:root{--desk: #b7a583;--desk-deep: #a08c67;--paper: #fdfaf1;--paper-shade: #f1ead9;--paper-fold: #e7ddc6;--line: #cfd8e6;--margin-line: #e5a3a3;--ink: #2b2622;--ink-soft: #857a6c;--accent: #b3542e;--accent-soft: #f3ddd2;--pen-1: #2c4a7c;--pen-2: #5a3d78;--pen-3: #2f6146;--pen-4: #7c3a33;--pen-5: #1f6a6a;--pen-6: #8a5a1f;--pen-7: #843a63;--pen-8: #4b5320;font-size:17px}@media(prefers-color-scheme:dark){:root{--desk: #453b2d;--desk-deep: #362e22}}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:radial-gradient(ellipse 120% 90% at 50% -10%,var(--desk),var(--desk-deep)) fixed;color:var(--ink);font-family:Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;line-height:1.5}.hand{font-family:Caveat,Comic Sans MS,cursive}.page{max-width:36rem;margin:0 auto;padding:.6rem 1rem 4rem}.topbar{display:flex;align-items:baseline;justify-content:space-between;padding:.7rem .2rem 1rem}.topbar .brand{font-family:Caveat,cursive;font-weight:700;font-size:2rem;line-height:1;text-decoration:none;color:var(--paper);text-shadow:0 1px 2px rgba(40,30,10,.4);transform:rotate(-2deg);display:inline-block}.topbar nav a{color:#fffcf0d9;text-decoration:none;margin-left:1.1rem;font-size:.95rem;border-bottom:1px dotted rgba(255,252,240,.5);padding-bottom:1px}.topbar nav a:hover{color:#fff;border-bottom-style:solid}.lobby-stats{display:inline-flex;gap:.9rem;margin:0 .6rem;font-size:.85rem;color:#fffcf0d9;text-shadow:0 1px 2px rgba(40,30,10,.3);white-space:nowrap}.lobby-stats b{font-family:system-ui,sans-serif;font-weight:600;font-variant-numeric:tabular-nums}h1{font-family:Caveat,cursive;font-weight:700;font-size:2.1rem;line-height:1.1;margin:.6rem 0 .8rem;color:var(--paper);text-shadow:0 1px 3px rgba(40,30,10,.45)}.muted{color:var(--ink-soft)}.on-desk{color:#fffcf0d9;text-shadow:0 1px 2px rgba(40,30,10,.3)}.error{background:var(--paper);color:var(--accent);border-left:3px solid var(--accent);border-radius:3px;padding:.5rem .8rem;margin:.8rem 0;box-shadow:0 2px 6px #281e0a40}.sheet{position:relative;background:linear-gradient(105deg,rgba(255,255,255,.45),transparent 40%),var(--paper);border-radius:3px;box-shadow:0 1px 1px #32260f33,0 4px 10px #32260f38,0 16px 36px #32260f47;padding:1.5rem 1.4rem 1.7rem;perspective:1000px}.sheet.ruled{padding-left:2.6rem}.sheet.ruled:before{content:"";position:absolute;top:0;bottom:0;left:1.9rem;width:1px;background:var(--margin-line);pointer-events:none}.sheet a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}.arrow:after{content:"";display:inline-block;width:.8em;height:.8em;margin-left:.3em;vertical-align:-.06em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 8h12M8.5 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 8h12M8.5 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;transition:transform .15s ease}.arrow:hover:after{transform:translate(2px)}.arrow-back:before{content:"";display:inline-block;width:.8em;height:.8em;margin-right:.3em;vertical-align:-.06em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 8h12M8.5 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 8h12M8.5 3l5 5-5 5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;transform:scaleX(-1);transition:transform .15s ease}.arrow-back:hover:not(:disabled):before{transform:scaleX(-1) translate(2px)}.empty-note{font-family:Caveat,cursive;font-weight:600;font-size:1.9rem;line-height:1.25;color:var(--pen-1);text-align:center;margin:.5rem 0 .8rem}.tilt-l{transform:rotate(-.5deg)}.tilt-r{transform:rotate(.4deg)}.strip{position:relative;padding:.5rem .2rem;transform-origin:top center;backface-visibility:hidden}.strip.folded{height:2rem;margin:.45rem 0;border-radius:2px;background:linear-gradient(180deg,#efe7d3 0%,var(--paper-fold) 30%,#ddd2b8 85%,#cec2a4 100%);box-shadow:inset 0 1px #ffffffb3,0 2px 3px #32260f2e;-webkit-user-select:none;user-select:none}.strip.folded:after{content:"";position:absolute;left:2%;right:2%;bottom:-4px;height:4px;background:#32260f1f;filter:blur(2px);border-radius:50%}.strip.folded:nth-child(odd){transform:rotate(.35deg)}.strip.folded:nth-child(2n){transform:rotate(-.3deg)}.written{font-family:Caveat,cursive;font-weight:600;font-size:1.5rem;line-height:1.35;margin:0}.pen-0{color:var(--pen-1)}.pen-1{color:var(--pen-2)}.pen-2{color:var(--pen-3)}.pen-3{color:var(--pen-4)}.pen-4{color:var(--pen-5)}.pen-5{color:var(--pen-6)}.pen-6{color:var(--pen-7)}.pen-7{color:var(--pen-8)}.yours-mark{font-family:Georgia,serif;font-size:.7rem;color:var(--ink-soft);border:1px solid var(--line);border-radius:8px;padding:0 .45rem;vertical-align:middle;white-space:nowrap}@keyframes fold-away{0%{transform:rotateX(0);opacity:1}55%{opacity:.95}to{transform:rotateX(-96deg);opacity:0}}.strip.folding{animation:fold-away .9s cubic-bezier(.55,0,.75,.35) forwards}@keyframes unfold{0%{transform:rotateX(-96deg);opacity:0}55%{opacity:1}to{transform:rotateX(0);opacity:1}}.strip.unfolding{transform:rotateX(-96deg);opacity:0;animation:unfold .65s cubic-bezier(.2,.7,.3,1.04) forwards}.last-word{font-size:1.05rem;margin:.6rem 0 .3rem;color:var(--ink-soft)}.last-word .word{font-family:Caveat,cursive;font-weight:700;font-size:1.9rem;line-height:1;color:var(--ink);border-bottom:2px solid var(--accent);padding:0 .15rem}textarea{width:100%;min-height:5.6rem;font-family:Caveat,cursive;font-weight:600;font-size:1.5rem;color:var(--pen-1);background:transparent;border:none;outline:none;resize:vertical;line-height:1.9rem;padding:0;background-image:repeating-linear-gradient(180deg,transparent,transparent calc(1.9rem - 1px),var(--line) calc(1.9rem - 1px),var(--line) 1.9rem)}textarea::placeholder{color:#b4aa99;font-weight:500}.compose-meta{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.7rem;font-size:.85rem}.word-count.bad{color:var(--accent)}.timer-bar{position:absolute;left:0;bottom:0;height:4px;border-radius:0 2px 2px 3px;background:linear-gradient(90deg,#c9b98d,#b3a276);transition:width 1s linear,background .4s ease}.timer-bar.low{background:linear-gradient(90deg,#d97a4a,var(--accent))}.timer{font-variant-numeric:tabular-nums;color:var(--ink-soft);white-space:nowrap}.timer.low{color:var(--accent);font-weight:700;animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}button{font:inherit;cursor:pointer;border:1px solid #c9bda6;background:var(--paper);color:var(--ink);border-radius:6px;padding:.5rem 1.1rem;box-shadow:0 1px #fffc inset,0 2px 4px #32260f26;transition:transform .08s ease,box-shadow .12s ease,background .15s ease}button:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 1px #fffc inset,0 3px 7px #32260f33}button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #32260f33}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 2px 5px #32260f59}button.primary:hover:not(:disabled){background:#443c34}button.primary.big{font-size:1.1rem;padding:.7rem 1.6rem}button.ghost{border:none;background:none;box-shadow:none;color:var(--accent);padding:.3rem .5rem;text-decoration:underline dotted}button.ghost:hover:not(:disabled){background:none;color:#8a3f20;transform:none;box-shadow:none}.slots{display:flex;gap:.7rem;justify-content:center;margin:1.1rem 0 .9rem}.slot{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;border:2px dashed #cfc4ab;color:#cfc4ab;background:var(--paper-shade);transition:all .3s ease}.slot.filled{border:2px solid var(--pen-1);color:var(--pen-1);background:#eef2f9;animation:sit-down .45s cubic-bezier(.2,.9,.3,1.3)}@keyframes sit-down{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.countdown{text-align:center;color:var(--ink-soft);font-size:.95rem}.countdown b{font-variant-numeric:tabular-nums;color:var(--ink)}.progress{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--ink-soft);margin-bottom:.4rem}.story .strip{border-bottom:1px dashed #e3dac4}.story .strip:last-of-type{border-bottom:none}.story-actions{display:flex;gap:.6rem;margin-top:1rem;align-items:center;flex-wrap:wrap}.story-actions a{margin-left:auto;color:var(--ink-soft)}button.vote{font-variant-numeric:tabular-nums}button.vote .heart{display:inline-block;color:var(--accent);transition:transform .15s ease}button.vote.voted{background:var(--accent-soft);border-color:var(--accent);opacity:1}button.vote.voted .heart{animation:heart-pop .45s cubic-bezier(.2,.9,.3,1.4)}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.6)}to{transform:scale(1)}}.report-btn{border:none;background:none;box-shadow:none;padding:0 .3rem;color:#c5bba9;font-size:.8rem;font-family:Georgia,serif}.report-btn:hover:not(:disabled){color:var(--accent);background:none;transform:none;box-shadow:none}.report-btn:disabled{opacity:1;color:var(--ink-soft)}.card{margin-bottom:1.6rem}.ribbon{position:absolute;top:-.7rem;right:1rem;background:var(--accent);color:#fff;font-size:.75rem;letter-spacing:.06em;padding:.25rem .7rem;border-radius:3px;box-shadow:0 2px 5px #32260f4d;transform:rotate(1.5deg)}.story-meta{font-size:.8rem;color:var(--ink-soft)}.hero{text-align:center;padding:1.4rem 0 1rem}.hero h1{font-size:3rem;margin:0}.hero .tagline{max-width:26rem;margin:.5rem auto 0}.how{display:flex;gap:.8rem;margin-top:.4rem}.intro-hint{font-size:.9rem;margin:1.1rem 0 .9rem}.how .step{flex:1;background:var(--paper-shade);border-radius:4px;padding:.7rem .7rem .8rem;font-size:.82rem;color:var(--ink-soft);text-align:center;box-shadow:inset 0 1px 2px #32260f14}.how .step .n{display:block;font-family:Caveat,cursive;font-weight:700;font-size:1.6rem;color:var(--ink);line-height:1.2}.lang-label{margin:1.2rem 0 .6rem}.lang-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.6rem;max-width:34rem;margin:0 auto 1rem}.lang-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:999px;background:var(--paper-shade)}.lang-pill .flag{font-size:1.15em;line-height:1}.lang-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 2px 5px #32260f59}.lang-pill.active:hover:not(:disabled){background:#443c34;transform:none}.center{text-align:center}.dots:after{content:"";display:inline-block;width:1.2em;text-align:left;animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media(max-width:480px){:root{font-size:16px}.how{flex-direction:column}.lobby-stats .label{display:none}.sheet.ruled{padding-left:2.2rem}.sheet.ruled:before{left:1.6rem}}@media(prefers-reduced-motion:reduce){.strip.folding,.strip.unfolding,.slot.filled,button.vote.voted .heart{animation-duration:.01s}}