@import "https://fonts.googleapis.com/css2?family=Inter+Tight:wght@700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--teal:#3de0c5;--coral:#ff8e72;--butter:#ffd56b;--violet:#a78bfa;--pink:#ff6b9d;--shu:#e1392b;--koi:#e94b3c;--koi-soft:#ffe0da;--water:#4fa3d1;--font-editorial:"Instrument Serif", "PP Editorial New", serif;--font-display:"Inter Tight", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}:root,[data-theme=dark]{--bg:#0b0a14;--bg-2:#0f0d1a;--ink:#f4f2fb;--ink-2:#aba6be;--ink-3:#6e6986;--accent:#9b7bff;--accent-2:#7c5cf1;--accent-grad:linear-gradient(135deg, #9b7bff, #7c5cf1);--accent-soft:#7c5cf129;--line:#ffffff14;--line-strong:#ffffff24;--surface-1:#ffffff08;--surface-2:#ffffff0f;--surface-3:#ffffff1a;--glass-bg-1:linear-gradient(180deg, #ffffff14, #ffffff08);--glass-bg-2:linear-gradient(180deg, #ffffff24, #ffffff0d);--glass-bg-3:linear-gradient(180deg, #ffffff1a, #ffffff06), linear-gradient(135deg, #3de0c50b, #ff8e7209);--glass-border:#ffffff24;--glass-border-strong:#fff3;--glass-shadow:0 1px 0 #ffffff24 inset, 0 -1px 0 #00000040 inset, 0 8px 20px -8px #00000059, 0 24px 50px -24px #0000008c;--glass-shadow-strong:0 1px 0 #ffffff2e inset, 0 -1px 0 #0000004d inset, 0 10px 24px -10px #0006, 0 28px 60px -24px #000000a6;--aurora-opacity:.38;--aurora-blend:normal;--ambient-color:#f5f4ef8c;--ambient-opacity-base:.08}[data-theme=light]{--bg:#f3f1fb;--bg-2:#ece9f8;--ink:#1a1730;--ink-2:#5a5670;--ink-3:#908ba6;--accent:#7c5cf1;--accent-2:#9b6bff;--accent-grad:linear-gradient(135deg, #7b5cff, #9f6bff);--accent-soft:#7c5cf11f;--line:#14161c14;--line-strong:#14161c24;--surface-1:#ffffff8c;--surface-2:#ffffffbf;--surface-3:#ffffffeb;--glass-bg-1:linear-gradient(180deg, #ffffffc7, #ffffff80);--glass-bg-2:linear-gradient(180deg, #ffffffeb, #ffffffad);--glass-bg-3:linear-gradient(180deg, #ffffffd1, #ffffff8c), linear-gradient(135deg, #00837a0d, #e55b3c0a);--glass-border:#14161c1a;--glass-border-strong:#14161c29;--glass-shadow:0 1px 0 #fffffff2 inset, 0 -1px 0 #14161c0a inset, 0 6px 16px -8px #14161c1a, 0 20px 44px -20px #14161c38;--glass-shadow-strong:0 1px 0 #fff inset, 0 -1px 0 #14161c0f inset, 0 8px 22px -10px #14161c24, 0 26px 56px -22px #14161c47;--teal:#0e9982;--coral:#e4644a;--butter:#d9a100;--violet:#7c5de0;--pink:#d6477c;--aurora-opacity:.55;--aurora-blend:normal;--ambient-color:#14161c66;--ambient-opacity-base:.1}*{box-sizing:border-box}html,body{font-family:var(--font-body);color:var(--ink);background:#f4f3ef;margin:0;padding:0}.display{font-family:var(--font-display);letter-spacing:-.04em;font-weight:700}.mono{font-family:var(--font-mono)}.glass{background:var(--glass-bg-1);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(28px)saturate(1.6)brightness(1.04)}.glass-soft{background:var(--glass-bg-1);border:1px solid var(--glass-border);border-radius:var(--r-md)}[data-theme=dark] .glass-soft{background:linear-gradient(#ffffff0a,#ffffff03);border-color:#ffffff0f}[data-theme=light] .glass-soft{background:linear-gradient(#ffffff80,#ffffff40);border-color:#14161c0f}.glass-card{background:var(--glass-bg-3);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-strong);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(32px)saturate(1.7)brightness(1.05);position:relative}.glass-card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000 0%,#ffffff80 20%,#ffffffb3 50%,#ffffff80 80%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}[data-theme=light] .glass-card:before{background:linear-gradient(90deg,#0000 0%,#ffffffe6 20%,#fff 50%,#ffffffe6 80%,#0000 100%)}.hover-lift{transition:transform .2s,background .2s,border-color .2s}.hover-lift:hover{transform:translateY(-1px);background:var(--surface-2)!important;border-color:var(--line-strong)!important}.btn{cursor:pointer;border-radius:var(--r-sm);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-glass{background:var(--glass-bg-2);border:1px solid var(--line-strong);color:var(--ink)}.btn-teal{background:linear-gradient(135deg, var(--teal), color-mix(in oklab, var(--teal), var(--violet)));color:var(--bg)}.btn-coral{background:linear-gradient(135deg, var(--coral), var(--butter));color:var(--bg)}.aurora-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora-blob{filter:blur(80px);opacity:var(--aurora-opacity);mix-blend-mode:var(--aurora-blend);border-radius:999px;position:absolute}.ambient-word{font-family:var(--font-display);letter-spacing:-.02em;pointer-events:none;-webkit-user-select:none;user-select:none;color:var(--ambient-color);white-space:nowrap;will-change:opacity, transform;animation:ambient-drift var(--duration,48s) cubic-bezier(.4, 0, .6, 1) infinite alternate;font-weight:700;position:absolute}@keyframes ambient-drift{0%{transform:translate(0)}33%{transform:translate(var(--dx1,0), var(--dy1,0))}66%{transform:translate(var(--dx2,0), var(--dy2,0))}to{transform:translate(var(--dx3,0), var(--dy3,0))}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}::-webkit-scrollbar-track{background:0 0}input,button,textarea{font-family:inherit}input:focus,textarea:focus{outline:none}.card-default,.card-hero,.card-data,.card-moment,.card-ai,.card-quiet,.card-warn{border-radius:var(--r-lg);position:relative;overflow:hidden}.card-default{background:var(--glass-bg-3);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-strong);-webkit-backdrop-filter:blur(32px)saturate(1.7)brightness(1.05);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}.card-default:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff8c 50%,#0000 100%);height:1px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}[data-theme=light] .card-default:before{background:linear-gradient(90deg,#0000 0%,#fff 50%,#0000 100%)}.card-default:hover{border-color:var(--glass-border-strong);transform:translateY(-2px)}.card-default:hover:before{opacity:1.2}.card-default:active{transition-duration:.1s;transform:translateY(0)scale(.997)}.card-hero{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s}.card-hero:hover{border-color:color-mix(in oklab, var(--teal), transparent 45%);box-shadow:var(--glass-shadow-strong), 0 0 44px -8px color-mix(in oklab, var(--teal), transparent 55%), 0 0 34px -10px color-mix(in oklab, var(--coral), transparent 60%);transform:translateY(-3px)}.card-hero:active{transition-duration:.12s;transform:translateY(-1px)scale(.997)}.card-ai{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s}.card-ai:before{content:"";background:linear-gradient(115deg, transparent 30%, color-mix(in oklab, var(--violet), transparent 70%) 50%, transparent 70%);opacity:0;pointer-events:none;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0;transform:translate(-100%)}.card-ai:hover{border-color:color-mix(in oklab, var(--violet), transparent 35%);box-shadow:var(--glass-shadow-strong), 0 0 48px -10px color-mix(in oklab, var(--violet), transparent 45%);transform:translateY(-3px)}.card-ai:hover:before{opacity:1;animation:1.6s cubic-bezier(.4,0,.2,1) cardShimmer}.card-ai:active{transition-duration:.12s;transform:translateY(-1px)scale(.997)}@keyframes cardShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-data{background:var(--surface-1);border:1px solid var(--line);-webkit-backdrop-filter:none;transition:transform .18s,border-color .2s,background .2s}.card-data:before{content:"";background:var(--pink);opacity:.45;width:2px;transition:width .25s cubic-bezier(.22,1,.36,1),background .25s,opacity .25s,box-shadow .25s;position:absolute;top:0;bottom:0;left:0}.card-data:hover{background:color-mix(in oklab, var(--pink), transparent 94%);border-color:color-mix(in oklab, var(--pink), transparent 75%)}.card-data:hover:before{background:var(--pink);opacity:1;width:4px;box-shadow:0 0 12px -2px color-mix(in oklab, var(--pink), transparent 50%)}.card-data:active{transform:scale(.995)}.card-quiet{background:linear-gradient(180deg, #fff8e60a, #fff8e604), var(--surface-1);-webkit-backdrop-filter:none;border:none;transition:background .25s,padding-left .3s;position:relative;padding-left:18px!important}[data-theme=light] .card-quiet{background:linear-gradient(180deg, #f5ebd280, #f5ebd233), var(--surface-2)}.card-quiet:before{content:"";background:linear-gradient(180deg, transparent 0%, color-mix(in oklab, var(--butter), var(--ink-3) 30%) 12%, color-mix(in oklab, var(--butter), var(--ink-3) 30%) 88%, transparent 100%);opacity:.6;width:1.5px;transition:opacity .3s,background .3s,width .3s;position:absolute;top:14px;bottom:14px;left:8px}.card-quiet:after{content:"";background:var(--butter);opacity:.7;border-radius:50%;width:5px;height:5px;transition:background .3s,transform .3s,opacity .3s,box-shadow .3s;position:absolute;top:14px;left:6px}.card-quiet:hover:before{opacity:1;background:linear-gradient(180deg, transparent 0%, var(--butter) 12%, var(--butter) 88%, transparent 100%);width:2px}.card-quiet:hover:after{background:var(--butter);opacity:1;box-shadow:0 0 8px -1px color-mix(in oklab, var(--butter), transparent 40%);transform:scale(1.5)}.card-moment{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s}.card-moment:hover{border-color:color-mix(in oklab, var(--koi), transparent 45%);box-shadow:var(--glass-shadow-strong), 0 0 38px -6px color-mix(in oklab, var(--koi), transparent 50%), 0 0 24px -8px color-mix(in oklab, var(--butter), transparent 60%);animation:2.4s ease-in-out infinite momentPulse;transform:translateY(-3px)}.card-moment:active{transition-duration:.12s;transform:translateY(-1px)scale(.998)}@keyframes momentPulse{0%,to{box-shadow:var(--glass-shadow-strong), 0 0 38px -6px color-mix(in oklab, var(--koi), transparent 50%), 0 0 24px -8px color-mix(in oklab, var(--butter), transparent 60%)}50%{box-shadow:var(--glass-shadow-strong), 0 0 50px -4px color-mix(in oklab, var(--koi), transparent 40%), 0 0 32px -6px color-mix(in oklab, var(--butter), transparent 50%)}}.card-warn{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s}.card-warn:hover{border-color:color-mix(in oklab, var(--coral), transparent 40%);box-shadow:var(--glass-shadow-strong), 0 0 36px -10px color-mix(in oklab, var(--coral), transparent 50%);transform:translateY(-2px)}.card-warn:active{transition-duration:.12s;transform:translateY(-1px)scale(.997)}.card-hero{--mx:0;--my:0;--active:0;--hue-shift:calc(var(--mx) * 30deg);background: radial-gradient(ellipse 50% 45% at calc(50% + var(--mx) * 35%) calc(50% + var(--my) * 35%), color-mix(in oklab, var(--violet), transparent calc(95% - var(--active) * 25%)), transparent 55%),  radial-gradient(ellipse 75% 60% at calc(18% + var(--mx) * 14%) calc(-10% + var(--my) * 12%), color-mix(in oklab, var(--teal), transparent calc(58% - var(--active) * 18%)), transparent 55%),  radial-gradient(ellipse 65% 55% at calc(92% + var(--mx) * 14%) calc(105% + var(--my) * 12%), color-mix(in oklab, var(--coral), transparent calc(60% - var(--active) * 18%)), transparent 55%), var(--glass-bg-3);border:1px solid color-mix(in oklab, var(--teal), transparent calc(65% - var(--active) * 25%));box-shadow:var(--glass-shadow-strong), 0 0 calc(28px + var(--active) * 20px) -10px color-mix(in oklab, var(--teal), transparent calc(70% - var(--active) * 20%)), 0 0 calc(22px + var(--active) * 18px) -10px color-mix(in oklab, var(--coral), transparent calc(75% - var(--active) * 20%));-webkit-backdrop-filter:blur(34px) saturate(calc(1.7 + var(--active) * .4));transform-style:preserve-3d;transform:perspective(900px) rotateX(calc(var(--my) * -3deg * var(--active))) rotateY(calc(var(--mx) * 4deg * var(--active))) translateY(calc(var(--active) * -3px)) translateZ(0);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .45s,border-color .35s,background .22s linear,-webkit-backdrop-filter .35s,backdrop-filter .35s}.card-hero:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--teal), transparent 30%) calc(50% + var(--mx) * 30% - 15%), #ffffffd9 calc(50% + var(--mx) * 30%), color-mix(in oklab, var(--coral), transparent 30%) calc(50% + var(--mx) * 30% + 15%), transparent);pointer-events:none;height:1px;opacity:calc(.55 + var(--active) * .45);transition:opacity .35s,background .18s linear;position:absolute;top:0;left:6%;right:6%}[data-theme=light] .card-hero:after{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--teal), transparent 40%) calc(50% + var(--mx) * 30% - 15%), #fff calc(50% + var(--mx) * 30%), color-mix(in oklab, var(--coral), transparent 40%) calc(50% + var(--mx) * 30% + 15%), transparent)}.card-hero:before{content:"";background:radial-gradient(circle 220px at calc(50% + var(--mx) * 45%) calc(50% + var(--my) * 45%), color-mix(in oklab, #ffffff80, color-mix(in oklab, var(--teal), var(--coral) calc(50% + var(--mx) * 50%)) 35%) 0%, oklab(100% 0 5.96046e-8/.0745098) 30%, transparent 65%);pointer-events:none;border-radius:inherit;opacity:calc(var(--active) * 1);mix-blend-mode:screen;transition:opacity .35s;position:absolute;inset:0}[data-theme=light] .card-hero:before{background:radial-gradient(circle 220px at calc(50% + var(--mx) * 45%) calc(50% + var(--my) * 45%), color-mix(in oklab, #ffffffb3, color-mix(in oklab, var(--teal), var(--coral) calc(50% + var(--mx) * 50%)) 30%) 0%, #ffffff4d 30%, transparent 65%);mix-blend-mode:normal}.card-hero:hover{--active:1;border-color:color-mix(in oklab, color-mix(in oklab, var(--teal), var(--coral) calc(50% + var(--mx) * 50%)), transparent 40%)}.card-hero:active{transform:perspective(900px) rotateX(calc(var(--my) * -2deg)) rotateY(calc(var(--mx) * 3deg)) translateY(-1px) scale(.996);transition-duration:.12s}.card-ai{background:radial-gradient(ellipse 75% 65% at 82% -10%, color-mix(in oklab, var(--violet), transparent 55%), transparent 55%), radial-gradient(ellipse 55% 45% at 8% 110%, color-mix(in oklab, var(--teal), transparent 68%), transparent 55%), var(--glass-bg-3);border:1px solid color-mix(in oklab, var(--violet), transparent 55%);box-shadow:var(--glass-shadow-strong), 0 0 32px -12px color-mix(in oklab, var(--violet), transparent 60%);-webkit-backdrop-filter:blur(30px)saturate(1.7)}.card-ai:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--violet), transparent 30%), transparent);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.card-data{background:var(--surface-1);border:1px solid var(--line);-webkit-backdrop-filter:none}.card-data:before{content:"";background:var(--ink-3);opacity:.4;width:2px;position:absolute;top:0;bottom:0;left:0}.card-moment{background:linear-gradient(135deg, color-mix(in oklab, var(--koi), transparent 88%), color-mix(in oklab, var(--butter), transparent 88%)), var(--glass-bg-3);border:1px solid color-mix(in oklab, var(--koi), transparent 70%);box-shadow:var(--glass-shadow-strong), 0 0 28px -8px color-mix(in oklab, var(--koi), transparent 75%);-webkit-backdrop-filter:blur(24px)saturate(1.5)}.card-moment:after{content:"";border-radius:inherit;background:radial-gradient(circle at 80% 0%, color-mix(in oklab, var(--koi), transparent 60%), transparent 40%);opacity:.4;pointer-events:none;position:absolute;inset:-1px}.card-quiet{background:var(--surface-1);border:1px dashed var(--line-strong);-webkit-backdrop-filter:none}.card-warn{background:radial-gradient(ellipse 60% 50% at 90% 0%, color-mix(in oklab, var(--coral), transparent 82%), transparent 55%), var(--glass-bg-3);border:1px solid color-mix(in oklab, var(--coral), transparent 65%);box-shadow:var(--glass-shadow-strong), 0 0 24px -10px color-mix(in oklab, var(--coral), transparent 70%);-webkit-backdrop-filter:blur(20px)saturate(1.4)}.editorial{font-family:var(--font-editorial);letter-spacing:-.02em;font-style:italic;font-weight:400}.koi-pond{pointer-events:none;position:absolute;inset:0;overflow:hidden}.koi-swim{opacity:.45;filter:drop-shadow(0 4px 12px #e94b3c26);animation:38s linear infinite koiPath;position:absolute}.koi-swim.koi-2{opacity:.32;animation-duration:52s;animation-delay:-18s}.koi-swim.koi-3{opacity:.28;animation-duration:44s;animation-delay:-8s}@keyframes koiPath{0%{transform:translate(-15%,30%)rotate(8deg)}25%{transform:translate(30%,50%)rotate(-12deg)}50%{transform:translate(70%,20%)rotate(15deg)}75%{transform:translate(95%,60%)rotate(-8deg)}to{opacity:0;transform:translate(115%,35%)rotate(12deg)}}.koi-swim svg{transform-origin:50%;animation:1.4s ease-in-out infinite koiWiggle}@keyframes koiWiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.washi-texture{position:relative}.washi-texture:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:overlay;opacity:1;background-image:repeating-linear-gradient(92deg,#0000 0 3px,#ffdeb21a 3px 4px,#0000 4px 9px),repeating-linear-gradient(96deg,#0000 0 7px,#78503221 7px 8px,#0000 8px 19px),repeating-linear-gradient(176deg,#0000 0 11px,#0000000f 11px 12px,#0000 12px 26px),radial-gradient(circle at 18% 32%,#e1392b2e .6px,#0000 1.4px),radial-gradient(circle at 63% 14%,#ffd56b29 .6px,#0000 1.4px),radial-gradient(circle at 82% 68%,#e1392b24 .6px,#0000 1.4px),radial-gradient(circle at 28% 78%,#ff8e7229 .6px,#0000 1.4px),radial-gradient(circle,#b478501a .5px,#0000 1.2px);background-size:auto,auto,auto,60px 60px,80px 80px,70px 70px,90px 90px,50px 50px;position:absolute;inset:0}[data-theme=light] .washi-texture:before{mix-blend-mode:multiply;opacity:.95;background-image:repeating-linear-gradient(92deg,#0000 0 3px,#966e4614 3px 4px,#0000 4px 9px),repeating-linear-gradient(96deg,#0000 0 7px,#50321e1a 7px 8px,#0000 8px 19px),repeating-linear-gradient(176deg,#0000 0 11px,#14161c0d 11px 12px,#0000 12px 26px),radial-gradient(circle at 18% 32%,#e1392b33 .6px,#0000 1.4px),radial-gradient(circle at 63% 14%,#d9a3002e .6px,#0000 1.4px),radial-gradient(circle at 82% 68%,#e1392b2e .6px,#0000 1.4px),radial-gradient(circle at 28% 78%,#e55b3c2e .6px,#0000 1.4px),radial-gradient(circle,#8c644629 .5px,#0000 1.2px);background-size:auto,auto,auto,60px 60px,80px 80px,70px 70px,90px 90px,50px 50px}.brush-divider{opacity:.85;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 14' preserveAspectRatio='none'><defs><filter id='r' x='0' y='0'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='5'/><feDisplacementMap in='SourceGraphic' scale='1.8'/></filter></defs><g filter='url(%23r)' stroke='%23E1392B' stroke-linecap='round' fill='none'><path d='M 18 7 C 60 5 130 9 220 6.5 C 320 4 410 9.5 510 7 C 600 5 680 9 760 6.5 L 782 6.8' stroke-width='2.4' opacity='0.9'/><path d='M 30 8.2 C 90 6.5 180 10 270 7.8 C 360 5.6 450 9.6 540 8 C 620 6.6 700 9 770 7.4' stroke-width='1.4' opacity='0.55'/><path d='M 50 6 C 120 5 200 8 320 6.4 C 440 5 540 8.4 660 6.6 L 740 7' stroke-width='0.8' opacity='0.4'/></g><circle cx='14' cy='7' r='2.6' fill='%23E1392B' opacity='0.65'/><circle cx='786' cy='7.2' r='2.2' fill='%23E1392B' opacity='0.6'/></svg>");background-repeat:no-repeat;background-size:100% 100%;height:14px;margin:2px 0;display:block}.hanko{background:var(--shu);color:#fffffff5;letter-spacing:-.02em;border:1.5px solid color-mix(in oklab, var(--shu), #000 25%);width:28px;height:28px;box-shadow:0 0 0 1.5px var(--shu) inset, 0 1px 0 #ffffff26 inset;filter:drop-shadow(0 1px 2px #e1392b40);border-radius:50%;justify-content:center;align-items:center;font-family:Inter Tight,sans-serif;font-size:13px;font-weight:800;display:inline-flex;position:relative;transform:rotate(-8deg)}.hanko:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 25%,#0000 60%,#0000002e 78%,#0000 79%),radial-gradient(circle at 80% 70%,#0000 65%,#00000024 80%,#0000 81%);border-radius:50%;position:absolute;inset:0}.hanko-lg{width:56px;height:56px;font-size:24px}:root{--accent-base:#7c5cf1}[data-theme=dark]{--accent:color-mix(in oklab, var(--accent-base), white 22%);--accent-2:var(--accent-base);--accent-grad:linear-gradient(135deg, color-mix(in oklab, var(--accent-base), white 26%), var(--accent-base));--accent-soft:color-mix(in oklab, var(--accent-base), transparent 84%);--accent-glow:color-mix(in oklab, var(--accent-base), transparent 55%)}[data-theme=light]{--accent:var(--accent-base);--accent-2:color-mix(in oklab, var(--accent-base), black 10%);--accent-grad:linear-gradient(135deg, var(--accent-base), color-mix(in oklab, var(--accent-base), white 18%));--accent-soft:color-mix(in oklab, var(--accent-base), transparent 88%);--accent-glow:color-mix(in oklab, var(--accent-base), transparent 60%)}:root,[data-theme=dark],[data-theme=light]{--s-health:var(--teal);--s-sport:var(--coral);--s-grow:var(--violet);--s-home:var(--butter);--s-rest:var(--pink)}:root{--r-card:22px;--r-row:16px;--r-tile:13px;--r-field:15px}.app-screen{background:var(--bg);width:100%;height:100svh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;flex-direction:column;display:flex;position:relative;overflow:hidden}.app-aurora{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.app-aurora .blob{filter:blur(62px);opacity:var(--aurora-opacity);border-radius:999px;position:absolute}@media (prefers-reduced-motion:reduce){.app-aurora .blob{filter:blur(40px);opacity:calc(var(--aurora-opacity) * .7)}}.g-card,.app-nav,.chip,.accent-bar{will-change:transform}.app-layer{z-index:1;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.app-status{height:50px;color:var(--ink);flex:0 0 50px;justify-content:space-between;align-items:center;padding:0 26px 0 30px;font-size:15px;font-weight:600;display:flex}.app-status .sb-right{align-items:center;gap:7px;display:flex}.app-head{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:4px 22px 2px;display:flex}.app-head>.greet{flex:1;min-width:0}.greet-date{color:var(--ink-2);font-size:13.5px;font-weight:500}.greet-name{font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:23px;font-weight:700;overflow:hidden}.app-avatar{background:var(--accent-grad);color:#fff;width:44px;height:44px;box-shadow:0 6px 16px -6px var(--accent-2);border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.app-bar{flex:none;align-items:center;gap:10px;min-height:44px;padding:6px 16px 8px;display:flex}.app-bar .bar-title{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;flex:1;font-size:17px;font-weight:700}.linkbtn{cursor:pointer;color:var(--accent);background:0 0;border:none;align-items:center;gap:3px;padding:0;font-family:inherit;font-size:16px;font-weight:600;display:inline-flex}.linkbtn.muted{color:var(--ink-2);font-weight:500}.iconbtn{background:var(--glass-bg-1);border:1px solid var(--glass-border);width:38px;height:38px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;flex:0 0 38px;justify-content:center;align-items:center;display:flex}.app-chips{gap:8px;padding:12px 18px 6px;display:flex;overflow:hidden}.chip{border-radius:var(--r-pill);cursor:pointer;color:var(--ink-2);background:var(--glass-bg-1);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px)saturate(1.5);flex:none;align-items:center;gap:7px;padding:8px 15px;font-size:13.5px;font-weight:600;display:inline-flex}.chip .dot{border-radius:50%;width:7px;height:7px}.chip.on{color:#fff;background:var(--accent-grad);box-shadow:0 6px 16px -8px var(--accent-2);border-color:#0000}.app-body{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:8px 18px 0;display:flex;overflow:hidden}.app-body.scroll{padding-bottom:16px;overflow-y:auto}.app-body.scroll>*{flex-shrink:0}.g-card{isolation:isolate;border-radius:var(--r-card);background:var(--glass-bg-3);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-strong);-webkit-backdrop-filter:blur(32px)saturate(1.7)brightness(1.04);position:relative;overflow:hidden}.g-card:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#fff9 50%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}[data-theme=light] .g-card:before{background:linear-gradient(90deg,#0000,#fff 50%,#0000)}.hero-card{background:radial-gradient(ellipse 90% 80% at 88% -20%, var(--accent-soft), transparent 60%), var(--glass-bg-3);align-items:center;gap:20px;padding:20px 22px;display:flex}.hero-ring{flex:0 0 92px;width:92px;height:92px;position:relative}.hero-ring .ring-num{font-family:var(--font-display);letter-spacing:-.02em;justify-content:center;align-items:center;font-size:27px;font-weight:800;display:flex;position:absolute;inset:0}.hero-text{min-width:0}.ht-h{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:700}.ht-sub{color:var(--ink-2);margin-top:4px;font-size:13.5px;line-height:1.4}.ht-streak{color:var(--ink-2);white-space:nowrap;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.app-cap{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:8px 4px 2px;font-size:12px;font-weight:700;display:flex}.app-cap .all{color:var(--accent);text-transform:none;letter-spacing:0;cursor:pointer;font-size:13px;font-weight:600}.habit-list{flex-direction:column;gap:9px;display:flex}.hrow{border-radius:var(--r-row);background:var(--surface-1);border:1px solid var(--line);align-items:center;gap:13px;padding:13px 15px;transition:opacity .2s,transform .15s;display:flex}[data-theme=dark] .hrow{background:#ffffff0b}.hrow.done{opacity:.5}.h-emoji{border-radius:var(--r-tile);flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.h-main{flex:1;min-width:0}.h-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;font-weight:600;overflow:hidden}.h-name.strike{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}.h-sub{margin-top:3px;font-size:12.5px;font-weight:600}.h-check{border:2px solid var(--line-strong);border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.h-check.on{background:var(--accent-grad);border-color:#0000}.app-nav-wrap{z-index:2;flex:none;padding:8px 16px;position:relative}.app-nav{border-radius:var(--r-card);background:var(--glass-bg-2);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(28px)saturate(1.8);padding:8px;display:flex;position:relative}.app-nav:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c 50%,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}[data-theme=light] .app-nav:before{background:linear-gradient(90deg,#0000,#fff 50%,#0000)}.nv{border-radius:var(--r-tile);color:var(--ink-3);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;padding:6px 0;font-size:10.5px;font-weight:700;display:flex}.nv.on{color:#fff;background:var(--accent-grad);box-shadow:0 6px 14px -8px var(--accent-2)}.app-home-ind{justify-content:center;align-items:flex-end;height:10px;padding-bottom:2px;display:flex}.app-home-ind>i{background:var(--line-strong);border-radius:3px;width:134px;height:5px}.app-fab{z-index:5;background:var(--accent-grad);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:0 12px 28px -8px var(--accent-2), 0 1px 0 #ffffff4d inset;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:110px;right:20px}.stat-row{gap:9px;display:flex}.stat-card{text-align:center;border-radius:var(--r-row);flex:1;padding:14px 12px}.sc-val{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:22px;font-weight:800;display:flex}.sc-lbl{color:var(--ink-3);white-space:nowrap;margin-top:5px;font-size:11.5px;font-weight:500}.section-card{border-radius:var(--r-card);padding:16px}.sec-h{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.sec-h .t{font-size:15px;font-weight:700;font-family:var(--font-display);letter-spacing:-.01em}.sec-h .m{color:var(--ink-3);font-size:12.5px}.heat-wd{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:8px;display:grid}.heat-wd span{text-align:center;color:var(--ink-3);font-size:11px;font-weight:600}.heat-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.heat-cell{aspect-ratio:1;background:var(--surface-1);color:var(--ink-3);border-radius:8px;justify-content:center;align-items:center;font-size:11.5px;font-weight:600;display:flex}[data-theme=dark] .heat-cell{background:#ffffff0d}.heat-cell.done{background:var(--accent-grad);color:#fff}.heat-cell.miss{background:color-mix(in oklab, var(--coral), transparent 70%);color:var(--coral)}.heat-cell.today{box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink)}.heat-cell.done.today{box-shadow:inset 0 0 0 2px #fff}.heat-cell.future{opacity:.3}.heat-cell.pre-start{opacity:.15}.heat-legend{gap:14px;margin-top:14px;display:flex}.heat-legend span{color:var(--ink-3);align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.heat-legend i{border-radius:4px;width:11px;height:11px}.bars{align-items:flex-end;gap:9px;height:110px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.bar-fill{background:var(--accent-grad);border-radius:6px 6px 3px 3px;width:100%;min-height:4px}.bar-fill.low{background:var(--accent-soft)}.bar-lbl{color:var(--ink-3);font-size:11px;font-weight:600}.form-body{flex-direction:column;flex:1;gap:14px;padding:6px 18px;display:flex;overflow:hidden}.field-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;padding:0 4px 7px;font-size:12px;font-weight:700}.field{box-sizing:border-box;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-field);width:100%;color:var(--ink);align-items:center;gap:10px;padding:14px 16px;font-family:inherit;font-size:16px;display:flex}[data-theme=dark] .field{background:#ffffff0a}.field .ph{color:var(--ink-3)}.field.row{justify-content:space-between}.field .val{color:var(--ink);font-weight:500}.field .chev{color:var(--ink-3);margin-left:auto}.field.note{align-items:flex-start;min-height:58px;line-height:1.4}.chip-select{flex-wrap:wrap;gap:8px;display:flex}.sel-opt{border-radius:var(--r-tile);background:var(--surface-1);color:var(--ink-2);cursor:pointer;border:1.5px solid #0000;align-items:center;gap:7px;padding:9px 13px;font-size:13.5px;font-weight:600;display:inline-flex}[data-theme=dark] .sel-opt{background:#ffffff0a}.sel-opt .dot{border-radius:50%;width:9px;height:9px}.sel-opt.sel{color:var(--ink)}.sel-opt.add{color:var(--accent);border:1.5px dashed var(--glass-border-strong);background:0 0}.day-toggle{gap:7px;display:flex}.day-btn{aspect-ratio:1;border-radius:var(--r-tile);background:var(--surface-1);color:var(--ink-2);cursor:pointer;flex:1;justify-content:center;align-items:center;font-size:13.5px;font-weight:600;display:flex}[data-theme=dark] .day-btn{background:#ffffff0a}.day-btn.on{background:var(--accent-grad);color:#fff}.gswitch{background:var(--line-strong);cursor:pointer;border-radius:14px;flex:0 0 46px;width:46px;height:28px;transition:background .15s;position:relative}.gswitch>i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.gswitch.on{background:var(--accent-grad)}.gswitch.on>i{transform:translate(18px)}.stepper{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-field);align-items:center;display:flex;overflow:hidden}[data-theme=dark] .stepper{background:#ffffff0a}.stepper button{width:46px;height:50px;color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:22px}.stepper .num{text-align:center;flex:1;font-size:16px;font-weight:600}.form-foot{background:linear-gradient(to top, var(--bg) 72%, transparent);flex:none;padding:12px 18px 10px}.btn-primary{border-radius:var(--r-field);background:var(--accent-grad);color:#fff;cursor:pointer;width:100%;box-shadow:0 10px 24px -10px var(--accent-2);border:none;padding:16px;font-family:inherit;font-size:16px;font-weight:700}.btn-danger{width:100%;color:var(--coral);cursor:pointer;background:0 0;border:none;padding:15px;font-family:inherit;font-size:15.5px;font-weight:700}.prof-head{align-items:center;gap:14px;padding:8px 4px 18px;display:flex}.prof-avatar{background:var(--accent-grad);width:56px;height:56px;font-family:var(--font-display);color:#fff;box-shadow:0 8px 20px -8px var(--accent-2);border-radius:50%;flex:0 0 56px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.prof-name{font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;font-size:21px;font-weight:700}.prof-sub{color:var(--ink-2);margin-top:2px;font-size:13.5px}.list-group{border-radius:var(--r-card);overflow:hidden}.list-group.solid{background:var(--surface-1);border:1px solid var(--line)}[data-theme=dark] .list-group.solid{background:#ffffff0a}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:13px 15px;display:flex}.list-row:last-child{border-bottom:none}.list-row .ico{border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.lr-main{flex:1;min-width:0}.lr-name{font-size:15.5px;font-weight:600}.lr-count{color:var(--ink-3);font-size:13.5px}.list-row .chev{color:var(--ink-3)}.list-row.dashed{border:1.5px dashed var(--glass-border-strong);border-radius:var(--r-row);color:var(--accent);cursor:pointer;justify-content:center;gap:8px;font-size:14.5px;font-weight:600}.swipe-wrap{border-radius:var(--r-row);position:relative;overflow:hidden}.swipe-del{background:var(--coral);color:#fff;justify-content:center;align-items:center;width:84px;font-size:13.5px;font-weight:700;display:flex;position:absolute;top:0;bottom:0;right:0}.color-pick{flex-wrap:wrap;gap:12px;display:flex}.color-dot{cursor:pointer;border-radius:50%;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.color-dot.sel{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink)}.emoji-pick{flex-wrap:wrap;gap:10px;display:flex}.emoji-cell{border-radius:var(--r-tile);background:var(--surface-1);cursor:pointer;border:1.5px solid #0000;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}[data-theme=dark] .emoji-cell{background:#ffffff0a}.emoji-cell.sel{border-color:var(--accent);background:var(--accent-soft)}.sphere-preview{border-radius:var(--r-card);align-items:center;gap:13px;padding:16px;display:flex}.sp-ico{border-radius:var(--r-tile);justify-content:center;align-items:center;width:46px;height:46px;font-size:23px;display:flex}.sp-name{font-family:var(--font-display);font-size:17px;font-weight:700}.sp-meta{color:var(--ink-3);margin-top:2px;font-size:13px}.empty-wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:0 30px 70px;display:flex}.empty-art{background:radial-gradient(circle at 50% 38%, var(--accent-soft), transparent 70%), var(--surface-1);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:52px;display:flex;position:relative}.empty-art:after{content:"";border:1.5px dashed var(--glass-border-strong);border-radius:50%;position:absolute;inset:-8px}.empty-h{font-family:var(--font-display);letter-spacing:-.02em;font-size:19px;font-weight:700}.empty-p{color:var(--ink-2);max-width:240px;font-size:14px;line-height:1.45}.empty-cta{background:var(--accent-grad);color:#fff;border-radius:var(--r-field);cursor:pointer;box-shadow:0 10px 24px -10px var(--accent-2);border:none;align-items:center;gap:8px;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex}.sphere-pill{white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.sphere-pill .dot{border-radius:50%;width:6px;height:6px}.accent-bar{z-index:9999;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(24px)saturate(1.6);color:#eae7f5;background:#141220b8;border:1px solid #ffffff24;align-items:center;gap:12px;padding:9px 14px;font-family:Inter,sans-serif;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px -12px #0009}.accent-bar .ab-label{opacity:.8;white-space:nowrap;font-size:12.5px;font-weight:600}.accent-bar .swatches{gap:8px;display:flex}.accent-bar .sw{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .12s}.accent-bar .sw:hover{transform:scale(1.12)}.accent-bar .sw.on{border-color:#fff;box-shadow:0 0 0 2px #ffffff40}.kit-frame{background:var(--bg);width:430px;color:var(--ink);font-family:var(--font-body);border-radius:0;flex-direction:column;gap:22px;padding:26px 24px 32px;display:flex}.kit-group{flex-direction:column;gap:12px;display:flex}.kit-gt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);padding-bottom:8px;font-size:11px}.kit-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kit-cap{color:var(--ink-3);width:100%;font-size:11px}.swatch{flex-direction:column;align-items:center;gap:6px;display:flex}.swatch .chipc{border:1px solid var(--line);border-radius:12px;width:56px;height:44px}.swatch .nm{font-family:var(--font-mono);color:var(--ink-3);font-size:9.5px}@keyframes sk-shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}.sk{background:var(--surface-1);background-image:linear-gradient(100deg, transparent 30%, var(--surface-2) 50%, transparent 70%);background-repeat:no-repeat;background-size:300px 100%;border-radius:8px;animation:1.3s ease-in-out infinite sk-shimmer;position:relative;overflow:hidden}[data-theme=dark] .sk{background-color:#ffffff0a}@media (prefers-reduced-motion:reduce){.sk{animation:none}}.sk-circle{border-radius:50%}.sk-line{border-radius:6px;height:12px}.sk-hero{border-radius:var(--r-card);background:var(--surface-1);border:1px solid var(--line);align-items:center;gap:20px;padding:20px 22px;display:flex}[data-theme=dark] .sk-hero{background:#ffffff08}.sk-row{border-radius:var(--r-row);background:var(--surface-1);border:1px solid var(--line);align-items:center;gap:13px;padding:13px 15px;display:flex}[data-theme=dark] .sk-row{background:#ffffff08}.toast-wrap{z-index:20;pointer-events:none;position:absolute;bottom:96px;left:16px;right:16px}.toast{pointer-events:auto;border-radius:var(--r-row);background:var(--glass-bg-2);border:1px solid var(--glass-border-strong);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.7);align-items:center;gap:12px;padding:13px 14px 13px 16px;display:flex}.toast .t-dot{background:var(--coral);width:9px;height:9px;box-shadow:0 0 10px var(--coral);border-radius:50%;flex:0 0 9px}.toast .t-text{flex:1;min-width:0}.toast .t-title{font-size:14px;font-weight:600}.toast .t-sub{color:var(--ink-2);margin-top:1px;font-size:12px}.toast .t-retry{color:var(--accent);cursor:pointer;background:0 0;border:none;flex:none;padding:6px 8px;font-family:inherit;font-size:13.5px;font-weight:700}.err-art{background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--coral), transparent 78%), transparent 70%), var(--surface-1);border-radius:50%;justify-content:center;align-items:center;width:116px;height:116px;font-size:48px;display:flex;position:relative}.err-art:after{content:"";border:1.5px dashed color-mix(in oklab, var(--coral), transparent 60%);border-radius:50%;position:absolute;inset:-8px}.err-retry{cursor:pointer;background:var(--accent-grad);color:#fff;border-radius:var(--r-field);box-shadow:0 10px 24px -10px var(--accent-2);border:none;align-items:center;gap:8px;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex}.err-ghost{color:var(--ink-2);cursor:pointer;background:0 0;border:none;padding:6px;font-family:inherit;font-size:13.5px;font-weight:600}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow:hidden}#root{flex-direction:column;display:flex}