*,*:before,*:after{box-sizing:border-box;min-width:0}:root{interpolate-size:allow-keywords;text-wrap:pretty;overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}h1,h2,h3,h4{text-wrap:balance;margin:0}p{margin:0}img,svg,video{display:block;max-width:100%;height:auto}input,textarea,select{font-size:max(16px,1rem)}button,a{touch-action:manipulation}button{user-select:none;-webkit-user-select:none;font:inherit;color:inherit;cursor:pointer}ul{margin:0;padding:0;list-style:none}html{overscroll-behavior-y:none}:root{color-scheme:light;--ink: oklch(22% .005 100);--paper: oklch(96.8% .003 85);--paper-warm: oklch(92.5% .028 80);--card: oklch(100% 0 none);--muted: oklch(55% .005 90);--soft-text: oklch(40% .005 90);--hairline: oklch(92% .004 90);--track: oklch(94% .003 90);--butter: oklch(91% .1 88);--focus: oklch(60% .15 250);--white: oklch(99% 0 none);--shadow-btn: 0 6px 18px -8px oklch(20% .01 90 / .25);--shadow-card: 0 10px 30px -18px oklch(20% .01 90 / .3);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--spring: cubic-bezier(.34, 1.45, .64, 1);--spring-soft: cubic-bezier(.32, .72, 0, 1);--hand: "Bradley Hand", "Segoe Print", "Snell Roundhand", cursive;--sidebar: 16.5rem;--detail: clamp(22rem, 12rem + 18vw, 30rem)}body{background:var(--paper);color:var(--ink);font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:1rem;line-height:1.4}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr{position:absolute;inline-size:1px;block-size:1px;overflow:clip;clip-path:inset(50%);white-space:nowrap}.icon{inline-size:1.4em;block-size:1.4em;flex:none}.num{font-variant-numeric:tabular-nums}.quiet{color:var(--muted);line-height:1.5}.primary,.pill,.send,.icon-button,.sidebar button,.row-link,.link,.toast button{border:none;background:none}.primary{display:flex;align-items:center;justify-content:center;min-block-size:52px;padding-inline:1.5rem;border-radius:26px;font-size:16px;font-weight:600;color:var(--white);background:var(--ink)}.primary:disabled{opacity:.4;cursor:default}.pill{min-block-size:40px;padding-inline:16px;border-radius:20px;font-size:14px;font-weight:600;color:var(--white);background:var(--ink);flex:none}.pill.done{background:var(--track);color:var(--muted);cursor:default}.link{color:#1d487c;font-size:14px;font-weight:600;padding:0;align-self:start;text-decoration:underline;text-underline-offset:3px}.icon-button{position:relative;display:flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:22px;flex:none}.icon-button .icon{inline-size:18px;block-size:18px}.primary:active,.pill:active,.send:active,.icon-button:active,.sidebar button:active,.row-link:active,.toast button:active{scale:.97}@media(hover:hover)and (pointer:fine){.primary:not(:disabled):hover{background:color-mix(in oklch,var(--ink),white 14%)}.pill:not(:disabled):hover{background:color-mix(in oklch,var(--ink),white 14%)}.icon-button:hover{background:color-mix(in oklch,var(--ink) 6%,transparent)}}@media(prefers-reduced-motion:no-preference){.primary,.pill,.send,.icon-button,.sidebar button,.row-link,.toast button{transition:scale .12s var(--ease-out),background-color .16s var(--ease-out)}}.dot{display:inline-block;inline-size:12px;block-size:12px;border-radius:6px;flex:none}.chip{display:inline-flex;align-items:center;gap:4px;min-block-size:26px;padding-inline:10px;border-radius:13px;background:var(--track);color:var(--soft-text);font-size:12px;font-weight:600}.chip.ok{background:#d1f2d7;color:#115629}.chip .icon{inline-size:14px;block-size:14px}.sprite{display:block;flex:none;background-repeat:no-repeat;background-size:1600% 100%}.fig{position:relative;transform-origin:50% 96%}@media(prefers-reduced-motion:no-preference){.breath-a{animation:breath-a 3.4s var(--ease-in-out) 1}.breath-b{animation:breath-b 3.4s var(--ease-in-out) 1}}@keyframes breath-a{0%,to{transform:scale(1)}45%{transform:scale(1.025,.985)}}@keyframes breath-b{0%,to{transform:scale(1)}45%{transform:scale(1.025,.985)}}.mivelu{position:relative;isolation:isolate;flex:none}.mivelu .mx{position:absolute;inset-inline-start:50%;inset-block-start:50%}.mivelu .my{display:block}.mivelu .moon{display:block;border-radius:50%;translate:-50% -50%;box-shadow:0 0 12px 2px var(--glow),inset -3px -4px 6px #322e2226}.mivelu-body{position:absolute;inset:20%;z-index:50}@media(prefers-reduced-motion:no-preference){.mivelu .mx{animation:mx var(--dur) var(--ease-in-out) infinite alternate,mz var(--dur) var(--ease-in-out) infinite alternate;animation-delay:var(--dx0),var(--dy0)}.mivelu .my{animation:my var(--dur) var(--ease-in-out) infinite alternate;animation-delay:var(--dy0)}}@keyframes mx{0%{transform:translate(calc(-1 * var(--rx)),var(--tilt))}to{transform:translate(var(--rx),calc(-1 * var(--tilt)))}}@keyframes mz{0%{z-index:10}to{z-index:90}}@keyframes my{0%{transform:translateY(calc(-1 * var(--ry))) scale(.7);opacity:.8}to{transform:translateY(var(--ry)) scale(1.2);opacity:1}}.feeling-chip{display:inline-flex;align-items:center;gap:2px;padding-block:4px;padding-inline:4px 12px;border-radius:999px;background:var(--tint);font-size:14px;font-weight:700}.welcome{min-block-size:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;background:radial-gradient(60% 45% at 50% 30%,oklch(97% .04 88),var(--paper) 70%)}.welcome h1{font-size:clamp(1.75rem,1.2rem + 1.6vw,2.6rem);font-weight:800;letter-spacing:-.01em;text-align:center}.welcome-card{inline-size:min(100%,24rem);margin-block-start:.5rem;display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:30px;background:var(--card);box-shadow:var(--shadow-card)}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--soft-text)}.field input,.field select{min-block-size:50px;padding-inline:16px;border-radius:16px;border:1px solid oklch(88% .005 90);background:var(--paper);color:var(--ink);font-weight:500}.field input:user-invalid{border-color:#d24c49}.switch{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:var(--paper);cursor:pointer}.switch>span{flex:1;display:flex;flex-direction:column;gap:4px}.switch small{color:var(--muted);font-size:13px;line-height:1.4}.switch input{appearance:none;flex:none;inline-size:52px;block-size:32px;border-radius:16px;margin:0;background:#cfceca;position:relative;cursor:pointer}.switch input:before{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:26px;block-size:26px;border-radius:50%;background:var(--card);box-shadow:0 2px 6px #18161140}.switch input:checked{background:#4cb86a}.switch input:checked:before{translate:20px 0}@media(prefers-reduced-motion:no-preference){.switch input:before{transition:translate .2s var(--ease-out)}}.switch input{transition:background-color .2s var(--ease-out)}.welcome>.link{align-self:center}.pair{align-items:center;text-align:center}.pair .primary{align-self:stretch}.pair .link{align-self:center}.qr-box{inline-size:220px;aspect-ratio:1;padding:6px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--hairline);display:grid;place-items:center}.qr{inline-size:100%;block-size:auto;color:var(--ink);border-radius:12px}.qr-wait{inline-size:60%;aspect-ratio:1;border-radius:16px;background:var(--track)}@media(prefers-reduced-motion:no-preference){.qr-wait{animation:pulse 1.6s var(--ease-in-out) infinite}}.pair-steps{margin:0;padding-inline-start:1.2em;text-align:start;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--soft-text);line-height:1.45}.pair-code{font-size:40px;font-weight:800;letter-spacing:.08em}.hint{font-size:14px;color:var(--soft-text);line-height:1.45}.error{font-size:14px;color:#a92227}.glass{background:#f9f8f59e;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid oklch(100% 0 none / .55);box-shadow:inset 0 1px oklch(100% 0 none / .8),0 8px 28px -10px #1816114d}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--detail);block-size:100dvh;background:radial-gradient(40rem 28rem at 0% 0%,color-mix(in oklch,var(--butter) 38%,transparent),transparent 70%),var(--paper)}.shell:not(:has(.detail)){grid-template-columns:var(--sidebar) minmax(0,1fr)}.island{margin:16px;margin-inline-end:0;border-radius:34px;display:flex;flex-direction:column;gap:4px;padding:14px 10px 12px;anchor-scope:--active}.brand{display:flex;align-items:center;gap:4px;padding-inline:2px 10px;margin-block-end:14px;font-size:21px;font-weight:800;letter-spacing:-.015em}.brand .mivelu{margin-block:-6px}.areas{position:relative;display:flex;flex-direction:column;gap:2px}.areas button{position:relative;z-index:1;display:flex;align-items:center;gap:12px;inline-size:100%;min-block-size:50px;padding-inline:14px;border:none;border-radius:25px;background:none;font-size:15px;font-weight:500;text-align:start}.areas button .icon{inline-size:22px;block-size:22px}.areas [aria-current=page]{anchor-name:--active;font-weight:650}.areas:before{content:"";position:absolute;z-index:0;border-radius:25px;background:#e5e4e2e6;position-anchor:--active;inset-block-start:anchor(top);inset-inline-start:anchor(start);inline-size:anchor-size(inline);block-size:anchor-size(block)}@supports not (anchor-name: --a){.areas [aria-current=page]{background:#e5e4e2e6}}@media(prefers-reduced-motion:no-preference){.areas:before{transition:inset-block-start .32s var(--spring-soft),block-size .32s var(--spring-soft)}}@media(hover:hover)and (pointer:fine){.areas button:not([aria-current=page]):hover{background:#e5e4e273}}.areas button:active,.new-entry:active,.sign-out:active{scale:.97}@media(prefers-reduced-motion:no-preference){.areas button,.new-entry,.sign-out{transition:scale .14s var(--ease-out),background-color .16s var(--ease-out)}}.new-entry{display:flex;align-items:center;gap:12px;margin-block-start:14px;min-block-size:56px;padding-inline:14px;border-radius:28px;font-size:15px;font-weight:650;text-align:start}.new-entry .icon{inline-size:24px;block-size:24px}.new-entry kbd{margin-inline-start:auto;font:inherit;font-size:12px;font-weight:500;color:var(--muted)}@media(hover:hover)and (pointer:fine){.new-entry:hover{background:oklch(100% 0 none / .85)}}.streak:active{scale:.97}.island-foot{margin-block-start:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-inline:4px}.streak{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;padding-inline:14px;border:none;font:inherit;color:inherit;border-radius:22px;background:var(--card);box-shadow:var(--shadow-btn);font-size:17px;font-weight:600}.streak .flame{inline-size:22px;block-size:22px}.sign-out{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;padding-inline:10px;border:none;background:none;border-radius:22px;color:var(--muted);font-size:13px}.sign-out .icon{inline-size:18px;block-size:18px}.main{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-mask-image:linear-gradient(transparent,#000 22px);mask-image:linear-gradient(transparent,#000 22px)}.feed{display:flex;flex-direction:column;gap:10px;inline-size:min(100% - 3rem,42rem);margin-inline:auto;padding-block:34px 72px}.page-title{font-size:30px;font-weight:800;letter-spacing:-.015em;padding-inline:4px;margin-block-end:6px}.day{display:flex;flex-direction:column;gap:10px}.day-label{font-size:15px;font-weight:600;color:var(--muted);padding-inline:4px;margin-block-start:10px}.search{display:flex;align-items:center;gap:8px;min-block-size:46px;padding-inline:16px;border-radius:23px;background:var(--card);color:var(--muted)}.search input{flex:1;border:none;background:none;color:var(--ink);font:inherit;padding:0}.search input:focus-visible{outline:2px solid transparent}.search:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.nothing{text-align:center;padding-block:30px}.invitation{position:relative;display:flex;flex-direction:column;align-items:start;gap:14px;padding:20px 22px 22px;border-radius:30px;background:linear-gradient(135deg,#fff5d5,#ffe1a1);background:linear-gradient(135deg,color(xyz 0.86 0.914 0.726),color(xyz 0.748 0.777 0.438));box-shadow:0 18px 40px -26px #906a2199}.invitation-top{display:flex;justify-content:space-between;align-items:start;align-self:stretch;block-size:92px}.invitation-mivelu{margin-block-start:-38px;margin-inline-end:-26px}.round{position:relative;display:grid;place-items:center;inline-size:44px;block-size:44px;border:none;border-radius:50%}.round.soft{background:oklch(100% 0 none / .7);color:color-mix(in oklch,var(--ink) 70%,transparent)}.round .icon{inline-size:18px;block-size:18px}.round:active{scale:.95}@media(prefers-reduced-motion:no-preference){.round{transition:scale .14s var(--ease-out)}.turn{transition:rotate .45s var(--spring)}.invitation-question{animation:rise-in .42s var(--ease-out) both}}.invitation-question{font-size:clamp(1.6rem,1.2rem + .8vw,1.85rem);font-weight:700;line-height:1.15;letter-spacing:-.01em;max-inline-size:22ch}.invitation-write{padding-inline:24px}@keyframes rise-in{0%{opacity:0;translate:0 8px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:none}}.row{position:relative;isolation:isolate;display:flex;gap:14px;align-items:center;padding:14px;border-radius:28px;background:var(--card)}.row:before,.row:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}.row:after{box-shadow:0 4px 10px -4px #362c1c1f,0 18px 36px -18px #3b2b0d47;opacity:0}@media(hover:hover)and (pointer:fine){.row:hover:after{opacity:1}}@media(prefers-reduced-motion:no-preference){.row:after{transition:opacity .22s var(--ease-out)}.row{transition:scale .14s var(--ease-out)}.row.arrive{animation:arrive .56s var(--ease-out) both .12s}}.row:has(.row-link:active){scale:.985}.row.thought{border-radius:22px;padding-block:14px;padding-inline:16px;gap:10px}.row.selected{box-shadow:0 0 0 1.5px color-mix(in oklch,var(--ink) 85%,transparent)}.row:has(.row-link:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.row-link{padding:0;border:none;background:none;text-align:start;font-size:16px;line-height:1.38}.row-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.row-link:focus-visible{outline:2px solid transparent}.row-body{display:flex;flex-direction:column;gap:6px;flex:1}.row-time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:clip}.row.thought .excerpt{-webkit-line-clamp:2}.row-meta{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-block-start:2px}.row-meta .chip{margin-inline-start:4px;background:var(--paper);font-weight:500;color:var(--ink)}.thumb{position:relative;display:grid;place-items:center;inline-size:84px;block-size:84px;border-radius:20px;overflow:clip;flex:none;background:var(--paper-warm)}.thumb img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;transform-origin:50% 64%;scale:2}.thumb-icon{inline-size:24px;block-size:24px;color:#907d5e}.thumb.waiting{align-content:center;gap:0}.thumb.waiting .mivelu{margin-block:-10px -6px}.thumb.waiting small{font-size:10px;font-weight:600;color:#6c6250}.bulb{inline-size:18px;block-size:18px;color:#9f7932}@keyframes arrive{0%{opacity:0;transform:translateY(24px) scale(.97)}70%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:none}}.feed.empty{align-items:center;text-align:center;gap:14px;padding-block-start:10vh;inline-size:min(100% - 3rem,26rem)}.feed.empty h2{font-size:26px;font-weight:800}.feed.empty p{color:#4e4d4a;line-height:1.5}.empty-questions{display:flex;flex-direction:column;gap:8px;align-self:stretch;margin-block-start:6px}.question{min-block-size:52px;border:none;border-radius:26px;background:var(--card);font-size:16px;font-weight:500}.question:active{scale:.97}@media(prefers-reduced-motion:no-preference){.question{transition:scale .14s var(--ease-out)}}@media(hover:hover)and (pointer:fine){.question:hover{box-shadow:0 0 0 1px #cfceca}}.empty-inline{display:flex;flex-direction:column;align-items:center;gap:8px;padding-block:6vh;text-align:center;color:#4e4d4a}.empty-inline p{max-inline-size:26rem;line-height:1.5}.detail{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(80% 30% at 50% 8%,oklch(99.5% .006 85),transparent 70%)}.detail.placeholder{align-items:center;justify-content:center;color:var(--muted);padding:2rem}.detail-head{position:sticky;inset-block-start:0;z-index:2;padding-block:30px 14px;padding-inline:28px;text-align:center;background:linear-gradient(180deg,var(--paper) 72%,color-mix(in oklch,var(--paper) 0%,transparent))}.detail-head h2{font-size:16px;font-weight:700}.detail-body{position:relative;z-index:0;display:flex;flex-direction:column;gap:18px;padding-block:6px 56px;padding-inline:28px}@media(prefers-reduced-motion:no-preference){.swap{animation:swap .26s var(--ease-out) both}}@keyframes swap{0%{opacity:0;filter:blur(4px);translate:0 6px}to{opacity:1;filter:none;translate:0 0}}.polaroid-wrap{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;perspective:900px;padding-block-start:6px}.polaroid{position:relative;inline-size:min(100%,236px);padding:12px 12px 38px;border-radius:4px;background:linear-gradient(160deg,#fefdfc,#f4f3f0);box-shadow:0 1px #fff inset,0 26px 46px -24px #331b0680,0 3px 8px -4px #291f1833;transform:rotate(-2deg) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}@media(prefers-reduced-motion:no-preference){.polaroid{transition:transform .42s var(--ease-out)}}.polaroid img,.polaroid-empty{display:block;inline-size:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:2px;background:var(--paper-warm)}.polaroid-sheen{position:absolute;inset:12px 12px 38px;border-radius:2px;pointer-events:none;background:linear-gradient(135deg,oklch(100% 0 none / .3),transparent 40%,transparent 65%,oklch(100% 0 none / .1))}.hand{font-family:var(--hand);font-size:16px;color:#57554f}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip-figure{display:grid;place-items:center;inline-size:38px;block-size:38px;overflow:visible}.threads{display:flex;gap:6px;flex-wrap:wrap}.entry-text{font-size:17px;line-height:1.62;white-space:pre-wrap;max-inline-size:62ch}.task-card{display:flex;flex-direction:column;gap:4px;padding-block:6px;padding-inline:16px 8px;border-radius:24px;background:var(--card)}.task-card h3{font-size:13px;font-weight:700;color:var(--muted);padding-block:10px 2px}.task-suggestion{display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:8px;padding-block:12px}.task-suggestion+.task-suggestion{border-block-start:1px solid var(--track)}.task-title{flex:1 1 14rem;display:flex;flex-direction:column;align-items:start;gap:5px;font-size:16px;font-weight:600;line-height:1.3}.quiet-pill{background:var(--track);color:var(--soft-text)}@media(hover:hover)and (pointer:fine){.quiet-pill:not(:disabled):hover{background:color-mix(in oklch,var(--track),black 5%)}}.task{display:flex;align-items:center;gap:14px;min-block-size:62px;padding-inline:18px;border-radius:22px;background:var(--card);font-size:16px;cursor:pointer}.task input{appearance:none;margin:0;flex:none;inline-size:26px;block-size:26px;border-radius:50%;border:2px solid oklch(80% .005 90);cursor:pointer;display:grid;place-content:center}.task input:checked{background:var(--ink);border-color:var(--ink)}.task input:checked:after{content:"";inline-size:10px;block-size:6px;border-inline-start:2px solid var(--white);border-block-end:2px solid var(--white);rotate:-45deg;translate:0 -1px}.task input:active{scale:.9}@media(prefers-reduced-motion:no-preference){.task input{transition:scale .14s var(--ease-out),background-color .16s var(--ease-out)}}.task.done span{color:var(--muted);text-decoration:line-through}.card{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:28px;background:var(--card)}.card h2{font-size:19px;font-weight:700}.feeling-podium{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:10px;margin-block-start:12px}.feeling-podium li{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:2px;padding:10px 8px 14px;border-radius:24px;background:var(--tint)}.feeling-podium strong{font-size:15px}.feeling-podium .num{font-size:13px;color:var(--soft-text)}.flow{inline-size:100%;block-size:100dvh;max-inline-size:none;max-block-size:none;margin:0;inset:0;padding:0;border:none;background:var(--card);color:var(--ink);overflow:clip}.flow[open]{display:flex;flex-direction:column}.flow::backdrop{background:var(--card)}.flow,.flow::backdrop{opacity:0;transition:opacity .22s var(--ease-out),display .22s allow-discrete,overlay .22s allow-discrete}.flow[open],.flow[open]::backdrop{opacity:1}@starting-style{.flow[open],.flow[open]::backdrop{opacity:0}}html:has(.flow[open]){overflow:hidden}.flow.instant,.flow.instant::backdrop{transition:none}.step{display:flex;flex-direction:column;min-block-size:0;flex:1}.step>*{flex:1;min-block-size:0}@media(prefers-reduced-motion:no-preference){.step{animation:swap .32s var(--ease-out) both}}.flow>*{flex:1;min-block-size:0}.flow .listen,.flow .heard,.flow .memory{inline-size:100%}.flow .listen,.flow .heard{background:var(--paper)}.flow-head{display:flex;align-items:center;justify-content:space-between;inline-size:min(100% - 2rem,44rem);margin-inline:auto;padding-block:24px 8px}.flow-head>span{inline-size:44px}.progress{display:flex;gap:6px;inline-size:90px}.progress span{flex:1;block-size:4px;border-radius:2px;background:#cfcec9}.progress span.on{background:var(--ink)}.flow-foot{display:flex;gap:10px;padding-block:12px max(28px,env(safe-area-inset-bottom,0px));padding-inline:16px}.flow-foot .primary{flex:1}.write{position:relative;display:grid;grid-template-rows:auto 1fr auto;block-size:100%}.write-top{display:flex;align-items:center;gap:10px;padding-block:18px 0;padding-inline:20px}.write-mivelu{margin-block:-14px}.finish{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;min-block-size:44px;padding-inline:18px;border:none;border-radius:22px;background:var(--ink);color:var(--white);font-size:15px;font-weight:600}.finish .icon{inline-size:16px;block-size:16px}.finish:disabled{background:var(--track);color:var(--muted);cursor:default}.finish:not(:disabled):active{scale:.97}@media(prefers-reduced-motion:no-preference){.finish{transition:scale .14s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out)}}.write-column{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-block:clamp(1.5rem,6vh,4.5rem) 30vh;padding-inline:1.25rem}.write textarea{display:block;inline-size:min(100%,40rem);margin-inline:auto;min-block-size:60vh;border:none;resize:none;padding:0;background:transparent;color:var(--ink);font:inherit;font-size:clamp(1.15rem,1.05rem + .3vw,1.3rem);line-height:1.7;text-wrap:stable;field-sizing:content;caret-color:#ae7c00;caret-color:oklch(62% .13 80)}.write textarea:focus-visible{outline:2px solid transparent}.write textarea::placeholder{color:#9a9893}.write-foot{display:flex;justify-content:end;padding-block:0 max(20px,env(safe-area-inset-bottom,0px));padding-inline:24px}.kbd-hint{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}.kbd-hint kbd{font:inherit;font-size:12px;min-inline-size:22px;padding-inline:5px;border-radius:6px;background:var(--track);text-align:center}.write .chrome{transition:opacity .26s var(--ease-out)}.write.quiet .chrome{opacity:0;pointer-events:none;transition:opacity .9s var(--ease-in-out)}.toast{position:absolute;inset-inline:0;margin-inline:auto;inline-size:min(100% - 2rem,30rem);inset-block-start:20px;z-index:4;display:flex;align-items:center;gap:10px;padding-block:12px;padding-inline:18px;border-radius:20px;background:var(--ink);color:var(--white);font-size:15px}.toast span{flex:1}.toast button{padding:0;font-size:15px;font-weight:600;color:#97e9e8}.listen{position:relative;display:flex;flex-direction:column;align-items:center}.listen .flow-head{align-self:stretch}.listen-stage{margin-block-start:auto}.listen-caption{margin-block-start:14px;font-size:15px;color:var(--muted);min-block-size:1.4em}.listen-text{inline-size:min(100% - 4rem,34rem);margin-block:32px auto;padding-block-end:48px;font-size:18px;line-height:1.6;color:#43423f}.mark{background-image:linear-gradient(var(--c),var(--c));background-repeat:no-repeat;background-position:0 100%;background-size:0% .42em;transition:background-size .65s var(--ease-out)}.mark.on{background-size:100% .42em}.orb{position:absolute;z-index:5;inline-size:18px;block-size:18px;border-radius:50%;background:radial-gradient(circle,white,var(--c) 60%);box-shadow:0 0 18px 4px var(--c);opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.orb{animation:orb .95s var(--ease-in-out) both}.flyout{animation:flyout .7s var(--ease-in-out) both}.fadeaway{animation:fadeaway .42s var(--ease-out) both}}@keyframes orb{0%{transform:translate(0) scale(1);opacity:0}12%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.5);opacity:.4}}@keyframes flyout{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes fadeaway{to{opacity:0;transform:translateY(12px)}}.heard{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.heard>h2,.heard>.stage,.heard>.heard-list,.heard>.quiet{inline-size:min(100% - 4rem,36rem);margin-inline:auto}.heard>h2{font-size:30px;font-weight:700;line-height:1.12;letter-spacing:-.01em;padding-block-start:4px}.stage{position:relative;display:flex;align-items:flex-end;justify-content:center;block-size:220px;padding-block-end:14px}.stage>span{position:relative}.stage-shadow{position:absolute!important;inset-inline:10%;inset-block-end:6px;block-size:28px;border-radius:50%;background:radial-gradient(closest-side,oklch(30% .02 90 / .1),transparent)}.heard-list{display:flex;flex-direction:column;padding-inline:18px;border-radius:26px;background:var(--card)}.heard-list li{display:flex;flex-direction:column;gap:6px;padding-block:12px}.heard-list li+li{border-block-start:1px solid var(--track)}.heard-name{display:flex;align-items:center;gap:8px;font-size:16px}.heard-name strong{flex:1;font-weight:600}.heard-name .num{font-size:13px;color:var(--muted)}.meter{display:block;block-size:4px;border-radius:2px;background:var(--track)}.meter>span{display:block;block-size:100%;border-radius:2px}.heard-list q{font-size:14px;color:#565552}.heard .flow-foot{margin-block-start:auto;inline-size:min(100%,40rem);margin-inline:auto}@media(prefers-reduced-motion:no-preference){.stagein{animation:stagein .82s var(--spring) both}.rowin{animation:fadeup .42s var(--ease-out) both}.fadeup{animation:fadeup .36s var(--ease-out) both}.late{animation:fadeup .5s var(--ease-out) both}}@media(prefers-reduced-motion:reduce){.rowin,.late{animation:fadein .42s var(--ease-out) both}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes stagein{0%{opacity:0;transform:translateY(-120px) scale(.2)}to{opacity:1;transform:none}}@keyframes fadeup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.memory{display:flex;flex-direction:column;background:radial-gradient(70% 45% at 50% 34%,#fffdfa,#f6f3ee 70%,#f1ece6)}.print-area{flex:1;min-block-size:0;display:flex;align-items:center;justify-content:center;padding-block-start:24px;perspective:1000px}.pr{position:relative;inline-size:312px;block-size:500px;flex:none}.pr-clip{position:absolute;z-index:1;inset-inline-start:20px;inset-block-start:0;inline-size:272px;block-size:416px;clip-path:inset(-140px -140px -8px -140px)}.pr-card{transform-origin:50% 100%}.instax{inline-size:272px;padding:12px 12px 0;border-radius:6px;transform-style:preserve-3d;background:linear-gradient(160deg,#fefdfc,#f4f3f0);box-shadow:0 1px #fff inset,0 30px 50px -22px #331b0673,0 4px 10px -4px #291f1840}@media(prefers-reduced-motion:no-preference){.instax{transition:transform .3s var(--ease-out)}}.photo{position:relative;inline-size:248px;block-size:330px;overflow:clip;border-radius:2px;background:radial-gradient(70% 60% at 30% 25%,oklch(88% .16 95 / .4),transparent 70%),radial-gradient(70% 60% at 75% 80%,oklch(68% .12 250 / .35),transparent 70%),#f6f1e9;box-shadow:inset 0 0 0 1px #322e2214,inset 0 2px 8px #1a160b2e}.photo img{position:absolute;inset:6px;inline-size:calc(100% - 12px);block-size:calc(100% - 12px);object-fit:contain;opacity:0}.chem{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 40%,#32464f,#162631)}.sheen{position:absolute;inset:0;background:linear-gradient(135deg,oklch(100% 0 none / .28),transparent 38%,transparent 62%,oklch(100% 0 none / .12))}.gloss{position:absolute;inset-block-start:-40%;inset-inline-start:0;inline-size:34%;block-size:180%;background:linear-gradient(90deg,transparent,oklch(100% 0 none / .55),transparent);transform:translate(-140%) rotate(18deg)}.instax-foot{block-size:74px;display:flex;align-items:center;justify-content:space-between;padding-inline:6px}.ink{opacity:0}.date{font-size:11px;letter-spacing:.08em;color:var(--muted)}.nr{font-size:15px;font-weight:700;letter-spacing:.06em;color:#302e28}.pr-body{position:absolute;inset-inline:0;inset-block-start:424px;block-size:72px;z-index:2}.pr-back{position:absolute;inset-inline:0;inset-block-start:412px;block-size:12px;z-index:0;border-start-start-radius:14px;border-start-end-radius:14px;background:linear-gradient(180deg,#f9fafd,#eef0f7)}.pr-top{position:absolute;inset-inline:0;inset-block-start:0;block-size:12px;background:linear-gradient(180deg,#f0f1f9,#fbfbfe)}.pr-groove{position:absolute;inset-inline:16px;inset-block-start:-2px;block-size:5px;border-radius:3px;background:linear-gradient(180deg,#0c0d12,#2d2d33);box-shadow:inset 0 1px 2px oklch(0% 0 none / .6),0 1px #fff}.pr-front{position:absolute;inset-inline:0;inset-block:10px 0;border-radius:4px 4px 26px 26px;background:linear-gradient(180deg,#f3f4fc,#e2e4ef 70%,#d8dae8);box-shadow:inset 0 1px #fff,inset 0 -8px 14px #c7c9db99,0 26px 36px -22px #24264180}.pr-mark{position:absolute;inset-inline-start:22px;inset-block-end:18px;font-size:11px;font-weight:700;letter-spacing:.18em;color:#c1c3d1;text-shadow:0 1px 0 white}.pr-led{position:absolute;inset-inline-end:24px;inset-block-end:22px;inline-size:7px;block-size:7px;border-radius:4px;background:#67d283;box-shadow:0 0 8px #67d283}.pr-shade{position:absolute;inset-inline-start:20px;inset-block-start:402px;z-index:1;inline-size:272px;block-size:22px;background:linear-gradient(0deg,oklch(20% .02 280 / .22),transparent);pointer-events:none}.memory-text{display:flex;flex-direction:column;gap:10px;inline-size:min(100% - 4rem,34rem);margin-inline:auto;min-block-size:6.5rem}.memory-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--soft-text)}.memory-date>span:last-child{margin-inline-start:4px}.core-line{font-size:24px;font-weight:700;line-height:1.26;letter-spacing:-.01em}.memory .flow-foot{inline-size:min(100%,40rem);margin-inline:auto}.memory.developed .photo img{opacity:1}.memory.developed .chem{opacity:0}.memory.developed .ink{opacity:1}.photo img,.chem,.ink{transition:opacity .6s var(--ease-out)}.memory.jammed .pr-led{background:#f37344;box-shadow:0 0 8px #f37344}@media(prefers-reduced-motion:no-preference){.memory:not(.developed) .pr-card{translate:0 calc(100% + 56px);animation:pr-feed var(--feed, 11s) steps(var(--feed-steps, 120),end) forwards .95s}.memory:not(.developed) .pr-body{animation:pr-wind .45s cubic-bezier(.37,0,.63,1) .4s,pr-buzz 78ms linear .95s infinite}.memory:not(.developed) .pr-shade{opacity:0;animation:pr-show .2s linear forwards 1s}.memory:not(.developed) .pr-led{animation:pr-blink .28s steps(1) infinite .4s}.memory.developed .pr-card{animation:pr-settle .9s var(--spring) forwards}.memory.developed .pr-clip{animation:pr-open 1ms linear forwards .3s}.memory.developed .pr-body,.memory.developed .pr-back{animation:pr-away .7s cubic-bezier(.32,0,.67,0) forwards .4s}.memory.developed .pr-shade{animation:pr-fade .4s linear forwards}.memory.developed .photo img{animation:develop 4.2s var(--ease-in-out) both .5s;transition:none}.memory.developed .chem{animation:chem 4.2s var(--ease-in-out) both .5s;transition:none}.memory.developed .gloss{animation:gloss 1.6s var(--ease-in-out) both 4.4s}.memory.developed .ink{animation:ink .9s var(--ease-out) both 4.6s;transition:none}.word{display:inline-block;animation:word .52s var(--ease-out) both}.painting{animation:pulse 1.6s var(--ease-in-out) infinite}}@media(prefers-reduced-motion:reduce){.pr-body,.pr-shade,.pr-back{display:none}.pr-clip{clip-path:none}}@keyframes pr-feed{0%{translate:0 calc(100% + 56px)}to{translate:0 8px}}@keyframes pr-settle{0%{translate:0 8px;rotate:0deg}40%{translate:0 -14px;rotate:-1.6deg}75%{translate:0 -4px;rotate:.4deg}to{translate:0 -8px;rotate:-.8deg}}@keyframes pr-open{to{clip-path:inset(-140px)}}@keyframes pr-wind{0%{scale:1 1}45%{scale:1.025 .95}to{scale:1 1}}@keyframes pr-buzz{0%,to{translate:0 0}50%{translate:0 .6px}}@keyframes pr-away{0%{translate:0 0;opacity:1}to{translate:0 54px;opacity:0}}@keyframes pr-fade{0%{opacity:1}to{opacity:0}}@keyframes pr-show{0%{opacity:0}to{opacity:1}}@keyframes pr-blink{50%{opacity:.25}}@keyframes develop{0%{filter:brightness(.35) saturate(0) contrast(.6) blur(1px);opacity:.15}35%{filter:brightness(.75) saturate(.25) contrast(.8);opacity:.6}to{filter:none;opacity:1}}@keyframes chem{0%{opacity:1}to{opacity:0}}@keyframes gloss{0%{transform:translate(-140%) rotate(18deg)}to{transform:translate(320%) rotate(18deg)}}@keyframes ink{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes word{0%{opacity:0;transform:translateY(6px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.areas .icon{stroke-width:1.7}.areas [aria-current=page] .icon{stroke-width:2.2}.round.white{background:var(--card);box-shadow:var(--shadow-btn)}.mobile-head{display:none}@media not (min-width:75rem){.shell,.shell:not(:has(.detail)){grid-template-columns:var(--sidebar) minmax(0,1fr)}.detail.sheet{position:fixed;inset-block:0;inset-inline-end:0;z-index:20;inline-size:min(100%,34rem);background:var(--paper);box-shadow:-30px 0 60px -40px #1a160b80}.detail.sheet .detail-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;padding-inline:16px}@media(prefers-reduced-motion:no-preference){.detail.sheet{animation:push-in .36s var(--spring-soft) both}}@media(prefers-reduced-motion:reduce){.detail.sheet{animation:fadein .2s var(--ease-out) both}}}@keyframes push-in{0%{translate:100% 0}to{translate:0 0}}@media not (min-width:48rem){.shell,.shell:not(:has(.detail)){display:block;block-size:auto;min-block-size:100dvh}.mobile-head{display:flex;justify-content:space-between;align-items:center;position:sticky;inset-block-start:0;z-index:4;padding-block:max(12px,env(safe-area-inset-top,0px)) 10px;padding-inline:20px;background:linear-gradient(var(--paper) 70%,transparent)}.mobile-head .round{inline-size:50px;block-size:50px}.mobile-head .streak{min-block-size:50px;border-radius:25px;padding-inline:16px}.island{position:fixed;inset-inline:16px;inset-block-end:max(16px,env(safe-area-inset-bottom,0px));z-index:10;margin:0;padding:0;flex-direction:row;align-items:center;gap:10px;background:none;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.brand,.island-foot{display:none}.areas{flex:1;flex-direction:row;gap:2px;padding:5px;border-radius:34px;background:#f9f8f59e;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid oklch(100% 0 none / .55);box-shadow:inset 0 1px oklch(100% 0 none / .8),0 8px 28px -10px #1816114d}.areas li{flex:1}.areas button{flex-direction:column;justify-content:center;gap:2px;min-block-size:58px;padding-inline:0;border-radius:29px;font-size:11px;text-align:center}.areas:before{border-radius:29px}.new-entry{flex:none;inline-size:68px;block-size:68px;margin:0;padding:0;justify-content:center;border-radius:50%}.new-entry span,.new-entry kbd{display:none}.new-entry .icon{inline-size:26px;block-size:26px}.main{overflow:visible;-webkit-mask-image:none;mask-image:none}.feed{inline-size:auto;margin-inline:16px;padding-block:4px 130px}.detail.sheet{inline-size:100%;box-shadow:none}.detail-body{padding-inline:20px;padding-block-end:40px}.invitation-mivelu{margin-inline-end:-10px}.write-top{padding-inline:14px}}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:52px;padding-inline:22px;border:none;border-radius:26px;background:var(--card);color:var(--ink);font-size:16px;font-weight:600;box-shadow:var(--shadow-btn)}.secondary-button .icon{inline-size:18px;block-size:18px}.secondary-button:disabled{opacity:.4}.link-button{border:none;background:none;padding:0;min-block-size:44px;font-size:15px;color:var(--muted)}.link-button.strong{color:var(--ink);font-weight:650}.link-button.danger,.danger{color:#b63132}.link-button:disabled{opacity:.4}.inline-link{border:none;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:2px}.secondary-button:active,.link-button:active,.chip-button:active,.list-row:active,.question:active,.option:active{scale:.97}@media(prefers-reduced-motion:no-preference){.secondary-button,.link-button,.chip-button,.list-row,.option{transition:scale .14s var(--ease-out),background-color .16s var(--ease-out)}}@media(hover:hover)and (pointer:fine){.link-button:not(:disabled):hover{color:var(--ink)}.list-row:not(.static):hover{background:color-mix(in oklch,var(--ink) 3%,transparent)}}.round.big{inline-size:52px;block-size:52px}.round.big .icon{inline-size:22px;block-size:22px}.danger-fill{background:#c53637}.field-input{min-block-size:50px;padding-inline:16px;border-radius:16px;border:1px solid oklch(88% .005 90);background:var(--paper);font:inherit}.field.inline{flex-direction:row;align-items:center;gap:10px}.field.inline input{min-block-size:44px}.sheet-dialog{inline-size:min(100% - 2rem,34rem);max-block-size:min(100dvh - 2rem,52rem);padding:0;border:none;border-radius:30px;background:var(--paper);color:var(--ink);box-shadow:0 40px 90px -30px #1a160b73;overflow:auto;overscroll-behavior:contain}.sheet-dialog.small{inline-size:min(100% - 2rem,26rem)}.sheet-dialog::backdrop{background:#1816114d}.sheet-dialog,.sheet-dialog::backdrop{opacity:0;transition:opacity .22s var(--ease-out),display .22s allow-discrete,overlay .22s allow-discrete}.sheet-dialog[open],.sheet-dialog[open]::backdrop{opacity:1}@starting-style{.sheet-dialog[open],.sheet-dialog[open]::backdrop{opacity:0}}@media(prefers-reduced-motion:no-preference){.sheet-dialog{translate:0 12px;transition:opacity .26s var(--ease-out),translate .32s var(--spring-soft),display .3s allow-discrete,overlay .3s allow-discrete}.sheet-dialog[open]{translate:0 0}@starting-style{.sheet-dialog[open]{translate:0 12px}}}.sheet-body{padding:18px}.confirm{display:flex;flex-direction:column;gap:12px;text-align:center}.confirm h2{font-size:21px;font-weight:750}.confirm p{line-height:1.5;color:var(--soft-text)}.confirm .question{inline-size:100%}.question.on{box-shadow:0 0 0 2px var(--ink)}.write-title{font-size:16px;font-weight:600;color:var(--soft-text);overflow:clip;text-overflow:ellipsis;white-space:nowrap}.write-page{inline-size:min(100%,40rem);margin-inline:auto;display:flex;flex-direction:column;gap:18px}.write-page textarea{inline-size:100%}.turn{font-size:clamp(1.15rem,1.05rem + .3vw,1.3rem);line-height:1.7;white-space:pre-wrap}.turn.assistant{color:#154d8c;font-weight:600}.turn.live{color:var(--soft-text)}.caret{color:#2971c6;animation:pulse 1s steps(1) infinite}.thinking{display:flex;align-items:center;gap:4px;color:#154d8c;font-size:15px;font-weight:500}.thinking i{inline-size:5px;block-size:5px;border-radius:50%;background:currentColor;opacity:.25}@media(prefers-reduced-motion:no-preference){.thinking i{animation:think-dot 1.2s var(--ease-in-out) infinite}.thinking i:nth-of-type(2){animation-delay:.15s}.thinking i:nth-of-type(3){animation-delay:.3s}}@keyframes think-dot{0%,to{opacity:.25;translate:0 0}50%{opacity:1;translate:0 -2px}}.write-hint{font-size:13px;color:var(--muted)}.write-foot{align-items:center;gap:10px}.write-foot .kbd-hint{margin-inline-start:auto}.deeper{display:inline-flex;align-items:center;gap:8px;min-block-size:52px;padding-inline:20px;border:none;border-radius:26px;background:#dbe9fc;color:#0e3a6d;font-size:16px;font-weight:600}.deeper .icon{inline-size:16px;block-size:16px}.deeper:disabled{opacity:.5}.deeper:not(:disabled):active{scale:.97}.rec-stop{display:grid;place-items:center;inline-size:52px;block-size:52px;border:none;border-radius:50%;background:#d74745;color:#fff}.rec-stop .icon{inline-size:20px;block-size:20px}.wave{display:inline-flex;align-items:center;gap:3px;block-size:36px}.wave i{inline-size:3px;border-radius:2px;background:#2971c6}.timer{font-size:15px;color:var(--soft-text)}.toast.inline{position:static;inline-size:auto;margin:0}.toast.bottom{inset-block:auto 24px;position:fixed}.flow-foot.column{flex-direction:column;align-items:stretch;inline-size:min(100%,40rem);margin-inline:auto}.quiet-saved h2,.grown h2,.no-clear h2{font-size:28px;font-weight:800}.quiet-text{inline-size:min(100% - 4rem,36rem);margin-inline:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:clip;line-height:1.55}.quiet-saved>.quiet,.grown>.quiet,.no-clear>.quiet{inline-size:min(100% - 4rem,34rem);margin-inline:auto;text-align:center}.quiet-saved>h2,.grown>h2,.no-clear>h2{inline-size:min(100% - 4rem,36rem);margin-inline:auto;text-align:center}.mini-print{align-self:center;inline-size:170px;padding:9px 9px 30px;background:linear-gradient(160deg,#fefdfc,#f4f3f0);border-radius:4px;rotate:-3deg;box-shadow:0 22px 40px -22px #331b0673}.mini-print img{inline-size:100%;aspect-ratio:3 / 4;object-fit:cover}.no-clear{align-items:center}.no-clear-figure{position:relative;align-self:center;margin-block:20px 6px}.bubble{position:absolute;inset-block-start:26px;inset-inline-end:34px;display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:50%;background:var(--card);font-size:22px;font-weight:800;box-shadow:var(--shadow-btn)}.no-clear .flow-foot{inline-size:min(100%,40rem);margin-inline:auto;margin-block-start:auto}.no-clear .flow-foot>*{flex:1}.new-badge{padding:2px 8px;border-radius:10px;background:var(--ink);color:var(--white);font-size:11px;font-weight:700}.photo{background:radial-gradient(70% 60% at 30% 25%,color-mix(in oklch,var(--w1, oklch(88% .16 95)) 40%,transparent),transparent 70%),radial-gradient(70% 60% at 75% 80%,color-mix(in oklch,var(--w2, oklch(68% .12 250)) 35%,transparent),transparent 70%),#f6f1e9}.jam-text{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:22px;color:#e9f0f5;font-size:13px;line-height:1.45;text-align:center}.jam-text strong{font-size:17px}.memory .flow-foot>*{flex:1}.picker{display:flex;flex-direction:column;gap:8px}.picker-head{display:flex;justify-content:space-between;align-items:center}.picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.picker-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;border:none;border-radius:20px;font-size:11px;font-weight:600}.picker-tile.on{box-shadow:inset 0 0 0 2.5px var(--ink)}.invitation-actions{display:flex;align-items:center;justify-content:space-between;align-self:stretch}.banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;font-size:14px;line-height:1.4}.banner.catch-up{background:var(--card)}.banner.catch-up>div{display:flex;flex-direction:column;gap:6px;flex:1}.banner .bar{display:block;block-size:6px;border-radius:3px;background:var(--track);overflow:clip}.banner .bar>span{display:block;block-size:100%;background:var(--butter);border-radius:3px}@media(prefers-reduced-motion:no-preference){.banner .bar>span{transition:inline-size .6s var(--ease-out)}}.banner small{color:var(--muted)}.banner.offline{color:#263c54;background:#e2edf8}.banner.offline .icon{inline-size:20px;block-size:20px;flex:none}.photo-thumb{scale:1!important}.chip-button{border:none;background:none;padding:0;border-radius:999px}button.chip{border:none;cursor:pointer}.chip.danger{color:#b63132}.menu-anchor{position:relative;justify-self:end}.detail-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.menu{position:absolute;inset-inline-end:0;inset-block-start:52px;z-index:5;min-inline-size:210px;padding:6px;border-radius:18px;background:var(--card);box-shadow:0 18px 40px -16px #1a160b59;display:flex;flex-direction:column;transform-origin:top right}.menu button{display:flex;align-items:center;gap:10px;min-block-size:44px;padding-inline:12px;border:none;border-radius:12px;background:none;font-size:15px;text-align:start}.menu .icon{inline-size:18px;block-size:18px}@media(hover:hover)and (pointer:fine){.menu button:hover{background:var(--paper)}}.detail-bar{position:sticky;inset-block-end:0;display:flex;gap:10px;padding:16px 28px 24px;background:linear-gradient(transparent,var(--paper) 40%)}.detail-bar .primary{flex:1;min-block-size:56px;border-radius:28px}.detail-bar .round.big{inline-size:56px;block-size:56px}.due-chip{display:inline-flex;align-items:center;gap:4px;min-block-size:26px;padding-inline:10px;border-radius:13px;background:#fce4c4;color:#6c411a;font-size:12px;font-weight:600}.due-chip .icon{inline-size:13px;block-size:13px}.thought-view{display:flex;flex-direction:column;gap:12px;min-block-size:50dvh}.thought-head{display:flex;align-items:center;gap:10px;font-weight:600}.thought-head .round{margin-inline-start:auto}.thought-text{flex:1;min-block-size:30dvh;padding:18px;border:none;border-radius:24px;background:var(--card);font:inherit;font-size:18px;line-height:1.6;resize:none;field-sizing:content}.thought-bar{display:flex;gap:10px;justify-content:end}.suggestion{gap:10px}.suggestion-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.suggestion-label .icon{inline-size:14px;block-size:14px}.suggestion h2{font-size:18px;font-weight:600;line-height:1.3}.suggestion-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-block-start:4px}.notice{flex-direction:row;align-items:center;padding-block:6px}.notice span{flex:1}.task-list{padding-block:6px;gap:0}.task-row{display:flex;align-items:center;gap:12px;min-block-size:54px;border-radius:14px}.task-row+.task-row{border-block-start:1px solid var(--track)}.task-row.new{border:none;background:none;padding:0;font:inherit;font-size:16px;color:var(--muted);text-align:start;cursor:pointer}.task-row.dragging{opacity:.5}.task-open{flex:1;display:flex;flex-direction:column;align-items:start;gap:2px;padding-block:8px;border:none;background:none;font:inherit;text-align:start}.task-name{font-size:16px}.task-row.done .task-name{color:var(--muted);text-decoration:line-through}.task-notes{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:clip}.task-due{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}.task-due.late{color:#b94642}.task-due .icon{inline-size:13px;block-size:13px}.task-until{font-size:13px;color:var(--muted)}.check{position:relative;flex:none;display:grid;place-items:center;inline-size:26px;block-size:26px;padding:0;border-radius:50%;border:2px solid oklch(80% .005 90);background:transparent;color:var(--white)}.check.on{background:var(--ink);border-color:var(--ink)}.check .icon{inline-size:15px;block-size:15px;stroke-width:2.6}.check.dashed{border-style:dashed}.check:after{content:"";position:absolute;inset:-9px}.check:active{scale:.9}@media(prefers-reduced-motion:no-preference){.check{transition:scale .14s var(--ease-out),background-color .2s var(--spring)}}.burst{position:absolute;inset:0;pointer-events:none}.burst i{position:absolute;inset-inline-start:50%;inset-block-start:50%;inline-size:6px;block-size:6px;margin:-3px;border-radius:50%;background:var(--butter);opacity:0}.burst i:nth-child(2n){background:#fa8927}@media(prefers-reduced-motion:no-preference){.burst i{animation:burst .72s var(--ease-out) forwards}}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-22px) scale(.4)}}.done-toggle{display:inline-flex;align-items:center;gap:6px;align-self:start;min-block-size:44px;padding-inline:4px;border:none;background:none;font-size:15px;font-weight:600;color:var(--muted)}.done-toggle .chev{inline-size:16px;block-size:16px}.done-toggle[aria-expanded=true] .chev{rotate:90deg}@media(prefers-reduced-motion:no-preference){.done-toggle .chev,.chev{transition:rotate .22s var(--ease-out)}}.empty-icon{inline-size:44px;block-size:44px;color:var(--muted);stroke-width:1.5}.task-compose{display:flex;flex-direction:column;gap:12px;padding:4px}.task-compose-head{display:flex;align-items:center;gap:12px}.task-title-input{flex:1;min-block-size:44px;border:none;background:none;font:inherit;font-size:19px;font-weight:600}.task-title-input:focus-visible,.task-notes-input:focus-visible{outline:2px solid transparent}.task-compose:has(.task-title-input:focus-visible) .task-compose-head{box-shadow:0 2px color-mix(in oklch,var(--focus) 40%,transparent)}.task-notes-input{min-block-size:3lh;max-block-size:12lh;field-sizing:content;padding:12px 14px;border:none;border-radius:18px;background:var(--card);font:inherit;resize:none}.task-compose-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.task-compose-bar .pill{margin-inline-start:auto}.task-compose-bar .created{font-size:13px}.schedule-chips{display:flex;gap:6px;flex-wrap:wrap}.chip-toggle{display:inline-flex;align-items:center;gap:6px;min-block-size:38px;padding-inline:12px;border:none;border-radius:19px;background:var(--card);font-size:14px;font-weight:500}.chip-toggle .icon{inline-size:16px;block-size:16px}.chip-toggle.on{background:var(--ink);color:var(--white)}.chip-toggle:disabled{opacity:.4}.chip-toggle.static{cursor:default}.schedule{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:22px;background:var(--card)}.cal-head{display:flex;align-items:center;justify-content:space-between}.cal-grid,.memory-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}.cal-dow{font-size:12px;color:var(--muted);padding-block:4px}.cal-day{justify-self:center;inline-size:40px;block-size:40px;border:none;border-radius:50%;background:none;font-size:14px;font-variant-numeric:tabular-nums}.cal-day.today{box-shadow:inset 0 0 0 1.5px var(--ink)}.cal-day.on{background:var(--ink);color:var(--white)}@media(hover:hover)and (pointer:fine){.cal-day:not(.on):hover{background:var(--paper)}}.schedule-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.repeat-row{display:flex;gap:6px;flex-wrap:wrap}.repeat-row .chip-toggle{background:var(--paper)}.repeat-row .chip-toggle.on{background:var(--ink)}.source-chip{display:inline-flex;align-items:center;gap:6px;align-self:start;min-block-size:36px;padding-inline:12px;border:none;border-radius:18px;background:var(--track);font-size:13px;font-weight:600}.source-chip .icon{inline-size:15px;block-size:15px}.origin{display:flex;flex-direction:column;gap:10px}.origin p{color:var(--soft-text);line-height:1.5}.origin .pill{align-self:start}.back-header{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;margin-block-end:6px}.back-header h1{font-size:17px;font-weight:700;text-align:center}.back-header .round{inline-size:50px;block-size:50px}.card.list{padding:4px 0;gap:0}.list-row{display:flex;align-items:center;gap:12px;inline-size:100%;min-block-size:60px;padding:8px 18px;border:none;background:none;font:inherit;text-align:start}.list-row+.list-row,.memory-item+.memory-item{border-block-start:1px solid var(--track)}.list-main{flex:1;display:flex;flex-direction:column;gap:2px}.list-main strong{font-size:16px;font-weight:600}.list-main small{font-size:13px;color:var(--muted);line-height:1.4}.list-main span{line-height:1.4}.list-dots{display:flex;gap:4px}.chev{inline-size:16px;block-size:16px;color:var(--muted);flex:none}.chev.down{rotate:90deg}.thread-thumb{display:grid;place-items:center;inline-size:52px;block-size:52px;flex:none;border-radius:16px;overflow:clip;background:var(--paper-warm);color:#816f50}.thread-thumb{position:relative}.thread-thumb img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;scale:2;transform-origin:50% 64%}.thread-thumb .icon{inline-size:22px;block-size:22px}.list-link{min-block-size:50px;border:none;background:none;font-size:15px;font-weight:600;border-block-start:1px solid var(--track)}button.card{border:none;font:inherit;text-align:start;cursor:pointer}.feelings-hero,.memory-link,.highlight{flex-direction:row;align-items:center;gap:14px}.hero-text{flex:1;display:flex;flex-direction:column;gap:6px}.hero-text small{font-size:13px;color:var(--muted)}.hero-text strong{font-size:19px}.mix{display:flex;block-size:10px;border-radius:5px;overflow:clip;gap:2px}.memory-icon{display:grid;place-items:center;inline-size:52px;block-size:52px;border-radius:16px;background:#eee7fd;color:#544272}.memory-icon .icon{inline-size:26px;block-size:26px}.next-insight .five{display:flex;gap:8px}.next-insight .five i{inline-size:14px;block-size:14px;border-radius:50%;background:var(--track)}.next-insight .five i.on{background:var(--butter);box-shadow:inset 0 0 0 1px #dbb970}.range{display:flex;gap:2px;padding:3px;border-radius:19px;background:#e9e8e5}.range button{flex:1;min-block-size:38px;border:none;border-radius:16px;background:none;font-size:14px;font-weight:500;color:var(--soft-text)}.range button.on{background:var(--card);color:var(--ink);font-weight:650;box-shadow:0 2px 6px -2px #18161140}@media(prefers-reduced-motion:no-preference){.range button{transition:background-color .18s var(--ease-out)}}.bars{display:flex;align-items:end;gap:4px;min-block-size:calc(var(--h) + 22px);padding-block-start:10px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:4px;min-inline-size:0}.bar-stack{display:flex;flex-direction:column-reverse;inline-size:min(100%,22px);border-radius:6px;overflow:clip;background:var(--track)}.bar-stack i{display:block;min-block-size:2px}.bar-col small{font-size:10px;color:var(--muted);white-space:nowrap}@media(prefers-reduced-motion:no-preference){.bar-stack{animation:grow .52s var(--ease-out) both;transform-origin:bottom}}@keyframes grow{0%{scale:1 0}to{scale:1 1}}.legend{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--soft-text)}.legend span{display:inline-flex;align-items:center;gap:5px}.legend .dot{inline-size:9px;block-size:9px}.highlight small{font-size:12px;color:var(--muted)}.highlight strong{font-size:18px}.card.feeling-hero{align-items:center;padding-block:22px;border-radius:32px}.card.feeling-hero strong{font-size:17px}.weekdays{display:flex;justify-content:space-between;align-items:end;block-size:90px}.weekdays span{display:flex;flex-direction:column;align-items:center;gap:4px}.weekdays i{inline-size:22px;border-radius:6px}.weekdays small{font-size:11px;color:var(--muted)}.memory-intro{gap:10px}.memory-intro .switch{background:var(--paper)}.memory-actions{display:flex;flex-direction:column;gap:8px;padding:0 18px 14px}.loading{animation:pulse 1.6s var(--ease-in-out) infinite}.streak-card{align-items:center;text-align:center;gap:8px}.flame-circle{display:grid;place-items:center;inline-size:64px;block-size:64px;border-radius:50%;background:#ffe9d6;background:oklch(95% .05 60)}.flame-circle .flame{inline-size:34px;block-size:34px}.streak-card>strong{font-size:34px;font-weight:850}.week{display:flex;gap:8px;margin-block-start:6px}.week span{display:flex;flex-direction:column;align-items:center;gap:4px}.week i{display:grid;place-items:center;inline-size:34px;block-size:34px;border-radius:50%;background:var(--track);color:#fff}.week span.on i{background:#fa8927}.week span.today i{box-shadow:0 0 0 2px var(--ink)}.week .icon{inline-size:16px;block-size:16px;stroke-width:2.6}.week small{font-size:11px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:22px;background:var(--card)}.stat strong{font-size:24px;font-weight:800}.stat small{font-size:13px;color:var(--muted)}.memory-grid{gap:6px}.day-cell{position:relative;display:grid;place-items:center;aspect-ratio:3 / 4;border:none;border-radius:12px;background:var(--paper);overflow:clip;font-size:13px;color:var(--muted)}.day-cell img{inline-size:100%;block-size:100%;object-fit:cover;scale:1.4;transform-origin:50% 60%}.day-cell.today{box-shadow:inset 0 0 0 2px var(--ink)}.cal-dot{position:absolute;inset-block-end:6px;inline-size:6px;block-size:6px;border-radius:50%;background:#fa8927}.day-cell:disabled{cursor:default}.settings-group{display:flex;flex-direction:column;gap:8px}.profile{flex-direction:row;align-items:center;gap:12px}.profile .mivelu{margin-block:-12px}.switch-row input{appearance:none;flex:none;inline-size:52px;block-size:32px;border-radius:16px;margin:0;background:#cfceca;position:relative;cursor:pointer;transition:background-color .2s var(--ease-out)}.switch-row input:before{content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:26px;block-size:26px;border-radius:50%;background:var(--card);box-shadow:0 2px 6px #18161140}.switch-row input:checked{background:#4cb86a}.switch-row input:checked:before{translate:20px 0}@media(prefers-reduced-motion:no-preference){.switch-row input:before{transition:translate .2s var(--ease-out)}}.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:none;border-radius:18px;background:var(--card);text-align:start}.option small{color:var(--muted)}.option.on{box-shadow:inset 0 0 0 2px var(--ink)}.export{text-align:start}.print-book{display:none}@media print{[data-print=book] body *{visibility:hidden}[data-print=book] .print-book,[data-print=book] .print-book *{visibility:visible}[data-print=book] .print-book{display:block;position:absolute;inset:0}.print-page{break-after:page;padding:18mm;font-family:Georgia,serif}.print-page img{inline-size:60%;margin:0 auto 10mm}.print-page h2{font-size:13pt;margin-block-end:4mm}.print-line{font-weight:700;margin-block-end:4mm}.print-page p{font-size:12pt;line-height:1.6;white-space:pre-wrap}}.share{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding-block-end:6px;isolation:isolate}.share:before{content:"";position:absolute;inset:-18px;z-index:-1;background:var(--bg, none) center / cover;filter:blur(34px);opacity:.6;scale:1.35}.share:after{content:"";position:absolute;inset:-18px;z-index:-2;background:#f2eee7}.share-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;align-self:stretch;text-align:center}.share-card{margin:8px 0;inline-size:272px;padding:14px 14px 12px;background:#fefdfc;rotate:-3deg;box-shadow:0 30px 50px -24px #331b0680;display:flex;flex-direction:column;gap:10px}.share-card img{inline-size:100%;aspect-ratio:244 / 325;object-fit:cover;border-radius:3px}.share-line{font-size:18px;color:#282e38;line-height:1.25}.share-card footer{display:flex;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--muted)}.share-brand{padding:2px 8px;border-radius:10px;background:var(--paper);text-transform:lowercase}.share .flow-foot{align-self:stretch;padding-block-end:0}.share .flow-foot>*{flex:1}@media not (min-width:48rem){.sheet-dialog{inline-size:100%;max-inline-size:100%;margin:auto 0 0;border-end-start-radius:0;border-end-end-radius:0;max-block-size:92dvh}.sheet-dialog .sheet-body{padding-block-end:max(18px,env(safe-area-inset-bottom,0px))}@media(prefers-reduced-motion:no-preference){.sheet-dialog{translate:0 100%}@starting-style{.sheet-dialog[open]{translate:0 100%}}}.detail-bar{padding-inline:20px}.picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.write-foot .kbd-hint{display:none}}