:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-hover: #242836;--color-border: #2e3345;--color-text: #e4e6ed;--color-text-secondary: #8b90a0;--color-accent: #6c8cff;--color-accent-soft: #6c8cff22;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-grade-s: #a78bfa;--color-grade-a: #6c8cff;--color-grade-b: #4ade80;--color-grade-c: #fbbf24;--color-grade-d: #f87171;--radius: 8px;--radius-lg: 12px;--font-sans: "Noto Sans JP", sans-serif;--font-mono: "Cascadia Code", "Fira Code", monospace}[data-theme=light]{--color-bg: #f8f9fb;--color-surface: #ffffff;--color-surface-hover: #f0f1f5;--color-border: #d8dce6;--color-text: #1a1d27;--color-text-secondary: #5f6577;--color-accent: #4a6cf7;--color-accent-soft: #4a6cf722;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--color-grade-s: #7c3aed;--color-grade-a: #4a6cf7;--color-grade-b: #16a34a;--color-grade-c: #d97706;--color-grade-d: #dc2626}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-accent);text-decoration:none}button{font-family:inherit;cursor:pointer}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::-webkit-scrollbar-corner{background:transparent}.mobile-only{display:none!important}@media(max-width:768px){input,textarea,select{font-size:16px!important}.mobile-only{display:flex!important}.desktop-only{display:none!important}body{padding-bottom:env(safe-area-inset-bottom)}}.header.svelte-12qhfyh{border-bottom:1px solid var(--color-border);padding:.75rem 1.5rem}.header.svelte-12qhfyh nav:where(.svelte-12qhfyh){max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-left.svelte-12qhfyh{display:flex;align-items:center;gap:1.5rem}.logo.svelte-12qhfyh{font-family:Raleway,sans-serif;font-weight:700;font-style:italic;font-size:1.1rem;color:var(--color-text)}.nav-link.svelte-12qhfyh{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .15s}.nav-link.svelte-12qhfyh:hover{color:var(--color-text)}.header-right.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem}.user-name.svelte-12qhfyh{color:var(--color-text-secondary);font-size:.85rem}.tier-badge.svelte-12qhfyh{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}.tier-free.svelte-12qhfyh{background:var(--color-border);color:var(--color-text-secondary)}.tier-basic.svelte-12qhfyh{background:#6c8cff22;color:var(--color-accent)}.tier-pro.svelte-12qhfyh{background:#a78bfa22;color:var(--color-grade-s)}.tier-remaining.svelte-12qhfyh{font-weight:400;opacity:.8}.theme-toggle.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-secondary);padding:.35rem .45rem;cursor:pointer;transition:color .15s,border-color .15s;position:relative}.theme-toggle.svelte-12qhfyh:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.system-indicator.svelte-12qhfyh{position:absolute;bottom:-2px;right:-2px;font-size:.5rem;font-weight:700;color:var(--color-accent);line-height:1}.btn-header.svelte-12qhfyh{font-size:.85rem;color:var(--color-accent);background:none;border:1px solid var(--color-accent);padding:.3rem .8rem;border-radius:var(--radius);transition:background .15s;text-decoration:none;display:inline-block}.btn-header.svelte-12qhfyh:hover{background:var(--color-accent-soft)}.menu-wrapper.svelte-12qhfyh{position:relative}.menu-btn.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-secondary);padding:.35rem .45rem;cursor:pointer;transition:color .15s,border-color .15s}.menu-btn.svelte-12qhfyh:hover{color:var(--color-text);border-color:var(--color-text-secondary)}.dropdown-menu.svelte-12qhfyh{position:absolute;top:calc(100% + .4rem);right:0;min-width:160px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #00000026;padding:.35rem 0;z-index:100}.dropdown-item.svelte-12qhfyh{display:block;width:100%;padding:.5rem .85rem;color:var(--color-text-secondary);font-size:.875rem;text-decoration:none;background:none;border:none;text-align:left;font-family:inherit;cursor:pointer;transition:background .1s,color .1s}.dropdown-item.svelte-12qhfyh:hover{background:var(--color-surface);color:var(--color-text)}.dropdown-item.logout.svelte-12qhfyh{color:var(--color-error)}.dropdown-item.logout.svelte-12qhfyh:hover{background:var(--color-error-bg, rgba(239, 68, 68, .08))}.dropdown-divider.svelte-12qhfyh{border:none;border-top:1px solid var(--color-border);margin:.25rem 0}.mobile-only.svelte-12qhfyh,.menu-wrapper.guest.svelte-12qhfyh{display:none}.main.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}@media(max-width:768px){.user-name.svelte-12qhfyh{display:none}.nav-left.svelte-12qhfyh{gap:1rem}}@media(max-width:640px){.header.svelte-12qhfyh{padding:.5rem 1rem}.desktop-nav.svelte-12qhfyh,.user-name.svelte-12qhfyh{display:none}.mobile-only.svelte-12qhfyh,.menu-wrapper.guest.svelte-12qhfyh{display:block}.main.svelte-12qhfyh{padding:1rem}}