.writing .page{max-width:60rem;margin:0 auto;padding:3.5rem 2.5rem 5rem}.writing .phead{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.writing .phead h1{font-family:var(--prose);font-weight:300;font-size:2.8rem;letter-spacing:-.025em;color:var(--fg-0);margin:0}.writing .phead .kick{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:.7rem}.writing .phead .count{font-family:var(--mono);font-size:.72rem;color:var(--fg-3);white-space:nowrap;padding-bottom:.4rem}.writing .search{position:relative;margin-bottom:.5rem}.writing .search svg{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--fg-3);pointer-events:none}.writing .search input{width:100%;font-family:var(--ui);font-size:1.05rem;color:var(--fg-0);background:var(--bg-2);border:.5px solid var(--line);border-radius:8px;padding:.95rem 3rem;outline:none;transition:border-color .18s ease,background .18s ease}.writing .search input::placeholder{color:var(--fg-3)}.writing .search input:focus{border-color:var(--accent-edge);background:var(--bg);box-shadow:0 0 0 3px var(--accent-faint)}.writing .search .clr{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;border:0;background:transparent;color:var(--fg-3);cursor:pointer;font-size:16px;border-radius:50%}.writing .search .clr:hover{color:var(--fg-0);background:var(--bg-3)}.writing .controls{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;margin:1rem 0 1.7rem;padding-left:.2rem}.writing .hint{font-family:var(--mono);font-size:.68rem;color:var(--fg-3);margin:0}.writing .hint b{color:var(--accent-text);font-weight:500}.writing .sort{display:flex;align-items:center;gap:.6rem}.writing .sort .lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.writing .seg{display:inline-flex;border:.5px solid var(--line);border-radius:6px;overflow:hidden}.writing .seg button{font-family:var(--ui);font-size:.82rem;color:var(--fg-2);background:transparent;border:0;border-right:.5px solid var(--line);padding:.42rem .85rem;cursor:pointer}.writing .seg button:last-child{border-right:0}.writing .seg button:hover{color:var(--fg-0);background:var(--bg-2)}.writing .seg button.on{color:var(--accent-text);background:var(--accent-faint)}.writing .dir{display:inline-flex;align-items:center;gap:.4rem;height:31px;padding:0 .7rem;border:.5px solid var(--line);border-radius:6px;background:transparent;color:var(--fg-2);cursor:pointer;font-family:var(--mono);font-size:.7rem}.writing .dir:hover{color:var(--fg-0);border-color:var(--line-strong)}.writing .dir .arw{font-size:.85rem}.writing .tagbar{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin:-.8rem 0 1.7rem;padding-left:.2rem}.writing .tagbar .lbl{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-right:.2rem}.writing .tgroup{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}.writing .tchip.child{font-size:.6rem;opacity:.8;padding:.18rem .6rem}.writing .tchip{font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;color:var(--fg-2);background:transparent;border:.5px solid var(--line);border-radius:999px;padding:.24rem .7rem;cursor:pointer}.writing .tchip:hover{color:var(--fg-0);border-color:var(--line-strong)}.writing .tchip.on{color:var(--accent-text);background:var(--accent-faint);border-color:var(--accent-edge)}.writing .tip{font-family:var(--mono);font-size:.66rem;letter-spacing:.03em;color:var(--fg-3);margin:0 0 1.7rem;padding-left:.2rem}.writing .tip .glyph{color:var(--accent-text);margin-right:.35rem}.writing .list{border-top:.5px solid var(--line-strong)}.writing .row{display:grid;grid-template-columns:1.4rem 1fr auto;gap:1.5rem;align-items:baseline;padding:1.25rem .2rem;border-bottom:.5px solid var(--line);transition:opacity .18s ease}.writing .row>div{min-width:0}.writing .row:hover{background:var(--bg-2)}.writing .row:hover .rt{color:var(--accent-text)}.writing .row .rt{font-family:var(--prose);font-size:1.3rem;line-height:1.25;color:var(--fg-0)}.writing .row .rs{font-family:var(--ui);font-size:.9rem;line-height:1.5;color:var(--fg-2);margin-top:.3rem;max-width:44rem}.writing .row .rd{font-family:var(--mono);font-size:.7rem;color:var(--fg-3);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.writing .row .rd .rmin{display:block;color:var(--fg-3);margin-top:.25rem;opacity:.7}.writing .row .dot{width:9px;height:9px;border-radius:50%;background:var(--line-strong);align-self:center;transition:background .18s ease,box-shadow .18s ease}.writing .list.dim .row:not(.lit){opacity:.26}.writing .list.dim .row:not(.lit):hover{background:transparent}.writing .row.lit .dot{background:var(--accent);box-shadow:0 0 9px 1px var(--glow)}.writing .row.lit .rt{color:var(--accent-text)}.writing .empty{padding:3.5rem .2rem;font-family:var(--prose);font-size:1.15rem;font-style:italic;color:var(--fg-3)}.writing .empty b{font-style:normal;color:var(--fg-1)}.writing .cards{column-count:2;column-gap:1.4rem}@media(max-width:640px){.writing .cards{column-count:1}}.writing .card{display:flex;flex-direction:column;break-inside:avoid;margin-bottom:1.4rem;width:100%;border:.5px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg);transition:opacity .18s ease,border-color .18s ease,box-shadow .18s ease}.writing .card:hover{border-color:var(--line-strong)}.writing .card .cimg{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--bg-2),var(--bg-3));display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);border-bottom:.5px solid var(--line);overflow:hidden}.writing .card .cimg img{display:block;width:100%;height:100%;object-fit:cover}.writing .card .cbody{display:flex;flex-direction:column;gap:.5rem;flex:1;padding:1.15rem 1.3rem 1.25rem}.writing .card .ct{font-family:var(--prose);font-size:1.28rem;line-height:1.22;color:var(--fg-0);letter-spacing:-.01em}.writing .card .cs{font-family:var(--ui);font-size:.86rem;line-height:1.5;color:var(--fg-2);flex:1}.writing .card .cmeta{display:flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.66rem;color:var(--fg-3);margin-top:.4rem}.writing .card .cmeta .dot{width:8px;height:8px;border-radius:50%;background:var(--line-strong);flex:0 0 auto;transition:background .18s ease,box-shadow .18s ease}.writing .cards.dim .card:not(.lit){opacity:.26}.writing .card.lit{border-color:var(--accent-edge);box-shadow:0 0 0 1px var(--accent-edge)}.writing .card.lit .ct{color:var(--accent-text)}.writing .card.lit .cmeta .dot{background:var(--accent);box-shadow:0 0 8px 1px var(--glow)}@media(max-width:720px){.writing .page{padding:2.4rem 1.4rem 3rem}.writing .cards{column-count:1}.writing .sort{flex-wrap:wrap;row-gap:.6rem}}