:root{--color-paper: oklch(98.5% .006 10);--color-paper-2: oklch(96.5% .01 10);--color-paper-3: oklch(94% .016 10);--color-ink: oklch(23% .012 10);--color-ink-2: oklch(40% .012 10);--color-muted: oklch(52% .012 10);--color-rule: oklch(88% .012 10);--color-rule-2: oklch(92.5% .008 10);--color-accent: oklch(72% .139 8);--color-accent-deep: oklch(56% .165 8);--color-accent-deeper: oklch(50% .165 8);--color-accent-text: oklch(52% .16 8);--color-accent-tint: oklch(95.5% .028 8);--color-accent-ink: oklch(99% .004 10);--color-focus: oklch(60% .2 8);--color-live: oklch(48% .13 150);--color-live-tint: oklch(94% .05 150);--color-error: oklch(56% .216 24);--font-display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "BIZ UDPGothic", "Yu Gothic", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-display: clamp(2.25rem, 3.6vw + 1rem, 3.75rem);--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--radius-card: 16px;--radius-input: 12px;--radius-pill: 999px;--rule-hair: 1px;--page-max: 72rem;--page-gutter: clamp(1rem, 4vw, 2rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--shadow-whisper: 0 1px 2px oklch(23% .012 10 / .06), 0 12px 32px -20px oklch(23% .012 10 / .25);--z-raised: 10;--z-sticky: 200;--z-modal: 400}:root{--primary-color: var(--color-accent);--primary-color-hover: oklch(68% .154 8);--bg-color-1: var(--color-paper);--bg-color-2: var(--color-paper-2);--bg-color-3: var(--color-paper-3);--text-color-1: var(--color-ink);--text-color-2: var(--color-ink-2);--text-color-3: var(--color-muted);--border-color-1: var(--color-rule);--border-color-2: var(--color-rule-2);--success-color: #22c55e;--error-color: var(--color-error);--danger-color: var(--color-error);--border-radius: 10px;--font-family: var(--font-body);--color-primary: var(--primary-color);--color-primary-hover: var(--primary-color-hover);--color-bg: var(--bg-color-1);--color-bg-secondary: var(--bg-color-2);--color-bg-tertiary: var(--bg-color-3);--color-text: var(--text-color-1);--color-text-secondary: var(--text-color-3);--color-border: var(--border-color-1);--color-success: var(--success-color);--color-error: var(--error-color)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip;font-family:var(--font-family);background-color:var(--bg-color-1);color:var(--text-color-1);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}}.container{max-width:600px;margin:0 auto;padding:0 16px}.card{background-color:var(--bg-color-1);border:1px solid var(--border-color-1);border-radius:var(--border-radius);padding:20px}header.svelte-1elxaub{border-bottom:1px solid var(--border-color-1);padding:16px 0;background:var(--bg-color-1);position:sticky;top:0;z-index:100}nav.svelte-1elxaub{display:flex;align-items:center;justify-content:space-between;max-width:var(--page-max);padding-inline:var(--page-gutter)}.logo.svelte-1elxaub{font-family:var(--font-display);font-size:1.25rem;font-weight:900;letter-spacing:-.01em;color:var(--text-color-1);display:flex;align-items:center;gap:8px}.logo.svelte-1elxaub img:where(.svelte-1elxaub){width:32px;height:auto}.logo.svelte-1elxaub:hover{text-decoration:none;color:var(--primary-color)}.nav-right.svelte-1elxaub{display:flex;align-items:center;gap:16px}.nav-link.svelte-1elxaub{white-space:nowrap;font-size:.875rem;color:var(--text-color-2);font-weight:500}.nav-link.svelte-1elxaub:hover{color:var(--primary-color);text-decoration:none}.create-button.svelte-1elxaub{padding:8px 16px;background:var(--bg-color-1);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:9999px;font-size:.875rem;font-weight:500;transition:all .2s}.create-button.svelte-1elxaub:hover{background:var(--primary-color);color:#fff}.auth-placeholder.svelte-1elxaub{width:36px;height:36px;border-radius:50%;background:var(--bg-color-3);animation:svelte-1elxaub-pulse 1.5s ease-in-out infinite}@keyframes svelte-1elxaub-pulse{0%,to{opacity:.5}50%{opacity:1}}.login-button.svelte-1elxaub{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:9999px;font-size:.875rem;font-weight:500;transition:background .2s}.login-button.svelte-1elxaub:hover{background:var(--primary-color-hover)}.user-menu-container.svelte-1elxaub{position:relative}.user-button.svelte-1elxaub{background:none;border:none;padding:0;cursor:pointer}.user-avatar.svelte-1elxaub{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-avatar-placeholder.svelte-1elxaub{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-menu.svelte-1elxaub{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-color-1);border:1px solid var(--border-color-1);border-radius:var(--border-radius);min-width:200px;box-shadow:0 4px 12px #0000001a}.user-info.svelte-1elxaub{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.user-name.svelte-1elxaub{font-weight:600;color:var(--text-color-1)}.user-handle.svelte-1elxaub{font-size:.875rem;color:var(--text-color-3)}hr.svelte-1elxaub{border:none;border-top:1px solid var(--border-color-1);margin:0}.menu-item.svelte-1elxaub{width:100%;padding:12px 16px;background:none;border:none;text-align:left;color:var(--text-color-1);font-size:.875rem;cursor:pointer}.menu-item.svelte-1elxaub:hover{background:var(--bg-color-3)}.app.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}main.svelte-12qhfyh{flex:1;padding:24px 0}footer.svelte-12qhfyh{padding:24px 0;text-align:center;color:var(--color-text-secondary);font-size:.875rem}