:root{--ink: #1b1a1e;--ink2: #24232a;--ink3: #2f2d35;--line: #3a3842;--paper: #f3efe7;--text: #ece7de;--muted: #a29a8e;--gold: #d7a74e;--gold2: #e6bb68;--danger: #e0695c;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}a{color:var(--gold2)}button,select,input,textarea{font:inherit;color:inherit}button,select{border:1px solid var(--line);background:var(--ink3);border-radius:8px;padding:7px 12px;cursor:pointer}button:disabled{opacity:.5;cursor:default}input,textarea{width:100%;border:1px solid var(--line);background:var(--ink);border-radius:8px;padding:8px 10px}.tp-primary{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:600}.tp-primary:hover:not(:disabled){background:var(--gold2)}.tp-danger{color:var(--danger)}.tp-link{border:0;background:transparent;color:var(--gold2);padding:0 4px}.tp-muted{color:var(--muted)}.small{font-size:13px}.tp-grow{flex:1}.tp-center{text-align:center;margin:60px 0}.tp-app{max-width:1180px;margin:0 auto;padding:0 16px 40px}.tp-header{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.tp-brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font-family:Georgia,serif;font-size:18px}.tp-user{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis}.tp-hero{padding:34px 0 18px;max-width:760px}.tp-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(26px,4vw,38px);margin:0 0 10px;color:var(--gold2)}.tp-hero p{margin:0 0 8px}.tp-filters select{padding:7px 8px}.tp-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 20px}.tp-tabs{display:inline-flex;margin-right:8px}.tp-tabs button{border-radius:0;margin-left:-1px}.tp-tabs button:first-child{border-radius:8px 0 0 8px}.tp-tabs button:last-child{border-radius:0 8px 8px 0}.tp-tabs button.on{background:var(--gold);border-color:var(--gold);color:var(--ink)}.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.tp-card{background:var(--ink2);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}.tp-card:hover{transform:translateY(-2px);border-color:var(--gold)}.tp-card .tp-preview{display:block;width:100%;height:auto;padding:14px;background:#2a2830}.tp-card-body{padding:10px 14px 12px}.tp-card-body h3{margin:0;font-size:15px;font-weight:600}.tp-card-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;color:var(--muted)}.tp-badge{padding:0 6px;border-radius:5px;background:#d7a74e2e;color:var(--gold2)}.tp-badge.ok{background:#5ab46e2e;color:#8fd19e}.tp-page{fill:var(--paper)}.tp-frame{fill:#c9c2b5;stroke:#fff;stroke-width:.6}.tp-box{fill:#c9c2b573;stroke:#8f8778;stroke-width:.6;stroke-dasharray:2 1.5}.tp-text{fill:#8f8778}.tp-art{fill:#be965a38}.tp-spine{stroke:#0000002e;stroke-width:.5}.tp-modal-back{position:fixed;inset:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto;z-index:20}.tp-modal{position:relative;width:100%;max-width:820px;background:var(--ink2);border:1px solid var(--line);border-radius:14px;padding:22px}.tp-modal h2{margin:14px 0 4px;font-family:Georgia,serif;font-weight:400}.tp-close{position:absolute;top:10px;right:10px;border:0;background:transparent;font-size:18px}.tp-detail .tp-preview.big{display:block;width:100%;height:auto;border-radius:6px}.tp-meta{color:var(--muted);font-size:14px}.tp-status{margin-top:8px;color:var(--gold2)}.tp-edit{display:flex;flex-direction:column;gap:10px;margin-top:14px}.tp-edit label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.tp-modal h2 .tp-link{margin-left:10px;font-family:Segoe UI,system-ui,sans-serif;vertical-align:middle}.tp-desc{white-space:pre-wrap}.tp-actions,.tp-team{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 6px}.tp-team{padding-top:12px;border-top:1px dashed var(--line)}.tp-liked{color:#ff7a9a}.tp-comments{margin-top:18px;border-top:1px solid var(--line);padding-top:8px}.tp-comments h3{font-size:16px}.tp-comment{padding:8px 0;border-bottom:1px solid var(--line)}.tp-comment p{margin:4px 0 0;white-space:pre-wrap}.tp-comment-form{display:flex;gap:8px;align-items:flex-end;margin-top:10px}.tp-signin{max-width:400px;display:flex;flex-direction:column;gap:10px;margin-top:8vh}.tp-or{text-align:center;color:var(--muted);font-size:13px}.tp-error{color:var(--danger)}.tp-footer{margin-top:40px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center}@media(max-width:560px){.tp-user{display:none}.tp-modal{padding:16px}.tp-comment-form{flex-direction:column;align-items:stretch}}