:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:#282922;background:#f7f5ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper:#f7f5ed;--ink:#282922;--muted:#77776b;--line:#ddded1;--orange:#e94e2b;--display:"Space Grotesk",-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,textarea{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9ba76b;outline-offset:4px}button,summary{touch-action:manipulation}h1,h2,p{margin:0}h1,h2{font-family:var(--display)}::selection{background:#dfe6b0}.phone-app{width:100%;max-width:520px;margin:0 auto;padding:0 max(22px,env(safe-area-inset-left)) max(28px,env(safe-area-inset-bottom));min-height:100vh;min-height:100svh}.birthday-header{padding:25px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.5}.birthday-header strong{font-weight:600}.birthday-header>span:first-child{flex-shrink:0}.your-name{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:13px;color:var(--muted);min-width:0;overflow-wrap:anywhere}.your-name i{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#c59d64}.your-name i.online{background:#899767}.entry-screen{padding-top:54px}.small-label{font-size:11px;letter-spacing:1.8px;color:#979786;font-weight:600}.entry-screen h1{font-size:58px;line-height:1.02;font-weight:500;letter-spacing:-3px;margin-top:18px}.entry-hint{font-size:18px;color:var(--muted);margin-top:19px}.entry-screen form{margin-top:35px}input,textarea{display:block;width:100%;background:#fffef9;border:1px solid #d6d8c6;border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}input{font-size:22px;padding:20px;min-height:74px}input::placeholder{color:#aaa996}textarea{font-size:18px;line-height:1.6;padding:17px;resize:vertical;min-height:200px;scroll-margin-top:15px}textarea::placeholder{color:#aaa996}input:focus,textarea:focus{border-color:#8d9770;outline:2px solid #8d977026;outline-offset:0}.primary-button,.secondary-button{width:100%;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 21px;font-size:18px;line-height:1.3;font-weight:550;border-radius:10px;transition:background .15s}.primary-button{background:var(--orange);color:#fffaf1;margin-top:17px}.primary-button:active:not(:disabled){background:#ce3f20}.secondary-button{border:1px solid #babfa4;background:#eeefdf}.secondary-button:active:not(:disabled){background:#e4e7cd}.random-name{min-height:48px;display:flex;justify-content:center;align-items:center;gap:9px;color:#858773;font-size:15px;margin:14px auto 0;padding:10px 12px}.quiet-note{font-size:14px;color:#91917e;line-height:1.6;margin-top:16px}.error,.connection-note{padding:14px 16px;border-radius:8px;font-size:15px;line-height:1.5;margin-top:17px}.error{background:#fbe8df;color:#ad442e;border:1px solid #f0c4b2}.connection-note{background:#eeeddd;color:#8b7f51}.step-label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;line-height:1.5;color:#8b8d78;margin-bottom:20px}.step-label>span:first-child{font-family:var(--display);color:var(--orange);font-size:15px;font-weight:500;white-space:nowrap}.step-of{color:#aeaf9a}.writing-screen{padding-top:27px}.writing-screen h1{font-size:31px;line-height:1.23;font-weight:500;letter-spacing:-1.2px;margin-bottom:27px;overflow-wrap:anywhere}.answer-label{display:block;font-size:17px;font-weight:500;line-height:1.5;margin-bottom:12px}.answer-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9a9b85;margin-top:10px}.writing-screen .primary-button{margin-top:22px}.received-story{border-left:2px solid #d9ddbd;padding-left:17px;margin-bottom:27px}.story-part{display:flex;align-items:flex-start;gap:13px}.part-number{font-family:var(--display);font-size:12px;line-height:1.6;color:#a0a58a;padding-top:4px;flex-shrink:0;width:12px}.story-part p{font-size:18px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.story-part+.story-part{margin-top:21px}.story-prefix{color:#a55a3b}.received-story .story-part{gap:8px}.received-story .story-part p{font-size:17px;line-height:1.65;color:#73765e}.received-story .part-number{padding-top:3px;font-size:11px}.waiting-screen{padding-top:35px;padding-bottom:42px}.saved-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#889367;line-height:1.5}.waiting-dots{display:flex;align-items:center;gap:8px;margin:53px 0 27px;height:18px}.waiting-dots i{width:10px;height:10px;border-radius:50%;background:#dce2bc;animation:breathe 1.7s ease-in-out infinite}.waiting-dots i:nth-child(2){animation-delay:.2s}.waiting-dots i:nth-child(3){animation-delay:.4s}.waiting-screen h1,.reading-screen h1{font-size:37px;line-height:1.12;letter-spacing:-1.7px;font-weight:500;overflow-wrap:anywhere}.screen-hint{font-size:17px;line-height:1.7;color:#7d806c;margin-top:20px;max-width:360px}.waiting-screen .quiet-note{margin-top:30px}.reading-screen{padding-top:28px}.reading-screen>.saved-label{margin-bottom:24px}.complete-story{padding:23px 20px 25px;background:#fefdf6;border:1px solid #dedfcc;border-radius:10px;margin-top:25px}.complete-story .story-part p{font-size:19px;line-height:1.7}.reading-call{padding:16px;background:#eeeede;border:1px solid #dedfca;border-radius:10px;display:flex;align-items:flex-start;gap:11px;font-size:17px;font-weight:500;line-height:1.5;margin-bottom:23px;overflow-wrap:anywhere}.reading-call svg{flex-shrink:0;margin-top:2px}.reading-call.my-turn{background:#e5ebc7;border-color:#c5d39b;color:#5d7237}.reading-screen>.step-label{margin-bottom:0}.reading-screen>.step-label+.complete-story{margin-top:17px}.host-panel{margin-top:36px;border-top:1px solid var(--line);padding-top:22px}.host-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.host-heading h2{font-family:inherit;font-size:14px;font-weight:600;color:#7e826b}.host-heading>span{font-size:13px;color:#8e947b}.copy-link{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 0;font-size:14px;color:#7d8563;margin-top:3px}.host-players{padding:0;list-style:none;margin:10px 0 23px}.host-players li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #e5e5d8;font-size:14px;overflow-wrap:anywhere}.host-players li>span:last-child{font-size:12px;color:#93977b;flex-shrink:0}.host-panel .quiet-note{font-size:13px}.host-panel>summary,.host-stories>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;cursor:pointer;font-size:14px;color:#81876c;list-style:none}.host-panel>summary::-webkit-details-marker,.host-stories>summary::-webkit-details-marker{display:none}.host-panel[open]>summary>svg,.host-stories[open]>summary>svg{transform:rotate(180deg)}details.host-panel{padding-top:11px}.host-stories{margin-top:19px}.host-stories .complete-story{padding:18px 15px;margin-top:12px}.host-stories .story-part p{font-size:16px}.select-story{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 0 0;min-height:48px;text-align:left;font-size:14px}.reading-controls>.primary-button{margin-top:0}.reading-buttons{display:flex;align-items:stretch;gap:12px}.reading-buttons .primary-button{margin-top:0;flex:1}.previous-button{display:grid;place-items:center;border:1px solid #cdd1b9;border-radius:10px;min-width:58px;min-height:60px}.change-name{display:block;min-height:48px;padding:12px 15px;margin:18px auto 0;color:#8d917a;text-decoration:underline;text-underline-offset:4px;font-size:14px}.reset-confirm>p{font-size:15px;margin-bottom:16px;color:#858a70}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@media(min-width:700px){.phone-app{padding-top:22px}.entry-screen{padding-top:67px}.entry-screen h1{font-size:66px}.birthday-header{font-size:16px}.writing-screen{padding-top:35px}.writing-screen h1{font-size:34px}textarea{min-height:230px}.waiting-screen{padding-top:45px}}@media(max-width:360px){.phone-app{padding-left:18px;padding-right:18px}.birthday-header{font-size:13px;gap:8px}.your-name{font-size:11px;gap:5px}.entry-screen{padding-top:42px}.entry-screen h1{font-size:53px}.entry-screen form{margin-top:28px}.writing-screen h1{font-size:28px}.waiting-screen h1,.reading-screen h1{font-size:33px}.step-label{font-size:12px;gap:8px}.complete-story{padding:20px 15px}.complete-story .story-part p{font-size:18px}.story-part{gap:10px}.primary-button,.secondary-button{min-height:58px}.reading-call{font-size:16px}}@media(max-height:700px){.entry-screen{padding-top:32px}.entry-screen h1{font-size:50px}.entry-screen form{margin-top:25px}.birthday-header{padding-top:19px;padding-bottom:18px}.waiting-dots{margin-top:33px}textarea{min-height:170px}.writing-screen h1{margin-bottom:22px}.writing-screen{padding-top:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.test-note{font-size:13px;line-height:1.6;color:#747c58;background:#ecefdc;border:1px solid #daddbf;border-radius:8px;padding:11px 13px;margin:18px 0 0}.test-choice{margin-top:25px}.test-choice .quiet-note{font-size:13px}.waiting-screen .test-choice+.quiet-note{margin-top:23px}.test-mode-toggle{display:flex;align-items:center;gap:12px;min-height:58px;margin-top:14px;cursor:pointer;padding:6px 0}.test-mode-toggle input{-moz-appearance:auto;appearance:auto;-webkit-appearance:checkbox;accent-color:var(--orange);width:24px;height:24px;min-height:0;padding:0;margin:0;flex-shrink:0}.test-mode-toggle strong{display:block;font-size:16px;font-weight:500}.test-mode-toggle small{display:block;margin-top:3px;font-size:13px;line-height:1.5;color:var(--muted)}.new-game-control{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.new-game-control .reset-confirm>p{line-height:1.65}.live-progress{min-height:48px;padding:14px 0;cursor:pointer;font-size:14px;color:#81876c}