:root{color-scheme:dark;--bg:#0a0a0b;--panel:#151518;--line:#303036;--text:#f4f4f5;--muted:#a1a1aa;--accent:#e4e4e7;--danger:#ef4444}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#24242b,transparent 35%),var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Microsoft YaHei",sans-serif;min-height:100vh}header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));background:#0b0b0dcc}.brand{font-weight:800;letter-spacing:.14em;color:#fff;text-decoration:none}nav{display:flex;align-items:center;gap:22px}nav a,.link{font:inherit;color:var(--muted);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}nav a:hover,.link:hover{color:#fff}main{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:76px 0}.centered{display:grid;place-items:center;min-height:calc(100vh - 68px)}.login-card,.form-card{width:min(420px,100%);background:linear-gradient(145deg,#1c1c20,#111114);border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 24px 70px #0008}.login-card h1,.hero h1,.section-head h1{font-size:clamp(2.25rem,6vw,4.5rem);line-height:1;margin:.2rem 0}.eyebrow{letter-spacing:.15em;font-size:.72rem;font-weight:700;color:#a1a1aa;margin:0}.muted,.hero p,.section-head p{color:var(--muted)}.stack{display:grid;gap:18px;margin-top:28px}label{display:grid;gap:7px;color:#d4d4d8;font-size:.9rem}input{width:100%;border:1px solid var(--line);border-radius:9px;background:#09090b;color:#fff;padding:11px 12px;font:inherit}button,.button{border:1px solid #f4f4f5;background:#f4f4f5;color:#0b0b0c;border-radius:9px;padding:11px 15px;font:600 .92rem inherit;cursor:pointer;text-decoration:none;text-align:center}button:hover,.button:hover{background:#fff}.secondary{background:#1d1d21;color:#f4f4f5;border-color:#3f3f46}.hero{max-width:650px;margin-bottom:52px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{min-height:210px;padding:22px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(145deg,#1b1b1f,#111114);color:#fff;text-decoration:none;transition:.18s transform,.18s border-color}.card:hover{transform:translateY(-4px);border-color:#71717a}.card span{color:#a1a1aa;font:700 .75rem ui-monospace,monospace}.card h2{margin:54px 0 2px;font-size:1.45rem}.card p{margin:0;color:#a1a1aa;font-size:.9rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:26px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.actions form{display:flex;gap:8px;align-items:center}.file-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.file-row{min-height:58px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px minmax(0,1fr) 110px auto;align-items:center;gap:8px;padding:9px 14px}.file-row:last-child{border-bottom:0}.file-row>a{color:#f4f4f5;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row>a:hover{text-decoration:underline}.file-row small{color:var(--muted)}details{position:relative}summary{color:#a1a1aa;cursor:pointer;font-size:.85rem}.inline{display:flex;gap:5px;margin-top:7px}.inline input{width:150px;padding:5px 7px;font-size:.8rem}.tiny{padding:5px 8px;font-size:.75rem}.danger{background:transparent;color:#fca5a5;border-color:#7f1d1d}.empty{padding:24px;color:var(--muted)}.flash{margin:0 0 20px;padding:12px 14px;border-radius:9px;border:1px solid var(--line)}.flash.success{border-color:#166534;color:#bbf7d0}.flash.error{border-color:#7f1d1d;color:#fecaca}@media(max-width:760px){header{padding:0 18px}nav{gap:12px}main{width:min(100% - 32px,1120px);padding:42px 0}.cards{grid-template-columns:repeat(2,1fr)}.section-head{align-items:flex-start;gap:14px;flex-direction:column}.file-row{grid-template-columns:22px minmax(0,1fr) auto}.file-row small{display:none}.file-row details{grid-column:2/-1}.actions form{width:100%;flex-wrap:wrap}.actions input[type=file]{max-width:100%}}@media(max-width:430px){.cards{grid-template-columns:1fr}.card{min-height:150px}.card h2{margin-top:30px}}
:root .principles{display:grid;grid-template-columns:repeat(3,1fr);margin:-22px 0 28px;border:1px solid var(--line);border-radius:12px;background:#101013;overflow:hidden}.principles div{min-height:92px;padding:15px 18px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;align-items:center;border-right:1px solid var(--line)}.principles div:last-child{border-right:0}.principles span{grid-row:1/-1;color:#71717a;font:700 1.7rem ui-monospace,monospace}.principles b{align-self:end;font:700 .72rem ui-monospace,monospace;letter-spacing:.14em;color:#d4d4d8}.principles em{align-self:start;font-style:normal;color:#71717a;font-size:.82rem}
@media(max-width:520px){.principles{grid-template-columns:1fr;margin-top:-10px}.principles div{min-height:64px;border-right:0;border-bottom:1px solid var(--line)}.principles div:last-child{border-bottom:0}}
:root .principles{margin:-16px 0 24px}.principles div{min-height:70px;padding:9px 14px;grid-template-columns:24px 1fr;grid-template-rows:1fr 1fr;column-gap:8px}.principles span{font-size:1.05rem;color:#5f5f68}.principles b{font-size:1.55rem;letter-spacing:.02em;line-height:.9;color:#f4f4f5}.principles em{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8d8d96}@media(max-width:520px){.principles div{min-height:58px;padding:7px 12px}.principles b{font-size:1.35rem}}
.bookmark-add,.bookmarks{border:1px solid var(--line);border-radius:12px;background:#111114}.bookmark-add{padding:18px;margin-bottom:16px}.bookmark-grid{display:grid;grid-template-columns:1fr 1.6fr auto;gap:12px;align-items:end}.bookmark-grid label{font-size:.78rem}.bookmark-grid .wide{grid-column:1/3}.bookmark-grid button{height:44px}.bookmarks{overflow:hidden}.bookmark{display:flex;justify-content:space-between;gap:20px;padding:18px;border-bottom:1px solid var(--line)}.bookmark:last-child{border-bottom:0}.bookmark-main{min-width:0}.bookmark-main>a{display:block;color:#f4f4f5;font-weight:700;text-decoration:none}.bookmark-main>a:hover{text-decoration:underline}.bookmark-main p,.bookmark-main small{display:block;margin:3px 0 0;color:#8d8d96;overflow-wrap:anywhere}.bookmark-main p{font:.8rem ui-monospace,monospace}.bookmark-main small{font-size:.82rem}.bookmark details{flex:0 0 auto}.bookmark-edit{display:grid;gap:6px;margin-top:8px;width:min(430px,70vw)}.bookmark-edit input{padding:7px 8px;font-size:.8rem}@media(max-width:760px){.bookmark-grid{grid-template-columns:1fr}.bookmark-grid .wide{grid-column:auto}.bookmark-grid button{width:100%}.bookmark{flex-direction:column;gap:10px}.bookmark-edit{width:100%}}
.message-entry{display:block;width:max-content;margin:16px auto 0;color:#8d8d96;font-size:.76rem;text-decoration:none;letter-spacing:.04em}.message-entry:hover{color:#fff}.public-card{width:min(520px,100%);background:linear-gradient(145deg,#1c1c20,#111114);border:1px solid var(--line);border-radius:18px;padding:34px;box-shadow:0 24px 70px #0008}.public-card h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1;margin:.25rem 0}.public-card textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#09090b;color:#fff;padding:11px 12px;font:inherit;resize:vertical;min-height:140px}.setup-note{margin-top:26px;padding:14px;border:1px solid #713f12;border-radius:9px;color:#fde68a;background:#1c1917}.back-link{margin:24px 0 0}.message-admin{margin-top:42px}.message-admin-head{border-bottom:1px solid var(--line);margin-bottom:14px}.message-admin-head h2{margin:.25rem 0 14px}.message-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.received-message{padding:18px;border-bottom:1px solid var(--line)}.received-message:last-child{border-bottom:0}.received-meta{display:flex;justify-content:space-between;gap:16px;color:#d4d4d8}.received-meta time{color:#71717a;font-size:.78rem}.received-message p{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.received-message form{margin-top:12px}.attachment{display:inline-block;color:#d4d4d8;font-size:.85rem;margin-top:2px;overflow-wrap:anywhere}.attachment:hover{color:#fff}@media(max-width:520px){.public-card{padding:24px}.received-meta{flex-direction:column;gap:2px}}