:root{--bg-deep: oklch(.958 .012 83);--bg-page: oklch(.968 .008 84);--bg-card: oklch(.982 .008 84);--bg-hover: oklch(.93 .012 82);--bg-muted: oklch(.93 .012 82);--text-primary: oklch(.26 .018 55);--text-secondary: oklch(.5 .016 60);--text-muted: oklch(.62 .014 65);--text-inverse: oklch(.97 .012 85);--color-primary: oklch(.33 .045 235);--color-primary-hover: oklch(.38 .048 235);--color-primary-fg: oklch(.97 .012 85);--border: oklch(.87 .014 78);--border-hover: oklch(.78 .016 75);--border-light: oklch(.91 .01 80);--radius-sm: .3rem;--radius-md: .5rem;--radius-lg: .7rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .12);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Noto Serif TC", "Times New Roman", "Songti TC", serif;--font-mono: "SF Mono", "Fira Code", "JetBrains Mono", "Cascadia Code", monospace;--font-display: "Noto Serif TC", "Noto Sans TC", -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .04em;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--color-success: #16a34a;--color-success-bg: rgba(22, 163, 74, .08);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .08);--color-info: #2563eb;--color-info-bg: rgba(37, 99, 235, .08)}:root{--wood: oklch(.5 .085 152);--wood-fg: oklch(.98 .01 85);--wood-soft: oklch(.93 .03 152);--wood-border: oklch(.85 .04 152);--fire: oklch(.55 .155 32);--fire-fg: oklch(.98 .01 85);--fire-soft: oklch(.93 .035 40);--fire-border: oklch(.85 .05 38);--earth: oklch(.62 .088 72);--earth-fg: oklch(.99 .01 85);--earth-soft: oklch(.93 .03 78);--earth-border: oklch(.87 .05 75);--metal: oklch(.7 .098 85);--metal-fg: oklch(.28 .02 60);--metal-soft: oklch(.94 .028 88);--metal-border: oklch(.88 .04 85);--water: oklch(.39 .058 238);--water-fg: oklch(.98 .01 85);--water-soft: oklch(.92 .025 235);--water-border: oklch(.84 .03 238)}:root{--color-bg-deep: var(--bg-deep);--color-bg-primary: var(--bg-page);--color-bg-secondary: var(--bg-card);--color-bg-tertiary: var(--bg-hover);--color-bg-elevated: var(--bg-card);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-muted);--color-text-inverse: var(--text-inverse);--color-border: var(--border);--color-border-hover: var(--border-hover);--color-divider: var(--border-light);--color-accent: var(--color-primary);--color-accent-hover: var(--color-primary-hover);--color-accent-light: oklch(.6 .04 235);--color-accent-subtle: rgba(59, 130, 235, .08);--color-accent-glow: rgba(59, 130, 235, .15);--brand-bg-deep: var(--bg-deep);--brand-bg-mid: var(--bg-page);--brand-bg-card: rgba(0, 0, 0, .02);--brand-text-primary: var(--text-primary);--brand-text-secondary: var(--text-secondary);--brand-text-muted: var(--text-muted);--stage-seeker: var(--wood);--stage-seeker-bg: var(--wood-soft);--stage-seeker-border: var(--wood-border);--stage-seeker-glow: oklch(.5 .085 152 / .2);--stage-inspector: var(--fire);--stage-inspector-bg: var(--fire-soft);--stage-inspector-border: var(--fire-border);--stage-inspector-glow: oklch(.55 .155 32 / .2);--stage-builder: var(--earth);--stage-builder-bg: var(--earth-soft);--stage-builder-border: var(--earth-border);--stage-builder-glow: oklch(.62 .088 72 / .2);--stage-settler: var(--metal);--stage-settler-bg: var(--metal-soft);--stage-settler-border: var(--metal-border);--stage-settler-glow: oklch(.7 .098 85 / .2);--stage-keeper: var(--water);--stage-keeper-bg: var(--water-soft);--stage-keeper-border: var(--water-border);--stage-keeper-glow: oklch(.39 .058 238 / .2);--stage-current-color: var(--color-primary);--stage-current-glow: var(--color-accent-glow);--glass-bg: rgba(255, 255, 255, .8);--glass-border: var(--border);--glass-blur: 12px;--glass-bg-heavy: rgba(255, 255, 255, .9);--glass-blur-heavy: 20px;--shadow-glow: var(--shadow-md);--shadow-accent: var(--shadow-md);--shadow-inner: inset 0 1px 3px rgba(0, 0, 0, .06);--elf-skin: #FEF3C7;--elf-outfit: #7C3AED;--elf-tool: #F59E0B;--elf-eye: #1E293B;--elf-blush: #FCA5A5;--anim-stage-transition: .6s;--anim-float: 3s;--anim-spin-slow: 20s;--anim-glow-pulse: 4s}:root{--background: var(--bg-page);--foreground: var(--text-primary);--card: var(--bg-card);--card-foreground: var(--text-primary);--popover: var(--bg-card);--popover-foreground: var(--text-primary);--primary: var(--color-primary);--primary-foreground: var(--color-primary-fg);--secondary: var(--bg-hover);--secondary-foreground: var(--text-secondary);--muted: var(--bg-muted);--muted-foreground: var(--text-muted);--accent: oklch(.9 .018 80);--accent-foreground: oklch(.3 .02 55);--destructive: var(--color-error);--input: var(--border);--ring: oklch(.5 .05 235);--radius: .5rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-deep);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}.brand-headline{font-size:1.75rem;font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-wide)}.brand-headline em{font-style:normal;color:var(--stage-current-color, var(--color-primary));transition:color var(--transition-slow)}.brand-subtitle{font-size:.95rem;font-weight:var(--font-regular);color:var(--text-secondary);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wider)}.brand-description{font-size:.85rem;color:var(--text-muted);line-height:var(--leading-relaxed)}[data-theme=dark]{--bg-deep: oklch(.18 .01 260);--bg-page: oklch(.21 .01 260);--bg-card: oklch(.24 .01 260);--bg-hover: oklch(.28 .012 260);--bg-muted: oklch(.28 .012 260);--text-primary: oklch(.92 .01 85);--text-secondary: oklch(.7 .012 80);--text-muted: oklch(.55 .012 75);--text-inverse: oklch(.2 .01 260);--border: oklch(.3 .012 260);--border-hover: oklch(.38 .012 260);--border-light: oklch(.26 .012 260);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .6);--color-bg-deep: var(--bg-deep);--color-bg-primary: var(--bg-page);--color-bg-secondary: var(--bg-card);--color-bg-tertiary: var(--bg-hover);--color-bg-elevated: var(--bg-card);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-muted);--color-text-inverse: var(--text-inverse);--color-border: var(--border);--color-border-hover: var(--border-hover);--color-divider: var(--border-light);--glass-bg: rgba(30, 30, 40, .7);--glass-border: var(--border);--glass-bg-heavy: rgba(23, 23, 31, .85);--brand-bg-deep: var(--bg-deep);--brand-bg-mid: var(--bg-page);--brand-bg-card: rgba(255, 255, 255, .03);--brand-text-primary: var(--text-primary);--brand-text-secondary: var(--text-secondary);--brand-text-muted: var(--text-muted);--background: var(--bg-page);--foreground: var(--text-primary);--card: var(--bg-card);--card-foreground: var(--text-primary);--muted: var(--bg-muted);--muted-foreground: var(--text-muted)}@media(min-width:768px){:root{--text-base: 1rem}.brand-headline{font-size:2rem}}@media(min-width:1200px){.brand-headline{font-size:2.25rem}}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 64px;--header-height: 56px;--sidebar-width: 240px;--sidebar-collapsed: 64px;--content-max-width: 100%}#app{min-height:100dvh;display:flex;flex-direction:column;position:relative}.app-sidebar{display:none}@media(min-width:768px){:root{--nav-height: 72px;--header-height: 64px;--content-max-width: 720px}.page{padding:var(--space-6);padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + var(--space-6));max-width:var(--content-max-width);margin:0 auto}.grid--2col{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(min-width:1200px){:root{--nav-height: 0px;--header-height: 0px;--content-max-width: 1200px}.page{padding:var(--space-8);padding-bottom:var(--space-8);max-width:var(--content-max-width);margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.app-sidebar--collapsed~#page-content .page{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed))}.bottom-nav{display:none!important}.app-sidebar{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);z-index:var(--z-sidebar, 350);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);transition:width var(--transition-base);overflow:hidden}.app-sidebar--collapsed{width:var(--sidebar-collapsed)}.grid--2col{grid-template-columns:repeat(2,1fr)}.grid--3col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.grid--4col{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.form--2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}}@media(min-width:1600px){:root{--content-max-width: 1400px}}[data-stage=seeker]{--color-accent: var(--stage-seeker);--color-accent-subtle: var(--stage-seeker-bg);--stage-current-color: var(--stage-seeker);--stage-current-glow: var(--stage-seeker-glow)}[data-stage=inspector]{--color-accent: var(--stage-inspector);--color-accent-subtle: var(--stage-inspector-bg);--stage-current-color: var(--stage-inspector);--stage-current-glow: var(--stage-inspector-glow)}[data-stage=builder]{--color-accent: var(--stage-builder);--color-accent-subtle: var(--stage-builder-bg);--stage-current-color: var(--stage-builder);--stage-current-glow: var(--stage-builder-glow)}[data-stage=settler]{--color-accent: var(--stage-settler);--color-accent-subtle: var(--stage-settler-bg);--stage-current-color: var(--stage-settler);--stage-current-glow: var(--stage-settler-glow)}[data-stage=keeper]{--color-accent: var(--stage-keeper);--color-accent-subtle: var(--stage-keeper-bg);--stage-current-color: var(--stage-keeper);--stage-current-glow: var(--stage-keeper-glow)}.house-elf{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;animation:elfFloat var(--anim-float) ease-in-out infinite}.house-elf__body{position:relative;width:40px;height:44px;background:var(--elf-skin);border-radius:50% 50% 45% 45%;box-shadow:0 8px 24px #7c3aed33,inset 0 -4px 8px #00000014;transition:background var(--anim-stage-transition)}.house-elf__hat{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:36px;height:18px;background:var(--stage-current-color, var(--elf-outfit));border-radius:50% 50% 0 0;transition:background var(--anim-stage-transition)}.house-elf__hat:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:42px;height:4px;background:var(--stage-current-color, var(--elf-outfit));border-radius:2px;transition:background var(--anim-stage-transition)}.house-elf__eyes{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:6px}.house-elf__eye{width:5px;height:6px;background:var(--elf-eye);border-radius:50%;animation:elfBlink 4s ease-in-out infinite}.house-elf__tool{position:absolute;bottom:-2px;right:-6px;font-size:1.2rem;transition:transform var(--anim-stage-transition);animation:elfToolBob 2s ease-in-out infinite}.house-elf__glow{position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,var(--stage-current-glow, rgba(245,158,11,.2)) 0%,transparent 70%);animation:elfGlowPulse var(--anim-glow-pulse) ease-in-out infinite;pointer-events:none}@keyframes elfFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes elfBlink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes elfToolBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(-5deg)}75%{transform:translateY(1px) rotate(5deg)}}@keyframes elfGlowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.stage-transition-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .3s ease}.stage-transition-overlay--active{opacity:1}.stage-particles{position:absolute;inset:0;overflow:hidden}.stage-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--stage-current-color, #F59E0B);animation:particleRise 1.5s ease-out forwards}@keyframes particleRise{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-200px) scale(0);opacity:0}}.stage-upgrade-card{animation:cardReveal .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardReveal{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.brand-headline{font-size:1.75rem;font-weight:700;line-height:1.3;color:var(--brand-text-primary);letter-spacing:.02em}.brand-headline em{font-style:normal;color:var(--stage-current-color, var(--color-accent));transition:color var(--anim-stage-transition)}.brand-subtitle{font-size:.95rem;font-weight:400;color:var(--brand-text-secondary);line-height:1.6;letter-spacing:.04em}.brand-description{font-size:.85rem;color:var(--brand-text-muted);line-height:1.7}.stage-indicator{display:flex;align-items:center;gap:8px;padding:4px 12px}.stage-indicator__dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .4s ease;cursor:pointer;position:relative}.stage-indicator__dot--active{width:28px;border-radius:4px;background:var(--stage-current-color, var(--color-accent));box-shadow:0 0 12px var(--stage-current-glow, rgba(245,158,11,.3))}.stage-indicator__dot--passed{background:var(--stage-current-color, var(--color-accent));opacity:.5}.stage-indicator__label{position:absolute;top:16px;left:50%;transform:translate(-50%);font-size:.65rem;white-space:nowrap;color:var(--brand-text-muted);opacity:0;transition:opacity .3s}.stage-indicator__dot--active .stage-indicator__label{opacity:1;color:var(--stage-current-color)}.brand-card{background:var(--brand-bg-card);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:var(--space-5);position:relative;overflow:hidden;transition:border-color var(--anim-stage-transition),box-shadow var(--anim-stage-transition)}.brand-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--stage-current-color, var(--color-accent)),transparent);opacity:.4;transition:background var(--anim-stage-transition)}.brand-card:hover{border-color:var(--stage-current-border, rgba(255,255,255,.12));box-shadow:0 4px 24px var(--stage-current-glow, rgba(245,158,11,.08))}.particle-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle-bg__dot{position:absolute;border-radius:50%;background:var(--stage-current-color, var(--color-accent));opacity:0;animation:particleDrift 8s linear infinite}@keyframes particleDrift{0%{transform:translateY(100vh) translate(0) scale(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-10vh) translate(40px) scale(1.5);opacity:0}}.stage-ring{position:relative;width:48px;height:48px}.stage-ring svg{transform:rotate(-90deg)}.stage-ring__bg{fill:none;stroke:#ffffff14;stroke-width:3}.stage-ring__fill{fill:none;stroke:var(--stage-current-color, var(--color-accent));stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .8s ease,stroke var(--anim-stage-transition)}.stage-ring__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem}@media(max-width:480px){.brand-headline{font-size:1.35rem}.brand-subtitle{font-size:.85rem}.house-elf{width:48px;height:48px}}.app-sidebar{display:none;flex-direction:column;width:var(--sidebar-width, 240px);height:100dvh;position:fixed;left:0;top:0;bottom:0;z-index:var(--z-sidebar, 350);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);transition:width var(--transition-base);overflow:hidden;user-select:none;-webkit-user-select:none}.app-sidebar--collapsed{width:var(--sidebar-collapsed, 64px)}.app-sidebar--collapsed .sidebar-user__info,.app-sidebar--collapsed .sidebar-nav__label,.app-sidebar--collapsed .sidebar-footer__label{opacity:0;pointer-events:none;transition:opacity .1s ease}.app-sidebar--collapsed .sidebar-user__avatar{width:36px;height:36px;font-size:var(--text-sm)}.app-sidebar--collapsed .sidebar-nav__item{justify-content:center;padding:var(--space-3) var(--space-2)}.app-sidebar--collapsed .sidebar-footer__action{justify-content:center;padding:var(--space-2)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-divider);flex-shrink:0}.sidebar-user__avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-accent);overflow:hidden;flex-shrink:0;transition:all var(--transition-base)}.sidebar-user__avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user__info{flex:1;min-width:0;transition:opacity var(--transition-base)}.sidebar-user__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__email{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:2px}.sidebar-nav__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit;white-space:nowrap}.sidebar-nav__item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-nav__item--active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--font-semibold)}.sidebar-nav__item--active:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.sidebar-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.sidebar-nav__label{transition:opacity var(--transition-base)}.sidebar-divider{height:1px;background:var(--color-divider);margin:var(--space-2) var(--space-2)}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-divider);flex-shrink:0;display:flex;flex-direction:column;gap:2px}.sidebar-footer__action{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit}.sidebar-footer__action:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.sidebar-footer__action--logout:hover{background:var(--color-error-bg);color:var(--color-error)}.sidebar-footer__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:inherit}.sidebar-footer__label{transition:opacity var(--transition-base)}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:var(--space-2) auto 0;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.sidebar-collapse-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border-hover)}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}#home-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8) 0;animation:fadeInUp .4s ease-out}.home-empty-brand{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-family:var(--font-serif);font-size:var(--text-lg);opacity:.7}.home-empty-brand__name{letter-spacing:.06em}.home-empty-title{font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;line-height:1.3}.home-empty-desc{color:var(--color-text-secondary);text-align:center;font-size:var(--text-sm);line-height:1.6;max-width:300px}.stage-selector{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.stage-radio{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:44px}.stage-radio:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.stage-radio--selected{border-color:var(--color-accent);background:var(--color-accent-subtle);box-shadow:0 0 0 1px var(--color-accent)}.stage-radio__input{width:18px;height:18px;accent-color:var(--color-accent);flex-shrink:0}.stage-radio__label{font-weight:var(--font-semibold);font-size:var(--text-sm);min-width:2em}.stage-radio__desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.home-create-form{animation:fadeInUp .3s ease-out}.home-create-back{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) 0;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;background:none;border:none;min-height:44px}.home-create-back:hover{color:var(--color-text-primary)}.home-create-title{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-5)}#create-project-form{display:flex;flex-direction:column;gap:var(--space-4)}.required-mark{color:var(--color-error)}.home-error{color:var(--color-error);font-size:var(--text-sm);padding:var(--space-2) 0}#home-project-state{animation:fadeInUp .3s ease-out}.home-project-selector{margin-bottom:var(--space-4)}.home-project-select{width:100%}.home-stage-banner{text-align:center;padding:var(--space-6) var(--space-4);margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--glass-bg)}.home-stage-banner__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.home-stage-banner__stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3)}.home-stage-banner__name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--stage-color, var(--color-accent))}.home-stage-banner__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.home-stage-banner__project{font-size:var(--text-sm);color:var(--color-text-tertiary)}.home-primary-action{margin-bottom:var(--space-4)}.home-primary-link{text-decoration:none;text-align:center}.home-secondary-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.home-secondary-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;background:none;text-decoration:none;transition:all var(--transition-fast);min-height:44px}.home-secondary-link:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-subtle)}.home-recent-activity{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--glass-bg)}.home-section__title{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.home-recent-empty{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;padding:var(--space-4) 0}.modal-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;background:none;border:none}.modal-close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.home-offline-banner{background:var(--color-error, #EF4444);color:#fff;text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);margin-bottom:var(--space-4);animation:fadeIn .3s ease-out}@media(max-width:480px){.home-empty-title{font-size:var(--text-xl)}.home-stage-banner{padding:var(--space-4) var(--space-3)}.home-stage-banner__name{font-size:var(--text-xl)}}@media(prefers-reduced-motion:reduce){#home-empty-state,.home-create-form,#home-project-state{animation:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{background:var(--color-accent-subtle);color:var(--color-accent)}:focus-visible{outline:2px solid var(--stage-current-color, var(--color-accent));outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-enter{animation:fadeInUp var(--transition-base) forwards}.page-exit{animation:fadeIn var(--transition-fast) reverse forwards}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.paper-grain{background-image:radial-gradient(oklch(.26 .018 55 / .025) 1px,transparent 1px);background-size:22px 22px}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px)}.card--interactive:active{transform:translateY(0);transition-duration:.1s}.card--accent{border-color:var(--color-accent-subtle);background:linear-gradient(135deg,rgba(245,158,11,.06) 0%,var(--glass-bg) 100%)}.card--accent:hover{border-color:var(--color-accent);box-shadow:var(--shadow-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;overflow:hidden;min-height:44px;white-space:nowrap;user-select:none;-webkit-user-select:none}.btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.2) 10%,transparent 10.01%);transform:scale(10);opacity:0;transition:transform .4s,opacity .8s}.btn:active:after{transform:scale(0);opacity:1;transition:0s}.btn--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm),0 2px 8px #f59e0b33}.btn--primary:hover{box-shadow:var(--shadow-md),0 4px 16px #f59e0b4d;transform:translateY(-1px)}.btn--primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn--secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-border-hover);border-color:var(--color-border-hover)}.btn--ghost{color:var(--color-text-secondary);background:transparent}.btn--ghost:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.btn--icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full)}.btn--icon svg{width:22px;height:22px}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-md);min-height:52px;border-radius:var(--radius-lg)}.btn--block{width:100%}.btn--loading{pointer-events:none;opacity:.7}.btn--loading .btn__spinner{animation:spin .8s linear infinite}.fab{position:fixed;bottom:calc(var(--nav-height) + var(--safe-area-bottom) + var(--space-4));right:var(--space-4);width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 4px 20px #f59e0b59;z-index:var(--z-sticky);transition:transform var(--transition-spring),box-shadow var(--transition-base);cursor:pointer;border:none}.fab:hover{transform:scale(1.08);box-shadow:var(--shadow-xl),0 6px 24px #f59e0b73}.fab:active{transform:scale(.95)}.fab svg{width:26px;height:26px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);min-height:44px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input--textarea{min-height:100px;resize:vertical}.form-input--error{border-color:var(--color-error)}.form-error{font-size:var(--text-xs);color:var(--color-error)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-top:1px solid var(--glass-border);display:flex;align-items:center;z-index:var(--z-nav)}.bottom-nav__items{display:flex;width:100%;max-width:var(--content-max-width);margin:0 auto}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) 0;color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);transition:color var(--transition-fast);cursor:pointer;background:none;border:none;position:relative}.bottom-nav__item svg{width:24px;height:24px;transition:transform var(--transition-spring)}.bottom-nav__item--active{color:var(--color-accent)}.bottom-nav__item--active svg{transform:scale(1.1)}.bottom-nav__item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--color-accent);border-radius:0 0 var(--radius-full) var(--radius-full)}.more-menu-overlay{position:fixed;inset:0;background:#0000;z-index:calc(var(--z-nav) + 1);transition:background .2s ease;pointer-events:none}.more-menu-overlay--visible{background:#0006;pointer-events:auto}.more-menu-popover{position:fixed;z-index:calc(var(--z-nav) + 2);background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border:1px solid var(--glass-border);border-radius:14px;padding:8px;display:flex;flex-direction:column;gap:2px;min-width:180px;box-shadow:0 8px 32px #0006;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.more-menu-popover--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.more-menu-item{display:block;width:100%;padding:12px 16px;font-size:.95rem;font-weight:var(--font-medium);color:var(--color-text-secondary);background:none;border:none;border-radius:10px;text-align:left;cursor:pointer;transition:background .15s,color .15s}.more-menu-item:hover,.more-menu-item:active{background:#ffffff0f;color:var(--color-text-primary)}.more-menu-item--active{color:var(--color-accent);background:#f59e0b1a}.app-header{position:sticky;top:0;left:0;right:0;height:calc(var(--header-height) + var(--safe-area-top));padding-top:var(--safe-area-top);background:var(--glass-bg-heavy);backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-bottom:1px solid var(--glass-border);display:flex;align-items:center;padding-left:var(--space-4);padding-right:var(--space-4);gap:var(--space-3);z-index:var(--z-sticky)}.app-header__back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;background:none;border:none}.app-header__back:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.app-header__back svg{width:22px;height:22px}.app-header__title{flex:1;font-size:var(--text-lg);font-weight:var(--font-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header__actions{display:flex;gap:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap}.badge--pass{background:var(--color-success-bg);color:var(--color-success)}.badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge--fail{background:var(--color-error-bg);color:var(--color-error)}.badge--pending{background:#64748b1f;color:var(--color-text-tertiary)}.badge--info{background:var(--color-info-bg);color:var(--color-info)}.badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.toast-container{position:fixed;top:calc(var(--safe-area-top) + var(--space-4));left:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);animation:fadeInDown var(--transition-base) forwards;pointer-events:auto;overflow:hidden;position:relative}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-error)}.toast--info{border-left:3px solid var(--color-info)}.toast--warning{border-left:3px solid var(--color-warning)}.toast__icon{width:20px;height:20px;flex-shrink:0}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-error)}.toast--info .toast__icon{color:var(--color-info)}.toast--warning .toast__icon{color:var(--color-warning)}.toast__message{flex:1;font-size:var(--text-sm);line-height:1.4}.toast__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;background:none;border:none;transition:all var(--transition-fast);flex-shrink:0}.toast__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.toast__progress{position:absolute;bottom:0;left:0;height:2px;background:var(--color-accent);transition:width linear}.toast--exit{animation:fadeInDown var(--transition-fast) reverse forwards}.modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast) forwards}.modal-backdrop--exit{animation:fadeIn var(--transition-fast) reverse forwards}.modal{position:fixed;bottom:0;left:0;right:0;max-height:90dvh;background:var(--color-bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:var(--z-modal);animation:slideUp var(--transition-slow) forwards;display:flex;flex-direction:column;padding-bottom:var(--safe-area-bottom)}.modal--exit{animation:slideDown var(--transition-base) forwards}.modal__handle{width:36px;height:4px;background:var(--color-border-hover);border-radius:var(--radius-full);margin:var(--space-3) auto;flex-shrink:0}.modal__header{padding:var(--space-2) var(--space-5) var(--space-4);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-divider)}.modal__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal__body{padding:var(--space-5);overflow-y:auto;flex:1}.modal__footer{padding:var(--space-4) var(--space-5);display:flex;gap:var(--space-3);border-top:1px solid var(--color-divider)}.modal__footer .btn{flex:1}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state__icon{width:80px;height:80px;color:var(--color-text-tertiary);margin-bottom:var(--space-5);opacity:.5}.empty-state__title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state__description{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:280px;margin-bottom:var(--space-6);line-height:1.6}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton--text{height:14px;width:100%}.skeleton--title{height:20px;width:60%}.skeleton--avatar{width:44px;height:44px;border-radius:var(--radius-full)}.skeleton--card{height:120px;border-radius:var(--radius-lg)}.divider{height:1px;background:var(--color-divider);margin:var(--space-4) 0}.avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;background:var(--color-bg-tertiary);border:2px solid var(--color-border)}.avatar--sm{width:32px;height:32px}.avatar--lg{width:56px;height:56px}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:40px;height:40px;border-width:4px}.list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-divider);transition:background var(--transition-fast);cursor:pointer}.list-item:hover{background:var(--color-accent-subtle)}.list-item:active{background:#f59e0b14}.list-item:last-child{border-bottom:none}.list-item__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent)}.list-item__content{flex:1;min-width:0}.list-item__title{font-weight:var(--font-medium);margin-bottom:2px}.list-item__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.list-item__trailing{flex-shrink:0;color:var(--color-text-tertiary)}.tabs{display:flex;gap:var(--space-1);padding:0 var(--space-4);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;background:none;border:none}.tab:hover{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.tab--active{color:var(--color-accent);background:var(--color-accent-subtle)}.progress-bar{width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-light) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.project-progress-container{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.project-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-light) 100%);border-radius:var(--radius-full);transition:width var(--transition-slow)}.status-flow-btn{padding:6px 4px;font-size:.75rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:2px}.status-flow-btn:hover{background:#ffffff0f;border-color:#ffffff26;color:var(--color-text-primary)}.status-flow-btn.active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent-light);box-shadow:var(--shadow-accent);font-weight:var(--font-semibold)}.btn-pass-toggle,.btn-fail-toggle{transition:all var(--transition-fast)!important}.btn-pass-toggle:hover{border-color:var(--color-success)!important;background:#22c55e14!important;color:var(--color-success)!important}.btn-pass-toggle.active{border-color:var(--color-success)!important;background:var(--color-success-bg)!important;color:var(--color-success)!important;box-shadow:0 0 8px #22c55e33}.btn-fail-toggle:hover{border-color:var(--color-error)!important;background:#ef444414!important;color:var(--color-error)!important}.btn-fail-toggle.active{border-color:var(--color-error)!important;background:var(--color-error-bg)!important;color:var(--color-error)!important;box-shadow:0 0 8px #ef444433}.page{flex:1;padding:var(--space-4);padding-bottom:calc(var(--nav-height) + var(--safe-area-bottom) + var(--space-4));max-width:var(--content-max-width);margin:0 auto;width:100%}.page--no-nav{padding-bottom:var(--space-4)}.page__section{margin-bottom:var(--space-6)}.page__section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3);padding-left:var(--space-1)}.login-page-v2{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);position:relative;overflow:hidden;background:var(--bg-deep)}.login-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.login-bg__grain{position:absolute;inset:0;background-image:radial-gradient(oklch(.26 .018 55 / .018) 1px,transparent 1px);background-size:22px 22px}.login-bg__ink-splatter{position:absolute;inset:0;background:radial-gradient(circle at 12% 78%,oklch(.26 .018 55 / .025) 0,transparent 18px),radial-gradient(circle at 85% 15%,oklch(.26 .018 55 / .02) 0,transparent 22px),radial-gradient(circle at 72% 65%,oklch(.26 .018 55 / .03) 0,transparent 14px),radial-gradient(circle at 28% 35%,oklch(.26 .018 55 / .02) 0,transparent 20px),radial-gradient(circle at 45% 82%,oklch(.26 .018 55 / .035) 0,transparent 8px),radial-gradient(circle at 62% 28%,oklch(.26 .018 55 / .025) 0,transparent 10px),radial-gradient(circle at 18% 55%,oklch(.26 .018 55 / .03) 0,transparent 7px),radial-gradient(circle at 90% 72%,oklch(.26 .018 55 / .025) 0,transparent 12px),radial-gradient(circle at 35% 12%,oklch(.26 .018 55 / .04) 0,transparent 4px),radial-gradient(circle at 55% 48%,oklch(.26 .018 55 / .045) 0,transparent 3px),radial-gradient(circle at 78% 88%,oklch(.26 .018 55 / .035) 0,transparent 5px),radial-gradient(circle at 8% 22%,oklch(.26 .018 55 / .04) 0,transparent 3px),radial-gradient(circle at 68% 8%,oklch(.26 .018 55 / .03) 0,transparent 5px),radial-gradient(circle at 42% 70%,oklch(.26 .018 55 / .035) 0,transparent 4px),radial-gradient(circle at 22% 90%,oklch(.26 .018 55 / .03) 0,transparent 6px),radial-gradient(circle at 88% 42%,oklch(.26 .018 55 / .025) 0,transparent 3px);animation:inkSplatterBreathe 5s ease-in-out infinite;opacity:.6}@keyframes inkSplatterBreathe{0%,to{opacity:.5}50%{opacity:.75}}.login-bg__brush-stroke{position:absolute;inset:0;width:100%;height:100%;z-index:0}.brush-path{animation:brushWave 6s ease-in-out infinite}.brush-path--thin{animation-delay:-2s;animation-duration:5s}@keyframes brushWave{0%{stroke-dashoffset:800;opacity:0}15%{stroke-dashoffset:0;opacity:1}50%{stroke-dashoffset:0;opacity:.8}65%{stroke-dashoffset:800;opacity:0}to{stroke-dashoffset:800;opacity:0}}.login-bg__orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.04;animation:loginOrbFloat 18s ease-in-out infinite,orbBreathe 6s ease-in-out infinite;will-change:transform,opacity}.login-bg__orb--wood{width:300px;height:300px;background:var(--wood);top:-10%;left:-8%;animation-delay:0s,0s;--orb-depth: -60px}.login-bg__orb--fire{width:250px;height:250px;background:var(--fire);top:40%;right:-10%;animation-delay:-6s,-2s;animation-duration:20s,7s;--orb-depth: -40px}.login-bg__orb--earth{width:280px;height:280px;background:var(--earth);bottom:-10%;left:30%;animation-delay:-12s,-4s;animation-duration:22s,8s;--orb-depth: -80px}.login-bg__orb--metal{width:200px;height:200px;background:var(--metal);top:20%;left:50%;animation-delay:-3s,-1s;animation-duration:16s,5s;--orb-depth: -50px}.login-bg__orb--water{width:260px;height:260px;background:var(--water);bottom:20%;right:20%;animation-delay:-9s,-3s;animation-duration:24s,7.5s;--orb-depth: -70px}.login-bg__orbs{perspective:800px;transform-style:preserve-3d}@keyframes loginOrbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.12)}50%{transform:translate(-15px,15px) scale(.92)}75%{transform:translate(20px,10px) scale(1.06)}}@keyframes orbBreathe{0%,to{opacity:.025}50%{opacity:.06}}.login-ink-orb-layer{position:fixed;inset:0;z-index:0;pointer-events:none}.login-content-v2{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--space-10)}.login-brand-v2{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.login-brand-v2__mark{margin-bottom:var(--space-2);opacity:.9}.login-brand-v2__title{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:1.1;color:var(--text-primary);text-align:center;letter-spacing:.04em;position:relative;text-shadow:0 0 1px oklch(.26 .018 55 / .15),2px 2px 8px oklch(.26 .018 55 / .08),-1px -1px 6px oklch(.26 .018 55 / .06);padding:var(--space-2) var(--space-6)}.login-brand-v2__title:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:3px;background:#2b221c40;border-radius:50%;filter:blur(3px);animation:inkLineBreathe 3s ease-in-out infinite}@keyframes inkLineBreathe{0%,to{opacity:.3;width:55%;filter:blur(4px)}50%{opacity:.7;width:70%;filter:blur(2px)}}.login-brand-v2__brand{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--text-secondary);letter-spacing:.06em;text-align:center;margin-top:var(--space-1);text-shadow:1px 1px 4px oklch(.26 .018 55 / .05);transition:color .8s ease .3s}.login-brand-v2__subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);text-align:center;max-width:320px}.title-char,.brand-char{display:inline-block;transition:transform .1s ease-out,text-shadow .3s ease}.login-brand-v2__title,.login-brand-v2__brand{transition:transform .15s ease-out}@keyframes charReveal{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.login-brand-v2__title{transition:text-shadow .6s ease;cursor:default}.login-brand-v2__title:hover{text-shadow:0 0 2px oklch(.26 .018 55 / .25),2px 2px 16px oklch(.26 .018 55 / .15),-1px -1px 10px oklch(.26 .018 55 / .1),0 0 40px oklch(.26 .018 55 / .06)}.login-brand-v2__title:hover .brand-char{color:#17100b;transition:color .4s ease}.login-brand-v2__brand{transition:text-shadow .5s ease,color .5s ease;cursor:default}.login-brand-v2__brand:hover{text-shadow:0 0 6px oklch(.26 .018 55 / .15),0 0 18px oklch(.26 .018 55 / .08)}.login-action-v2{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.login-btn-v2{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:14px var(--space-6);background:#fcfaf6e6;color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-lg);border:1.5px solid oklch(.26 .018 55 / .18);cursor:pointer;min-height:52px;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),opacity .2s ease;box-shadow:0 1px 2px #2b221c0a,0 4px 12px #2b221c0a;font-family:inherit;position:relative}.login-btn-v2:after{content:"";position:absolute;inset:-3px;border-radius:calc(var(--radius-lg) + 3px);background:transparent;transition:box-shadow .4s ease;pointer-events:none}.login-btn-v2:hover{border-color:#2b221c4d;box-shadow:0 2px 4px #2b221c0f,0 6px 20px #2b221c14;transform:translateY(-1px);background:#fbf8f1}.login-btn-v2:hover:after{box-shadow:0 0 0 4px #2b221c0a,0 0 0 8px #2b221c05}.login-btn-v2:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.login-btn-v2:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-btn-v2--loading{background:var(--bg-hover)}.login-btn-v2 svg{width:20px;height:20px;flex-shrink:0}.login-dev-hint-v2{font-size:var(--text-xs);color:var(--text-muted)}.auth-login-page{min-height:100dvh;min-height:100svh;display:grid;place-items:center;padding:max(var(--space-6),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background:radial-gradient(circle at 18% 18%,oklch(.78 .06 75 / .12),transparent 34%),radial-gradient(circle at 82% 80%,oklch(.52 .08 215 / .1),transparent 32%),var(--bg-deep);color:var(--text-primary)}.auth-login-card{width:min(100%,420px);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:clamp(28px,7vw,52px) clamp(20px,7vw,48px);border:1px solid oklch(.26 .018 55 / .12);border-radius:28px;background:#fcfaf6d1;box-shadow:0 20px 60px #2b221c1f;text-align:center;position:relative;overflow:hidden}.auth-login-card__grain{position:absolute;inset:0;background-image:radial-gradient(oklch(.26 .018 55 / .02) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.auth-login-card__brush{position:absolute;bottom:0;left:10%;right:10%;height:3px;background:linear-gradient(to right,transparent 0%,oklch(.26 .018 55 / .12) 20%,oklch(.26 .018 55 / .18) 50%,oklch(.26 .018 55 / .12) 80%,transparent 100%);border-radius:50%;filter:blur(1px);pointer-events:none}.auth-login-back{align-self:flex-start;color:var(--text-secondary);font-size:var(--text-sm);padding:8px 0;min-height:44px;display:inline-flex;align-items:center;transition:color .15s ease-out}.auth-login-back:hover,.auth-login-back:focus-visible{color:var(--text-primary);outline:2px solid var(--color-primary);outline-offset:4px;border-radius:4px}.auth-login-brand{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--color-primary);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-semibold)}.auth-login-title{margin-top:var(--space-3);font-family:var(--font-serif);font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.2;letter-spacing:.04em}.auth-login-subtitle{max-width:280px;color:var(--text-secondary);line-height:var(--leading-relaxed)}.auth-login-button{margin-top:var(--space-4)}.auth-login-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.auth-login-button--loading{cursor:wait}.auth-login-permission,.auth-login-status{max-width:320px;color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.auth-login-permission{color:#413933bf}.auth-login-status{min-height:1.25rem;font-weight:var(--font-medium)}.auth-login-status--offline,.auth-login-status--config-error,.auth-login-status--error{color:var(--color-error)}.auth-login-status--online{color:var(--color-success)}.auth-login-status--loading{color:var(--text-secondary)}.pwa-network-banner,.pwa-update-banner{position:fixed;left:50%;bottom:max(16px,var(--safe-area-bottom));z-index:1000;display:flex;align-items:center;gap:10px;width:min(calc(100% - 32px),520px);padding:12px 14px;border:1px solid oklch(.26 .018 55 / .16);border-radius:14px;background:#fcfaf6f5;box-shadow:0 8px 24px #2b221c24;color:var(--text-primary);font-size:var(--text-sm);transform:translate(-50%)}.pwa-network-banner[data-state=offline]{border-color:#bb463261}.pwa-update-banner__reload,.pwa-update-banner__dismiss{padding:6px 9px;border-radius:8px;font-size:var(--text-xs);transition:background-color .15s ease-out,color .15s ease-out}.pwa-update-banner__reload{margin-left:auto;background:var(--color-primary);color:var(--bg-card)}.pwa-update-banner__dismiss{color:var(--text-secondary)}.pwa-update-banner__reload:hover,.pwa-update-banner__reload:focus-visible{background:var(--color-primary-hover)}.pwa-update-banner__dismiss:hover,.pwa-update-banner__dismiss:focus-visible{background:var(--color-accent-subtle);color:var(--text-primary)}@media(max-width:480px){.auth-login-card{border-radius:22px}}@media(prefers-reduced-motion:reduce){.auth-login-back,.auth-login-button,.pwa-update-banner__reload,.pwa-update-banner__dismiss,.login-bg__ink-splatter,.brush-path,.brush-path--thin,.login-bg__orb,.login-brand-v2__title:after{animation:none!important;transition:none!important}.login-bg__ink-splatter{opacity:.5}.login-brand-v2__title:after{opacity:.3;width:55%}.login-btn-v2{transition:none!important}.login-btn-v2:after{transition:none!important}.login-brand-v2__title,.login-brand-v2__brand{transition:none!important}.title-char,.brand-char{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.login-brand-v2__subtitle,.login-action-v2{opacity:1!important;animation:none!important}.login-footer-v2{animation:none!important}.handscroll-stage{transition:none!important}.handscroll-label,.handscroll-hint,.handscroll-dots{opacity:1;transition:none!important}.handscroll-dot,.handscroll-frame{transition:none!important}.spinner{animation:none!important}}.handscroll-stage{position:relative;width:100%;max-width:420px;margin:0 auto;border-radius:28px;overflow:hidden;background:#f6f1e9b3;box-shadow:0 16px 40px #2b241d26;font-family:var(--font-serif);padding:24px 0 22px;transition:background .6s ease,box-shadow .6s ease}.handscroll-stage:hover,.handscroll-stage:focus-within{background:#f6f1e9f2;box-shadow:0 16px 40px #2b241d38}.handscroll-label,.handscroll-hint,.handscroll-dots{opacity:.5;transition:opacity .6s ease}.handscroll-stage:hover .handscroll-label,.handscroll-stage:hover .handscroll-hint,.handscroll-stage:hover .handscroll-dots{opacity:1}.handscroll-grain{position:absolute;inset:0;background-image:radial-gradient(rgba(43,36,29,.035) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.handscroll-label{text-align:center;font-size:12px;color:#4a4038;letter-spacing:.08em;margin-bottom:10px;position:relative}.handscroll-viewport{position:relative}.handscroll-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:6px 40px 4px}.handscroll-track::-webkit-scrollbar{display:none}.handscroll-frame{flex:0 0 auto;width:124px;display:flex;gap:8px;padding:14px 10px;background:#fffdf7;border:1px solid rgba(43,36,29,.12);border-radius:14px;opacity:.4;transform:scale(.93);transition:opacity .15s linear,transform .15s linear,border-color .15s linear;scroll-snap-align:center}.handscroll-icon{width:44px;height:44px;flex-shrink:0}.handscroll-info{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:2px}.handscroll-name{font-size:13px;font-weight:600;color:#2b241d}.handscroll-el{font-size:10px;color:var(--c)}.handscroll-motto{writing-mode:vertical-rl;text-orientation:upright;font-size:11px;letter-spacing:.2em;color:#8a8073;line-height:1.7;border-right:1px solid rgba(43,36,29,.15);padding-right:8px}.handscroll-fade{position:absolute;top:0;bottom:4px;width:28px;pointer-events:none}.handscroll-fade--left{left:0;background:linear-gradient(to right,oklch(.96 .012 83),transparent)}.handscroll-fade--right{right:0;background:linear-gradient(to left,oklch(.96 .012 83),transparent)}.handscroll-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}.handscroll-dot{height:6px;min-width:6px;padding:0;border-radius:50%;background:#2b241d26;cursor:pointer;transition:width .25s ease,border-radius .25s ease,background .25s ease}.handscroll-dot:hover,.handscroll-dot:focus-visible{background:#2b241d73}.handscroll-hint{text-align:center;font-size:10px;color:#a8a196;margin-top:8px}@media(min-width:768px){.handscroll-stage{max-width:500px;padding:28px 0 24px}}@media(min-width:1200px){.handscroll-stage{max-width:540px}}@media(max-width:480px){.handscroll-stage{max-width:100%;border-radius:20px;padding:20px 0 18px}.handscroll-frame{width:116px;padding:12px 8px;gap:6px}.handscroll-icon{width:38px;height:38px}.handscroll-motto{font-size:10px;padding-right:6px}}@media(max-width:380px){.handscroll-stage{border-radius:16px;padding:16px 0 14px}.handscroll-frame{width:106px;padding:10px 6px}.handscroll-icon{width:34px;height:34px}.handscroll-track{padding-left:30px;padding-right:30px}.handscroll-fade{width:22px}}.login-footer-v2{font-size:var(--text-xs);color:var(--text-muted);text-align:center;animation:fadeInUp .7s ease-out .6s both}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes cardReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.login-content-v2{max-width:500px;gap:var(--space-12)}.login-brand-v2__title{font-size:3.5rem}.login-brand-v2__brand{font-size:var(--text-3xl)}}@media(min-width:1200px){.login-content-v2{max-width:540px}.login-brand-v2__title{font-size:4rem}}.home-page__welcome{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);animation:fadeInUp .4s ease-out}.home-page__greeting{flex:1}.home-page__greeting-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.home-page__greeting-name{font-size:var(--text-xl);font-weight:var(--font-bold)}.home-page__quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.quick-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.quick-action:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.quick-action__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);flex-shrink:0}.quick-action__icon--amber{background:var(--color-warning-bg)}.quick-action__icon--blue{background:var(--color-info-bg)}.quick-action__icon--green{background:var(--color-success-bg)}.quick-action__icon--red{background:var(--color-error-bg)}.quick-action__text{font-size:var(--text-sm);font-weight:var(--font-medium)}.project-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition-base)}.project-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card:active{transform:translateY(0)}.project-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.project-card__name{font-size:var(--text-md);font-weight:var(--font-semibold)}.project-card__address{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.project-card__stats{display:flex;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.project-card__stat{display:flex;flex-direction:column}.project-card__stat-value{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-accent)}.project-card__stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.project-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.project-list__count{font-size:var(--text-sm);color:var(--color-text-tertiary)}.settings-profile{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) 0;margin-bottom:var(--space-4)}.settings-profile__avatar{width:72px;height:72px;border-radius:var(--radius-full);margin-bottom:var(--space-3);border:3px solid var(--color-accent)}.settings-profile__name{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.settings-profile__email{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-group{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.settings-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-divider)}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:#ffffff08}.settings-item__icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);flex-shrink:0}.settings-item__content{flex:1}.settings-item__label{font-weight:var(--font-medium)}.settings-item__description{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.settings-item__trailing{color:var(--color-text-tertiary)}.settings-item__trailing svg{width:18px;height:18px}.settings-item--danger .settings-item__label{color:var(--color-error)}.settings-footer{text-align:center;padding:var(--space-6);color:var(--color-text-tertiary);font-size:var(--text-xs)}.quote-card{transition:all .2s}.quote-card:hover{border-color:#f59e0b33!important}.compare-table th,.compare-table td{font-size:.85rem}.compare-table tbody tr:hover{background:#ffffff05}.main-tabs{box-shadow:0 2px 8px #0000001a}.main-tab-btn{font-family:inherit}.main-tab-btn:hover{background:#f59e0b1a!important;color:#f59e0b!important}.inspiration-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;border-color:#ffffff26}.inspiration-tag-btn:hover{border-color:#f59e0b4d!important}.inspiration-card .fav-btn:hover{transform:scale(1.15)}.log-entry{transition:all .2s}.log-entry:hover{border-color:#ffffff1a}