*,*:before,*:after{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;min-height:100vh}:root{--ink: #0e0f1a;--ink-soft: #171930;--veil: rgba(255, 255, 255, .08);--veil-strong: rgba(255, 255, 255, .16);--text: #f4f2ee;--text-dim: rgba(244, 242, 238, .62);--text-faint: rgba(244, 242, 238, .36);--glow: #ffd9a0;--display: "Fraunces", ui-serif, Georgia, serif;--ui: "Inter", system-ui, -apple-system, sans-serif}.joy-shell,.joy-shell *,.joy-shell *:before,.joy-shell *:after{box-sizing:border-box}.joy-shell{min-height:100dvh;background:var(--ink);color:var(--text);font-family:var(--ui);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.joy-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;position:relative;z-index:1}.joy-aura{position:fixed;inset:-30%;z-index:0;filter:blur(90px);opacity:.5;transition:background 1.2s ease;pointer-events:none}.joy-display{font-family:var(--display);font-weight:400;line-height:1.22;letter-spacing:-.015em;font-size:clamp(1.9rem,5.2vw,3.4rem);margin:0;text-wrap:balance}.joy-display--sm{font-size:clamp(1.5rem,3.6vw,2.2rem)}.joy-eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);margin:0 0 1.75rem;font-weight:500}.joy-meta{font-size:.85rem;color:var(--text-faint);margin-top:1.75rem}.joy-lede{color:var(--text-dim);font-size:1.02rem;line-height:1.65;max-width:34ch;margin:1rem auto 0}.joy-btn{font-family:var(--ui);font-size:.95rem;font-weight:500;color:var(--text);background:var(--veil);border:1px solid var(--veil-strong);border-radius:999px;padding:.8rem 1.9rem;cursor:pointer;transition:background .2s ease,transform .2s ease,opacity .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.joy-btn:hover:not(:disabled){background:var(--veil-strong);transform:translateY(-1px)}.joy-btn:disabled{opacity:.35;cursor:default}.joy-btn--primary{background:var(--text);color:var(--ink);border-color:transparent}.joy-btn--primary:hover:not(:disabled){background:#fff}.joy-btn--ghost{background:transparent;border-color:transparent;color:var(--text-faint);padding:.7rem 1rem}.joy-btn--ghost:hover:not(:disabled){color:var(--text);background:var(--veil)}.joy-icon-btn{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;background:var(--veil);border:1px solid var(--veil-strong);color:var(--text);cursor:pointer;font-size:1rem;transition:background .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:none}.joy-icon-btn:hover:not(:disabled){background:var(--veil-strong);transform:translateY(-1px)}.joy-icon-btn:disabled{opacity:.25;cursor:default}.joy-icon-btn--on{color:var(--glow)}.joy-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;position:relative;z-index:2}.joy-nav-links{display:flex;gap:.35rem;align-items:center}.joy-nav a{color:var(--text-faint);text-decoration:none;font-size:.88rem;font-weight:500;padding:.45rem .9rem;border-radius:999px;transition:color .2s ease,background .2s ease}.joy-nav a:hover{color:var(--text)}.joy-nav a.is-active{color:var(--text);background:var(--veil)}.joy-wordmark{font-family:var(--display);font-size:1.05rem;color:var(--text-dim);text-decoration:none;white-space:nowrap}.breathe-orb{width:min(56vw,260px);aspect-ratio:1;border-radius:50%;margin:0 auto;background:radial-gradient(circle at 50% 45%,#ffe9c8f2,#ffbea080 55%,#a096ff1f);box-shadow:0 0 90px 20px #ffcea038;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.45,0,.55,1);transform:scale(.55);opacity:.75}.breathe-orb.is-in,.breathe-orb.is-hold{transform:scale(1);opacity:1}.breathe-label{font-family:var(--display);font-size:1.35rem;color:var(--text-dim);margin-top:2.5rem;letter-spacing:.02em}.breathe-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1.25rem}.breathe-dot{width:7px;height:7px;border-radius:50%;background:var(--veil-strong);transition:background .4s ease}.breathe-dot.is-done{background:var(--glow)}.joy-card{width:min(100%,680px);min-height:min(58vh,420px);border-radius:28px;padding:clamp(2rem,5vw,3.25rem);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 30px 70px -30px #000000bf}.joy-card__text{font-family:var(--display);font-size:clamp(1.5rem,3.6vw,2.5rem);line-height:1.3;letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;white-space:pre-wrap}.joy-card__text--md{font-size:clamp(1.2rem,2.5vw,1.65rem);line-height:1.4;text-wrap:initial}.joy-card__text--sm{font-size:clamp(1rem,1.9vw,1.25rem);line-height:1.6;text-wrap:initial}.joy-card__text--left{text-align:left}.joy-card__text a{color:inherit;text-decoration-color:#ffffff73;text-underline-offset:4px}.joy-card__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:2rem;font-size:.82rem;color:#ffffff9e}.joy-deck-controls{display:flex;align-items:center;gap:.6rem;margin-top:1.75rem;flex-wrap:wrap;justify-content:center}.joy-input,.joy-textarea{width:100%;background:var(--veil);border:1px solid var(--veil-strong);border-radius:16px;color:var(--text);font-family:var(--ui);font-size:1rem;padding:.9rem 1.1rem;outline:none;transition:border-color .2s ease,background .2s ease}.joy-textarea{font-family:var(--display);font-size:1.25rem;line-height:1.5;min-height:150px;resize:vertical}.joy-input:focus,.joy-textarea:focus{border-color:#ffd9a08c;background:#ffffff1c}.joy-input::placeholder,.joy-textarea::placeholder{color:var(--text-faint)}.joy-overlay{position:fixed;inset:0;z-index:60;background:#080810d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.joy-sheet{width:min(100%,560px);background:var(--ink-soft);border:1px solid var(--veil-strong);border-radius:26px;padding:clamp(1.5rem,4vw,2.25rem);max-height:88dvh;overflow-y:auto}.joy-pill{display:inline-flex;align-items:center;gap:.45rem;background:var(--veil);border:1px solid var(--veil-strong);border-radius:999px;padding:.4rem .95rem;font-size:.8rem;color:var(--text-dim)}.joy-row{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.1rem;border-radius:18px;background:var(--veil);border:1px solid transparent;text-align:left}.joy-fade{animation:joyFade .7s ease both}@keyframes joyFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width: 560px){.joy-nav{flex-direction:column;align-items:stretch;gap:.5rem;padding:.9rem 1rem .4rem}.joy-wordmark{text-align:center}.joy-nav-links{justify-content:center;flex-wrap:wrap;gap:.2rem}.joy-nav a{padding:.6rem .7rem;min-height:44px;display:inline-flex;align-items:center}.joy-stage{padding:1.5rem 1.15rem 2.5rem}.joy-card{border-radius:22px;min-height:0}.joy-card__foot{flex-direction:column;align-items:flex-start;gap:.35rem}.joy-btn{padding:.8rem 1.4rem}}.play-stage{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:var(--ink)}.play-photo{position:absolute;inset:-5%;z-index:0;background-size:cover;background-position:center;animation:playIn 1.4s ease both,playDrift 40s ease-in-out infinite alternate}.play-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0808108c,#08081047 35%,#0808106b 65%,#080810c7)}.play-progress{position:absolute;top:0;left:0;height:3px;width:0;z-index:3;background:#ffffffd9;animation-name:playProgress;animation-timing-function:linear;animation-fill-mode:forwards}.play-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem 0;flex-wrap:wrap}.play-chips{display:flex;gap:.35rem;flex-wrap:wrap}.play-chip{font-family:var(--ui);font-size:.8rem;font-weight:500;color:var(--text-dim);background:#00000047;border:1px solid var(--veil-strong);border-radius:999px;padding:.5rem .9rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,color .2s ease;min-height:36px}.play-chip:hover{color:var(--text)}.play-chip.is-on{background:var(--text);color:var(--ink);border-color:transparent}.play-pill{background:#00000047}.play-body{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem clamp(1.25rem,6vw,4rem);cursor:pointer}.play-text{font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(1.7rem,4.6vw,3.1rem);line-height:1.25;letter-spacing:-.01em;max-width:24ch;margin:0 auto;text-wrap:balance;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 2px 28px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.4)}.play-text a{color:inherit;text-decoration-color:#ffffff80;text-underline-offset:4px}.play-text--md{font-size:clamp(1.25rem,2.8vw,1.85rem);line-height:1.4;max-width:44ch;text-align:left;text-wrap:initial}.play-text--sm{font-size:clamp(1.02rem,2vw,1.3rem);line-height:1.55;max-width:60ch;text-align:left;text-wrap:initial;font-style:normal}.play-text--affirm{font-weight:500}.play-meta{font-size:.85rem;color:#ffffffb3;margin:1.5rem 0 0;text-shadow:0 1px 12px rgba(0,0,0,.6)}.play-write{width:min(100%,520px)}.play-write .joy-textarea{margin-top:1.25rem;background:#00000059}.play-controls{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1rem 1.6rem;flex-wrap:wrap}.play-controls .joy-icon-btn,.play-controls .joy-btn{background:#00000052}.play-controls .joy-btn--ghost{background:transparent}.ico-play{display:inline-block;width:0;height:0;margin-left:3px;border-left:13px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent}.ico-pause{display:inline-block;width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}@keyframes playIn{0%{opacity:0}to{opacity:1}}@keyframes playDrift{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-1.5%,1%)}}@keyframes playProgress{0%{width:0}to{width:100%}}.todos-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.tboard{display:flex;gap:.9rem;align-items:flex-start;overflow-x:auto;padding-bottom:6rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tboard .tcol{flex:0 0 290px;scroll-snap-align:start}.tlist{display:grid;gap:1rem;padding-bottom:6rem}.tcol{background:#ffffff09;border:1px solid var(--veil);border-radius:20px;padding:.6rem;transition:border-color .15s ease,background .15s ease}.tcol.is-over{border-color:#ffd9a08c;background:#ffd9a00f}.tcol__head{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem .7rem;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.tcol__count{color:var(--text-faint);font-weight:500}.tcol__add{margin-left:auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--veil-strong);background:var(--veil);color:var(--text);font-size:1.1rem;line-height:1;cursor:pointer;display:grid;place-items:center;position:relative}.tcol__add:before{content:"";position:absolute;inset:-6px}.tcol__body{display:grid;gap:.55rem;min-height:56px}.tcol__empty{border:1px dashed var(--veil-strong);border-radius:14px;padding:.9rem;text-align:center;font-size:.8rem;color:var(--text-faint)}.tcard{display:flex;gap:.7rem;align-items:flex-start;background:var(--ink-soft);border:1px solid var(--veil);border-radius:16px;padding:.85rem .95rem;cursor:grab;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:border-color .15s ease,box-shadow .15s ease}.tcard:hover{border-color:var(--veil-strong)}.tcard.is-done{opacity:.5}.tcard.is-done .note-text{text-decoration:line-through}.tcard.is-overlay{cursor:grabbing;box-shadow:0 24px 50px -16px #000000d9;border-color:#ffd9a080;transform:rotate(1.5deg)}.note-text{flex:1;min-width:0;font-size:.98rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.note-text a{color:inherit;text-decoration-color:#ffffff80}.note-meta{font-size:.75rem;color:var(--text-faint);margin-top:.45rem}.note-check{flex:none;width:26px;height:26px;margin-top:.1rem;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:transparent;color:var(--ink);font-size:.85rem;font-weight:700;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.note-check.is-on{background:var(--text);border-color:var(--text)}.note-check{position:relative}.note-check:before{content:"";position:absolute;inset:-9px}.joy-fab{position:fixed;right:1.25rem;bottom:1.25rem;width:58px;height:58px;border-radius:50%;border:0;background:var(--text);color:var(--ink);font-size:1.9rem;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:40;box-shadow:0 14px 34px -10px #000c;transition:transform .15s ease}.joy-fab:hover{transform:translateY(-2px)}.joy-switch{flex:none;width:44px;height:26px;border-radius:999px;background:var(--veil-strong);position:relative;transition:background .2s ease}.joy-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text);transition:transform .2s ease}.joy-switch.is-on{background:var(--glow)}.joy-switch.is-on:after{transform:translate(18px);background:var(--ink)}.mode-chips{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap;margin-bottom:2rem}.focus-ring{position:relative;width:min(72vw,280px);aspect-ratio:1;margin:0 auto 1.75rem}.focus-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.focus-ring__track{fill:none;stroke:var(--veil-strong);stroke-width:8}.focus-ring__bar{fill:none;stroke:var(--glow);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.focus-time{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:clamp(2.6rem,9vw,4.2rem);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.focus-select{appearance:none;-webkit-appearance:none;text-align:center;cursor:pointer;margin-bottom:.5rem}.focus-select option{color:#111}.ctx-menu{position:fixed;z-index:95;background:var(--ink-soft);border:1px solid var(--veil-strong);border-radius:14px;padding:.35rem;box-shadow:0 24px 50px -18px #000000e6;animation:joyFade .15s ease both}.ctx-item{display:flex;align-items:center;gap:.6rem;width:100%;min-height:40px;padding:.55rem .75rem;border:0;border-radius:9px;background:transparent;color:var(--text);font-family:var(--ui);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer}.ctx-item:hover:not(:disabled),.ctx-item:focus-visible{background:var(--veil);outline:none}.ctx-item:disabled{opacity:.35;cursor:default}.ctx-item--danger{color:#ffb4a2}.ctx-sep{height:1px;background:var(--veil);margin:.35rem .25rem}.ctx-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);padding:.45rem .75rem .2rem}.joy-toast{position:fixed;left:50%;bottom:1.75rem;transform:translate(-50%);z-index:90;background:#141420eb;border:1px solid var(--veil-strong);border-radius:999px;padding:.65rem 1.15rem;font-size:.86rem;white-space:nowrap;animation:joyFade .3s ease both;pointer-events:none}@media (max-width: 560px){.play-chip{min-height:44px;padding:.6rem 1rem}.play-top{padding:.75rem 1rem 0}.play-pill{order:-1;width:100%;justify-content:center}.play-chips{width:100%;justify-content:center}.play-text{font-size:clamp(1.5rem,7vw,2.1rem)}.tboard .tcol{flex:0 0 82vw}.joy-fab{right:1rem;bottom:1rem}.joy-overlay{align-items:flex-end;padding:0}.joy-sheet{width:100%;max-height:92dvh;border-radius:26px 26px 0 0;border-bottom:0;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.joy-fade,.breathe-orb,.play-photo{animation:none!important;transition-duration:.01ms!important}}