:root{color-scheme:dark;--ink-900: #f3edde;--ink-800: #e6dfcf;--ink-700: #cfc8b8;--ink-600: #b3ac9e;--ink-500: #948e83;--ink-400: #756f67;--ink-300: #57524e;--ink-200: #403c3e;--ink-100: #2e2a33;--ink-050: #262230;--paper: #0f0d17;--paper-deep: #141120;--white: #1a1626;--surface: var(--white);--surface-2: #211c31;--bg: var(--paper);--accent-900: #d9d7fb;--accent-700: #bdbaf5;--accent-600: #a4a0ef;--accent-500: #8f8ae6;--accent-400: #7a74d2;--accent-300: #615caf;--accent-100: #322e56;--accent-050: #272343;--accent: var(--accent-500);--flame-600: #e88b2d;--flame-500: #f5a64a;--flame-400: #ffc065;--flame-300: #ffd79a;--flame-100: #4a3217;--flame-050: #382713;--flame: var(--flame-500);--flame-ink: #2b1a05;--rose: #e08f8f;--sage: #8fc4ad;--ochre: #ddb05e;--ok-green: #7ec79a;--warn-red: #e07a7a;--line-1: rgba(243, 237, 222, .09);--line-2: rgba(243, 237, 222, .17);--line-accent: rgba(143, 138, 230, .36);--line-flame: rgba(245, 166, 74, .32);--font-display: "Fraunces", "Iowan Old Style", Palatino, Georgia, serif;--font-serif: "Fraunces", "Iowan Old Style", Palatino, Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius-button: 14px;--radius-card: 20px;--radius-chip: 999px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 28px rgba(4, 2, 10, .55);--shadow-card-hover: 0 2px 6px rgba(0, 0, 0, .55), 0 18px 48px rgba(4, 2, 10, .7);--shadow-glow-accent: 0 0 0 1px var(--line-accent), 0 0 30px rgba(143, 138, 230, .26);--shadow-glow-flame: 0 0 0 1px var(--line-flame), 0 0 34px rgba(245, 166, 74, .28);--grad-accent: linear-gradient(135deg, #8f8ae6 0%, #615caf 55%, #3b3776 100%);--grad-accent-soft: linear-gradient(135deg, rgba(50, 46, 86, .55) 0%, rgba(39, 35, 67, .55) 100%);--grad-flame: linear-gradient(135deg, #ffd79a 0%, #f5a64a 45%, #e07f22 100%);--grad-page: radial-gradient(1200px 640px at 50% -160px, rgba(99, 92, 196, .16), rgba(99, 92, 196, 0) 70%), radial-gradient(900px 520px at 50% 118%, rgba(245, 166, 74, .1), rgba(245, 166, 74, 0) 62%);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .16s;--dur-med: .34s;--dur-slow: .7s;--content-max: 720px;--content-max-wide: 1024px}@media (prefers-color-scheme: light){:root{color-scheme:light;--ink-900: #221e2c;--ink-800: #36313f;--ink-700: #4a4552;--ink-600: #5f5a66;--ink-500: #7a7580;--ink-400: #9b96a0;--ink-300: #bdb8c1;--ink-200: #d8d3da;--ink-100: #eae5e9;--ink-050: #f2ede9;--paper: #f8f3e9;--paper-deep: #f0e9db;--white: #fffdf8;--surface: var(--white);--surface-2: #f6f0e4;--bg: var(--paper);--accent-900: #232048;--accent-700: #3d3a80;--accent-600: #4c49a0;--accent-500: #5d59bc;--accent-400: #7e7ad0;--accent-300: #a5a2e0;--accent-100: #e6e5f7;--accent-050: #f2f1fb;--accent: var(--accent-600);--flame-600: #c26f12;--flame-500: #d98a25;--flame-400: #eda847;--flame-300: #f7c87f;--flame-100: #fbeed7;--flame-050: #fdf6e9;--flame: var(--flame-600);--flame-ink: #2b1a05;--rose: #c96a6a;--sage: #5f9c87;--ochre: #c2922f;--ok-green: #38835a;--warn-red: #bf4444;--line-1: rgba(34, 30, 44, .12);--line-2: rgba(34, 30, 44, .22);--line-accent: rgba(76, 73, 160, .3);--line-flame: rgba(194, 111, 18, .3);--shadow-card: 0 1px 2px rgba(34, 30, 44, .05), 0 5px 16px rgba(34, 30, 44, .07);--shadow-card-hover: 0 2px 5px rgba(34, 30, 44, .06), 0 16px 38px rgba(34, 30, 44, .12);--shadow-glow-accent: 0 0 0 1px var(--line-accent), 0 0 24px rgba(93, 89, 188, .2);--shadow-glow-flame: 0 0 0 1px var(--line-flame), 0 0 26px rgba(217, 138, 37, .22);--grad-accent: linear-gradient(135deg, #7e7ad0 0%, #4c49a0 55%, #232048 100%);--grad-accent-soft: linear-gradient(135deg, #f2f1fb 0%, #e6e5f7 100%);--grad-flame: linear-gradient(135deg, #f7c87f 0%, #d98a25 50%, #b86407 100%);--grad-page: radial-gradient(1200px 640px at 50% -160px, rgba(165, 162, 224, .2), rgba(165, 162, 224, 0) 70%), radial-gradient(900px 520px at 50% 118%, rgba(237, 168, 71, .12), rgba(237, 168, 71, 0) 62%)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);background-image:var(--grad-page);background-attachment:fixed;color:var(--ink-900);font-family:var(--font-ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;left:50%;bottom:-28vh;width:110vw;height:52vh;transform:translate(-50%);z-index:0;pointer-events:none;background:radial-gradient(50% 60% at 50% 100%,#f5a64a21,#f5a64a00 70%);animation:candleBreath 7s ease-in-out infinite}@keyframes candleBreath{0%,to{opacity:.7;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.06)}}#root{position:relative;z-index:1}h1,h2,h3{font-family:var(--font-display);font-weight:550;font-variation-settings:"opsz" 60;color:var(--ink-900);line-height:1.16;letter-spacing:-.012em;margin:0 0 .4em}a{color:var(--accent-600)}p{margin:0 0 1em}::selection{background:#8f8ae652}.container{max-width:var(--content-max);margin:0 auto;padding:24px 20px 80px}.container-wide{max-width:var(--content-max-wide)}:root{--fnav-clearance: calc(26px + env(safe-area-inset-top, 0px)) ;--dock-clearance: calc(108px + env(safe-area-inset-bottom, 0px)) ;--rail-w: 236px}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-content{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--fnav-clearance) 18px var(--dock-clearance)}.app-content.wide{max-width:var(--content-max-wide)}.app-content.full{max-width:none}.app-content.bare{max-width:none;padding:0 0 var(--dock-clearance)}.app-content .container{padding-top:0}@media (min-width: 880px){.app-shell{padding-left:var(--rail-w)}:root{--dock-clearance: 72px;--fnav-clearance: 40px}}.page-enter{animation:pageRise var(--dur-med) var(--ease-out)}@keyframes pageRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:pageRise var(--dur-med) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 55ms)}.lift{transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--line-2)}.lift:active{transform:translateY(-1px) scale(.995)}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.05);opacity:1}}@keyframes flicker{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}28%{transform:scale(1.03) rotate(-.6deg);filter:brightness(1.12)}55%{transform:scale(.985) rotate(.4deg);filter:brightness(.96)}78%{transform:scale(1.02) rotate(-.2deg);filter:brightness(1.08)}}.card{background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid var(--line-1);border-radius:var(--radius-card);box-shadow:var(--shadow-card),inset 0 1px #ffffff0a;padding:20px 22px;transition:box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.card.clickable:hover{box-shadow:var(--shadow-card-hover)}.card-accent{background:var(--grad-accent-soft);border-color:var(--line-accent)}.card-flame{background:linear-gradient(160deg,var(--flame-050),color-mix(in srgb,var(--surface) 82%,transparent));border-color:var(--line-flame)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;letter-spacing:.005em;border-radius:var(--radius-button);border:1px solid transparent;padding:11px 20px;cursor:pointer;transition:filter var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast) var(--ease-out)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-primary{background:var(--grad-accent);color:#fff;box-shadow:0 6px 20px #504cb459,inset 0 1px #ffffff2e}.btn-primary:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-glow-accent)}.btn-accent{background:var(--grad-flame);color:var(--flame-ink);box-shadow:var(--shadow-glow-flame),inset 0 1px #ffffff59}.btn-accent:hover:not(:disabled){filter:brightness(1.06)}.btn-secondary{background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--ink-800);border-color:var(--line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:none;color:var(--accent-600)}.btn-block{display:flex;width:100%}.title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:8px 0 22px}.title-row h1{font-size:clamp(32px,5.5vw,40px);margin:0}.title-count,.title-sub{font-size:14px;color:var(--ink-500)}.title-actions{margin-left:auto;display:flex;gap:8px}.tool-btn{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--ink-700);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--line-1);border-radius:var(--radius-chip);padding:7px 14px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.tool-btn:hover{background:var(--surface-2);border-color:var(--line-2)}.tool-btn.accent{background:var(--grad-accent);border-color:transparent;color:#fff}.tool-btn.accent:hover{filter:brightness(1.1)}.section-title{font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--accent-700);margin:30px 0 12px;display:flex;align-items:center;gap:12px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-accent),var(--line-flame) 40%,transparent)}.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--accent-700);background:var(--accent-050);border:1px solid var(--line-accent);border-radius:var(--radius-chip);padding:3px 10px;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.chip.quiet{color:var(--ink-600);background:var(--ink-050);border-color:var(--line-1)}.chip.flame{color:var(--flame-300);background:var(--flame-050);border-color:var(--line-flame)}@media (prefers-color-scheme: light){.chip.flame{color:var(--flame-600)}}.chip.clickable{cursor:pointer}.chip.clickable:hover{filter:brightness(1.12)}.error-banner{background:#e07a7a1a;border:1px solid rgba(224,122,122,.32);color:var(--warn-red);border-radius:var(--radius-card);padding:10px 14px;font-size:14px;margin:0 0 14px}.spinner{width:26px;height:26px;margin:32px auto;border:3px solid var(--accent-100);border-top-color:var(--accent-500);border-radius:50%;animation:yp-spin .9s linear infinite}@keyframes yp-spin{to{transform:rotate(360deg)}}input[type=text],input[type=email],input[type=number],input[type=time],input[type=datetime-local],textarea,select{font:inherit;color:var(--ink-900);background:color-mix(in srgb,var(--paper-deep) 80%,transparent);border:1px solid var(--line-2);border-radius:var(--radius-button);padding:10px 12px;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-300);outline-offset:0;border-color:var(--accent-400)}label.field{display:block;font-size:13px;font-weight:600;color:var(--ink-600);margin:0 0 14px}label.field>span{display:block;margin-bottom:5px}label.check{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--ink-700);font-weight:500;cursor:pointer;margin:0 0 14px}label.check input{margin-top:3px;accent-color:var(--accent-500)}.prose{font-family:var(--font-serif);font-size:17.5px;font-variation-settings:"opsz" 14;line-height:1.75;color:var(--ink-800);white-space:pre-wrap}.empty-state{text-align:center;padding:48px 24px;color:var(--ink-500)}.empty-state h3{color:var(--ink-700)}.empty-state p{max-width:400px;margin:0 auto 16px}.back-link{font:inherit;font-size:14px;font-weight:600;color:var(--accent-600);background:none;border:none;padding:0;margin:0 0 12px;cursor:pointer;display:inline-block}.back-link:hover{color:var(--accent-700)}.hero-frame{position:relative;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card)}.hero-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 70px #04020a59;pointer-events:none}.hero-img{width:100%;object-fit:cover;display:block;background:var(--ink-050)}.brand-loader{display:flex;align-items:center;justify-content:center;min-height:50vh}.brand-loader svg{animation:breathe 2.2s var(--ease-out) infinite;filter:drop-shadow(0 0 18px rgba(245,166,74,.35))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}