:root{--paper:#efe9dc;--ink:#20232b;--red:#d7513f;--muted:#74726c;--line:#c8c0b0;--yellow:#f3bd4e;--serif:"Noto Serif SC",serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--serif)}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E");mix-blend-mode:multiply}.nav,main{width:min(1080px,calc(100% - 48px));margin:auto}.nav{height:73px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--ink);font:11px var(--mono);letter-spacing:.06em}.wordmark{font-weight:500;color:var(--ink);text-decoration:none}.wordmark span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;background:var(--ink);color:var(--paper);font-size:9px}.nav p{margin:0;color:var(--muted);font-size:10px}.archive-button{justify-self:end;padding:6px 0;border:0;background:none;font:11px var(--mono);letter-spacing:.04em}.archive-button span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:6px;border:1px solid var(--ink);border-radius:50%;font-size:10px}.masthead{padding:86px 0 70px;text-align:center}.kicker{margin:0 0 11px;color:var(--red);font:10px var(--mono);letter-spacing:.11em}.masthead h1{margin:0;font-size:clamp(54px,9vw,104px);font-weight:700;line-height:1.05;letter-spacing:0}.masthead h1 i{font-family:"Ma Shan Zheng",cursive;font-size:1.18em;color:var(--red);font-style:normal;font-weight:400}.deck{margin:28px 0 0;color:var(--muted);font-size:16px;line-height:1.9}.composer{padding:34px;border-top:5px solid var(--ink);background:#f9f5ed;box-shadow:10px 11px 0 #d7cfbe}.section-heading{display:flex;justify-content:space-between;align-items:baseline}.section-heading h2{margin:0;font-size:26px;font-weight:600}.source-wrap{position:relative;display:flex;margin-top:25px;padding:17px 17px 14px 48px;border:1px solid var(--line);background:#fffdf8}.line-number{position:absolute;top:19px;left:16px;color:#99958d;font:11px var(--mono)}textarea{width:100%;min-height:113px;padding:0;border:0;outline:0;resize:vertical;background:transparent;color:var(--ink);font:20px/1.65 var(--serif)}textarea::placeholder{color:#a8a299}.limit{position:absolute;right:14px;bottom:11px;color:#9a958c;font:10px var(--mono)}.toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.style-picker{display:flex;gap:3px}.style{padding:8px 10px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px}.style.active{border-color:var(--ink);color:var(--ink);background:#fffdf8}.compile{padding:12px 17px;border:0;background:var(--ink);color:#fffdf8;font:12px var(--mono);letter-spacing:.06em;transition:.2s}.compile:hover{background:var(--red);transform:translateY(-2px)}.compile b{margin-right:8px;color:var(--yellow);font-size:15px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;color:var(--muted);font:11px var(--mono)}.suggestions button{padding:0;border:0;border-bottom:1px solid #aaa399;background:none;color:var(--muted);font:11px var(--mono)}.suggestions button:hover{color:var(--red);border-color:var(--red)}.output{padding:54px 0 0}.output.hidden{display:none}.compile-status{margin-bottom:16px;color:var(--red);font:11px var(--mono);letter-spacing:.06em}.compile-status span{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--red);border-radius:50%;animation:blink 1s infinite}.poem-sheet{position:relative;max-width:750px;min-height:520px;margin:auto;padding:29px 43px 29px;background:#fffdf8;border:1px solid #bdb5a7;box-shadow:12px 13px 0 #d6cebf}.poem-sheet::after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:25px solid var(--paper);border-left:25px solid transparent}.sheet-top{display:flex;justify-content:space-between;color:#868077;font:10px var(--mono);letter-spacing:.07em}.poem-kind{margin:57px 0 8px;color:var(--red);font:13px var(--mono);letter-spacing:.12em}.poem-sheet h2{margin:0;border-bottom:1px solid var(--ink);padding-bottom:18px;font-size:43px;font-weight:600}.poem-lines{min-height:186px;padding:27px 0;font-size:20px;line-height:2.05}.poem-lines p{margin:0}.poem-lines p:nth-child(3){padding-left:2em}.poem-lines p:nth-child(4){padding-left:4em}.sheet-bottom{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px}.sheet-bottom p{max-width:60%;margin:0;color:#777269;font-size:12px;line-height:1.7}.stamp{width:85px;height:85px;padding-top:14px;border:2px solid var(--red);border-radius:50%;color:var(--red);text-align:center;transform:rotate(-12deg);font:10px/1.25 var(--mono);letter-spacing:.04em}.stamp b{font-size:9px}.output-actions{display:flex;justify-content:center;gap:9px;margin:25px 0}.output-actions button{padding:10px 14px;font:12px var(--mono);letter-spacing:.04em}.save{border:1px solid var(--ink);background:var(--ink);color:#fffdf8}.ghost{border:1px solid var(--ink);background:transparent;color:var(--ink)}.output-actions button:hover{background:var(--red);border-color:var(--red);color:#fffdf8}.manifesto{padding:105px 0 60px;text-align:center}.manifesto p{margin:0;font-size:clamp(25px,4vw,42px);line-height:1.55}.manifesto span{display:block;margin-top:22px;color:var(--muted);font:9px var(--mono);letter-spacing:.09em}.archive{position:fixed;z-index:20;top:0;right:0;width:min(410px,100%);height:100dvh;padding:26px;background:#252832;color:#f9f5ed;transform:translateX(104%);transition:transform .3s;overflow:auto}.archive.open{transform:translateX(0)}.archive-head{display:flex;justify-content:space-between;border-bottom:1px solid #656875;padding-bottom:22px}.archive h2{margin:0;font-size:28px}.archive .kicker{color:var(--yellow)}.archive-head button{width:35px;height:35px;border:1px solid #777a86;background:transparent;color:#f9f5ed;font-size:25px;font-weight:200}.draft-list{display:grid;margin-top:15px}.draft{display:flex;align-items:center;gap:12px;padding:14px 2px;border:0;border-bottom:1px solid #4c505d;background:transparent;color:#f9f5ed;text-align:left}.draft:hover{background:#333743}.draft span{width:13px;height:13px;background:var(--red);transform:rotate(45deg)}.draft b{display:block;font-size:16px;font-weight:500}.draft small{display:block;margin-top:5px;color:#b4b6bd;font:10px var(--mono)}.empty-drafts{padding-top:70px;color:#a4a7b0;text-align:center;font-size:14px;line-height:2}.scrim{position:fixed;z-index:15;inset:0;background:rgba(19,20,26,.6);opacity:0;pointer-events:none;transition:.3s}.scrim.show{opacity:1;pointer-events:auto}.toast{position:fixed;z-index:30;left:50%;bottom:25px;padding:10px 14px;background:var(--ink);color:#fffdf8;font:11px var(--mono);transform:translate(-50%,150%);opacity:0;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}@keyframes blink{50%{opacity:.2}}@media(max-width:640px){.nav,main{width:min(100% - 32px,600px)}.nav{grid-template-columns:1fr auto}.nav p{display:none}.masthead{padding:64px 0 50px}.masthead h1{font-size:57px}.deck{font-size:14px}.composer{padding:23px 17px}.section-heading{display:block}.section-heading h2{font-size:23px}.toolbar{display:block}.style-picker{margin-bottom:15px}.style{flex:1}.compile{width:100%}.poem-sheet{min-height:470px;padding:22px}.poem-kind{margin-top:40px}.poem-sheet h2{font-size:32px}.poem-lines{font-size:17px}.sheet-bottom p{font-size:10px}.manifesto{padding-top:75px}.suggestions{line-height:1.8}.output-actions{flex-wrap:wrap}.output-actions button{flex:1}.archive{padding:20px}}