:root{--bg: #F7F8FA;--text: #222;--surface: #ffffff;--border: #e5e7eb;--card-bg: #ffffff;--link: #222;--hover: rgba(0, 0, 0, .04)}html[data-theme=dark]{--bg: #0b1220;--text: #e5e7eb;--surface: #0f172a;--border: #1f2937;--card-bg: #0f172a;--link: #e5e7eb;--hover: rgba(255, 255, 255, .08)}html,body{height:100%}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding-top:48px;padding-bottom:48px}.header{background:var(--surface);border-bottom:1px solid var(--border)}.footer{background:var(--surface);border-top:1px solid var(--border)}.container{max-width:1200px;margin:0 auto;padding:24px}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{margin:0;font-size:20px}.nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:flex-end}.nav a{text-decoration:none;color:var(--link);font-weight:500}.header-auth{display:flex;align-items:center;gap:12px}.btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit;font-weight:600}.btn:hover{background:var(--hover)}.btn--ghost{background:transparent}.btn--danger{border-color:#ef444480;color:#ef4444}.btn--small{padding:8px 10px;border-radius:10px;font-weight:600}.btn--discord{background:#5865f2;border-color:#5865f2b3;color:#fff}.btn--discord:hover{background:#4f5ae6}.auth-page{max-width:720px}.kv{margin-top:16px;display:grid;grid-template-columns:160px 1fr;gap:10px 16px}.kv__key{opacity:.8;font-weight:600}.kv__value{overflow:auto}.text-danger{color:#ef4444}.user-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--border);border-radius:9999px;text-decoration:none;color:var(--text)}.user-chip:hover{background:var(--hover)}.user-chip__avatar{width:24px;height:24px;border-radius:9999px}.user-chip__name{font-weight:700;font-size:14px}.profile{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:24px}.profile-card{display:flex;flex-direction:column;gap:16px}.profile-header{display:flex;gap:16px;align-items:center}.avatar{width:64px;height:64px;border-radius:18px;border:1px solid var(--border)}.profile-name{font-size:18px;font-weight:800}.profile-meta{margin-top:6px;display:flex;gap:12px;flex-wrap:wrap;opacity:.85}.profile-actions{display:flex;gap:12px;flex-wrap:wrap}.guilds{display:flex;flex-direction:column;gap:12px;margin-top:12px}.guild{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px}.guild__name{font-weight:700}.guild__id{opacity:.8}@media (max-width: 900px){.profile,.kv{grid-template-columns:1fr}}.theme-toggle{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9999px;padding:10px;cursor:pointer;font:inherit;line-height:0}.theme-toggle:hover{background:var(--hover)}.theme-toggle--floating{position:fixed;top:16px;right:16px;z-index:50;box-shadow:0 8px 24px #0000001f}html[data-theme=dark] .theme-toggle--floating{box-shadow:0 8px 24px #00000059}.theme-toggle__icon{width:18px;height:18px;display:block}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px;flex:1;min-width:280px}.page-grid{margin-top:32px}.grid{display:flex;gap:24px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-box{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:28px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header h3{margin:0;font-size:18px}.modal-close{background:none;border:none;cursor:pointer;font-size:18px;color:var(--text);opacity:.6;padding:4px 8px;border-radius:8px}.modal-close:hover{opacity:1;background:var(--hover)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-auth-notice{background:var(--hover);border-radius:10px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.modal-auth-notice p{margin:0;font-size:14px;flex:1}.task-card__footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.task-card__actions{display:flex;gap:8px}.form-field textarea{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 12px;font-family:inherit;font-size:14px;resize:vertical}.form-field--full{grid-column:1 / -1}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px}