.cto{--accent: #c9a24a;--accent-hi: #e7c372;position:absolute;inset:0;display:flex;font-family:var(--mono);color:var(--text);background:radial-gradient(140% 100% at 50% -10%,rgba(201,162,74,.06),transparent 55%),var(--ink);overflow:hidden}.cto-grain{position:absolute;inset:0;pointer-events:none;z-index:6;background:radial-gradient(120% 90% at 50% 40%,transparent 58%,rgba(0,0,0,.35) 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 2px);mix-blend-mode:screen;opacity:.6}.cto-page{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:40px 32px 56px;scroll-behavior:smooth}.cto-page::-webkit-scrollbar{width:8px}.cto-page::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.cto-sheet{width:100%;max-width:56ch;margin:auto 0}.cto-eyebrow{font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);text-align:center;margin-bottom:6px}.cto-eyebrow b{color:var(--accent);font-weight:400}.cto-title{font-family:var(--serif);font-weight:500;font-style:italic;font-size:clamp(26px,4.4vw,38px);line-height:1.08;text-align:center;color:var(--text);margin-bottom:4px}.cto-byline{text-align:center;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:26px}.cto-poem{font-family:var(--serif);font-weight:400;font-size:clamp(17px,2.5vw,21px);line-height:2.05;color:var(--text);text-wrap:balance}.cto-line{display:block;position:relative;cursor:pointer;color:color-mix(in srgb,var(--text) 88%,transparent);transition:color .25s ease,text-shadow .25s ease}.cto-line:after{content:"— from " "“" attr(data-title) "”" " · " attr(data-author);display:block;font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.08em;line-height:1.4;color:var(--accent);opacity:0;max-height:0;overflow:hidden;transform:translateY(-3px);transition:opacity .28s ease,max-height .28s ease,transform .28s ease;pointer-events:none}.cto-line:hover,.cto-line:focus-visible,.cto-line.lit{color:var(--accent-hi);text-shadow:0 0 22px rgba(231,195,114,.28);outline:none}.cto-line:hover:after,.cto-line:focus-visible:after,.cto-line.lit:after{opacity:.85;max-height:3em;transform:translateY(0)}.cto-poem:hover .cto-line:not(:hover){color:color-mix(in srgb,var(--text) 42%,transparent)}.cto-fadein{animation:cto-rise .7s ease both}@keyframes cto-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cto-msg{margin:auto;text-align:center;font-size:12px;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.cto-msg.err{color:#ff8c82;max-width:52ch}.cto-msg .cto-err-detail{display:block;margin-top:8px;font-size:10px;letter-spacing:.04em;text-transform:none;color:var(--text-faint)}.cto-quill{display:inline-block;font-family:var(--serif);font-style:italic;font-size:28px;color:var(--accent);margin-bottom:12px;animation:cto-dip 1.6s ease-in-out infinite}@keyframes cto-dip{50%{opacity:.4;transform:translateY(3px) rotate(-4deg)}}.cto-retry{margin-top:16px;padding:9px 16px;border:1px solid var(--line-2);background:transparent;color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .15s}.cto-retry:hover{border-color:var(--accent);color:var(--accent-hi)}.cto-rail{flex:0 0 clamp(190px,26%,248px);border-left:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(180deg,rgba(255,255,255,.013),transparent)}.cto-mark{display:flex;align-items:baseline;gap:8px}.cto-mark-glyph{font-family:var(--serif);font-size:22px;color:var(--accent);line-height:1}.cto-mark-name{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--text)}.cto-def{font-family:var(--sans);font-weight:300;font-size:11px;line-height:1.55;color:var(--text-faint);padding-bottom:14px;border-bottom:1px solid var(--line)}.cto-def em{color:var(--text-dim);font-style:italic}.cto-compose{padding:12px;border:1px solid var(--accent);background:#c9a24a14;color:var(--accent-hi);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .15s}.cto-compose:hover:not(:disabled){background:#c9a24a2e}.cto-compose:disabled{opacity:.45;cursor:wait}.cto-srcs-label{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint)}.cto-srcs{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1;margin:0 -6px}.cto-srcs::-webkit-scrollbar{width:6px}.cto-srcs::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.cto-src{display:block;width:100%;text-align:left;padding:7px 6px;background:transparent;border:none;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s}.cto-src:hover,.cto-src.on{background:#c9a24a14}.cto-src-title{display:block;font-family:var(--sans);font-size:11.5px;line-height:1.3;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cto-src.on .cto-src-title{color:var(--accent-hi)}.cto-src-author{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-top:1px}.cto-src-num{font-family:var(--mono);font-size:9px;color:var(--accent);margin-right:7px}@media(max-width:600px){.cto{flex-direction:column-reverse}.cto-rail{flex:0 0 auto;border-left:none;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px}.cto-def,.cto-srcs-label,.cto-srcs{display:none}.cto-compose{margin-left:auto}.cto-page{padding:26px 18px 36px}.cto-poem{line-height:1.9}.cto-poem:hover .cto-line:not(:hover){color:color-mix(in srgb,var(--text) 88%,transparent)}}