/* Fill OS-inspired proposal: intention stays; surrounding controls recede. */
.quiet-shell{--paper:#fafaf8;--ink:#242424;--muted:#72726d;min-height:100svh}
.quiet-shell .mast{border:0;min-height:88px;padding:18px 5vw;gap:24px}
.quiet-shell .mast .identity{padding:6px;gap:10px;margin-left:-6px}
.quiet-shell .identity img{width:28px;height:28px}.quiet-shell .tcos{font-size:24px}
.quiet-shell .mast nav{gap:22px;font-size:12px}.quiet-shell #quiet-home{font-size:12px;color:var(--muted)}
.quiet-shell .identity:hover,.quiet-shell .identity:focus-visible{transform:none}
.quiet-shell .mast [aria-current=page]{text-decoration:underline;text-underline-offset:7px}
.quiet-shell .welcome{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:min(100%,820px);min-height:calc(100svh - 124px);padding:54px 32px 82px;margin:auto}
.quiet-shell .welcome h1{font-size:clamp(34px,4.5vw,58px);font-weight:400;line-height:1.13;letter-spacing:-.055em;margin:0 0 20px;max-width:14ch}
.quiet-shell .welcome .eyebrow{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;color:var(--muted);margin-bottom:34px}
.quiet-shell .welcome #quiet-line{font-size:15px;font-weight:400;color:var(--muted);line-height:1.5;margin-bottom:0}
.quiet-shell .intention-form{margin-top:38px;max-width:none}
.quiet-shell .intention-form>label{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:400;margin:0 0 10px;color:var(--muted)}
.quiet-shell #intention{font-size:clamp(20px,2.5vw,28px);font-weight:400;letter-spacing:-.025em;line-height:1.45;background:transparent;border:0;border-bottom:1px solid var(--line);padding:0 0 16px;margin:0;min-height:100px;resize:vertical;border-radius:0;outline-offset:8px}
.quiet-shell #intention::placeholder{color:#8a8a83;font-weight:300}.quiet-shell #intention:focus{outline:0;border-bottom-color:#333}
.quiet-shell .intention-form .suggestions{display:flex;flex-wrap:wrap;gap:0 22px;margin:13px 0 0}
.quiet-shell .intention-form .suggestions button{flex:0 1 auto;border:0;padding:5px 0;min-height:44px;font-size:12px;color:#55554f;width:auto;margin:0;font-weight:400}
.quiet-shell .intention-form>.solid{background:transparent;color:var(--ink);font-size:14px;font-weight:500;border:0;padding:10px 0;margin:18px 0 0;gap:28px;min-height:48px;display:flex;width:max-content}
.quiet-shell .intention-form>.solid:hover{text-decoration:underline;text-underline-offset:5px}
.quiet-shell .intention-note{margin-top:12px;font-size:11px;color:var(--muted)}.quiet-shell .intention-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center;width:max-content}.quiet-shell .intention-note summary::after{content:' +';margin-left:8px}.quiet-shell .intention-note[open] summary::after{content:' −'}.quiet-shell .intention-note p{max-width:58ch;font-size:12px}
.quiet-shell .welcome-actions{margin-top:22px;display:flex;gap:28px;align-items:center;font-size:12px}.quiet-shell .welcome-actions a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}
.quiet-shell #quiet-reveal{font-size:12px;color:var(--muted);width:max-content;margin-top:14px;min-height:44px}
.quiet-shell .quiet-recedes{transition:opacity .32s ease,transform .45s cubic-bezier(.2,.7,.2,1),visibility .32s}
.quiet-shell.is-writing .quiet-recedes{opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none}
.quiet-shell .welcome,.quiet-shell .eight,.quiet-shell .activity-entrances{animation:quiet-arrival .55s ease both}
.quiet-shell .eight{border:0;background:transparent;max-width:820px;padding:40px 32px;margin:0 auto 60px}.quiet-shell .eight-top{border-bottom:1px solid var(--line)}
.quiet-shell .activity-entrances{max-width:1000px;margin:40px auto;padding:20px 32px 36px}.quiet-shell .activity-entrances h2{font-size:30px;font-weight:400}.quiet-shell .activity-entrances>a strong{font-weight:450}
.quiet-shell .entrance{max-width:820px;min-height:calc(100svh - 100px);padding:60px 32px}
.quiet-shell .entrance-grid{grid-template-columns:1fr 1fr;gap:50px;margin-top:70px}.quiet-shell .basic-mark{display:none}.quiet-shell .hero-sentence{font-size:44px;font-weight:400;margin:0 0 22px}.quiet-shell .intro{font-size:13px}.quiet-shell .eyebrow-line{font:10px ui-monospace,monospace;color:var(--muted)}.quiet-shell .basic-foot{display:none}
.quiet-shell .admission h2{font-weight:400;font-size:27px}.quiet-shell .admission{max-width:none}.quiet-shell .admission .small{font-size:11px}.quiet-shell .admission input{background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0}
@keyframes quiet-arrival{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:680px){.quiet-shell .mast{min-height:76px;padding:12px 6vw;gap:14px}.quiet-shell .mast nav{gap:0 13px}.quiet-shell .welcome{padding:30px 7vw 50px;min-height:calc(100svh - 90px)}.quiet-shell .welcome h1{font-size:39px;max-width:13ch}.quiet-shell .welcome .eyebrow{margin-bottom:27px}.quiet-shell .intention-form{margin-top:30px}.quiet-shell .intention-form .suggestions{gap:0 18px}.quiet-shell .welcome-actions{gap:20px;flex-wrap:wrap}.quiet-shell .eight{padding:25px 7vw}.quiet-shell .activity-entrances{padding:15px 7vw}.quiet-shell .entrance{padding:35px 7vw}.quiet-shell .entrance-grid{display:block;margin-top:38px}.quiet-shell .hero-sentence{font-size:34px}.quiet-shell .admission{border:0;padding:0;margin-top:35px}.quiet-shell .welcome #quiet-line{font-size:14px}.quiet-shell #intention{min-height:90px}}
@media(max-height:600px){.quiet-shell .welcome{justify-content:flex-start;padding-top:24px}.quiet-shell .welcome .eyebrow{margin-bottom:16px}.quiet-shell .intention-form{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.quiet-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}