:root{color:#25190f;background:#e7d6aa;font-family:Songti SC,"Noto Serif CJK SC",STSong,SimSun,serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #25190f;--muted: #756443;--paper: #efe4c8;--paper-deep: #dfc88f;--line: rgba(87, 61, 27, .26);--seal: #9d241d;--seal-dark: #6e1815;--button: #3e2a18;--button-text: #fbf2db;--shadow: 0 24px 70px rgba(74, 48, 19, .18)}*{box-sizing:border-box}html{min-height:100%;background:linear-gradient(#58381414,#58381414),url(/assets/paper-texture.png)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 18% 12%,rgba(255,244,201,.55),transparent 34rem),linear-gradient(90deg,rgba(80,45,18,.08),transparent 12%,transparent 88%,rgba(80,45,18,.08)),url(/assets/paper-texture.png)}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.7}img{display:block;max-width:100%}.gate-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.gate-cover{position:relative;width:min(100%,460px);min-height:620px;padding:58px 52px 44px 92px;overflow:hidden;border:1px solid rgba(72,45,18,.32);border-radius:6px;background:linear-gradient(90deg,rgba(78,42,17,.18),transparent 46px),url(/assets/paper-texture.png),var(--paper);box-shadow:var(--shadow)}.cover-stitch{position:absolute;inset:18px auto 18px 36px;width:18px;border-left:2px solid rgba(86,54,27,.42);border-right:1px solid rgba(86,54,27,.22)}.cover-stitch:before,.cover-stitch:after{position:absolute;left:-7px;width:14px;height:42px;border:2px solid rgba(105,55,28,.32);border-radius:999px;content:""}.cover-stitch:before{top:96px}.cover-stitch:after{bottom:96px}.seal-mark{position:absolute;right:52px;bottom:64px;display:grid;width:70px;height:70px;place-items:center;border:3px solid var(--seal);color:var(--seal);font-family:Kaiti SC,STKaiti,serif;font-size:34px;line-height:1;transform:rotate(-8deg)}.gate-kicker,.site-kicker{margin:0;color:var(--seal);font-family:Kaiti SC,STKaiti,serif;font-size:20px;letter-spacing:0}.gate-cover h1{width:1.2em;margin:18px 0 28px;font-family:Kaiti SC,STKaiti,serif;font-size:80px;font-weight:500;line-height:1.08;writing-mode:vertical-rl}.gate-copy{max-width:12em;margin:0 0 36px;color:var(--muted);font-size:18px;line-height:1.8}.gate-form,.admin-unlock,.editor-form,.create-form{display:grid;gap:14px}label{display:grid;gap:8px;color:#392815;font-weight:600}input,textarea{width:100%;border:1px solid rgba(72,45,18,.32);border-radius:4px;outline:none;background:#fff9e3b8;color:var(--ink);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input{min-height:42px;padding:10px 12px}textarea{min-height:120px;resize:vertical;padding:12px;line-height:1.7}input:focus,textarea:focus{border-color:#9d241db8;box-shadow:0 0 0 3px #9d241d1f;background:#fffbebeb}.gate-input-row,.admin-key-row{display:flex;align-items:center;gap:10px}.gate-input-row{padding-left:12px;border:1px solid rgba(72,45,18,.32);border-radius:4px;background:#fff9e3b8}.gate-input-row input{border:0;background:transparent;box-shadow:none}.gate-form button,.admin-key-row button,.create-form button,.editor-form button,.compact-actions button,.icon-button,.text-button,.file-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 14px;border-radius:4px;background:var(--button);color:var(--button-text);line-height:1}.status-line{margin:16px 0 0;color:var(--seal-dark);line-height:1.5}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.site-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 0 22px;border-bottom:1px solid var(--line)}.site-header h1{margin:6px 0 0;font-family:Kaiti SC,STKaiti,serif;font-size:clamp(42px,7vw,76px);font-weight:500;line-height:1}.header-actions,.form-actions,.compact-actions{display:flex;flex-wrap:wrap;gap:8px}.icon-button,.text-button,.create-form button,.compact-actions button,.editor-form button{background:#3e2a18eb}.text-button{background:#9d241df0}.page-status{margin:18px 0 0}.create-panel{margin:22px 0 18px;padding:18px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(#fff8e1ad,#fff8e1ad),url(/assets/paper-texture.png);box-shadow:0 14px 38px #4a30131f}.create-form{grid-template-columns:minmax(220px,360px) minmax(0,1fr) auto;align-items:end}.create-form label:first-child{align-self:stretch}.paste-zone{position:relative;display:grid;min-height:150px;place-items:center;overflow:hidden;border:1px dashed rgba(72,45,18,.42);border-radius:6px;background:#fff9e380}.paste-zone:focus{outline:3px solid rgba(157,36,29,.14);outline-offset:2px}.paste-zone>div{display:grid;justify-items:center;gap:8px;color:var(--muted);line-height:1.5;text-align:center}.paste-zone img{width:100%;height:190px;object-fit:contain;background:#2e1f1114}.paste-zone .file-button{position:absolute;right:10px;bottom:10px}.create-form .form-actions{align-self:end;flex-direction:column}.create-form .form-actions button{width:100%}.create-status{grid-column:1 / -1;margin-top:0}.admin-drawer{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(#fff8e1b8,#fff8e1b8),url(/assets/paper-texture.png);box-shadow:0 14px 38px #4a30131f}.admin-key-row input{flex:1 1 220px}.admin-panel{display:grid;gap:16px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.segmented{display:inline-grid;grid-template-columns:repeat(2,1fr);overflow:hidden;border:1px solid rgba(72,45,18,.26);border-radius:4px}.segmented button{min-width:92px;padding:10px 14px;background:#fff9e3b8;color:var(--ink)}.segmented button.active{background:var(--button);color:var(--button-text)}.admin-grid{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:18px;align-items:start}.editor-form{padding:16px;border:1px solid var(--line);border-radius:6px;background:#efe4c89e}.editor-form h2{margin:0 0 4px;font-size:24px;font-weight:600}.field-pair{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.toggle-row{display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:8px 0}.toggle-row input{width:18px;min-height:18px;accent-color:var(--seal)}.file-button{position:relative;width:fit-content;overflow:hidden;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.admin-list{display:grid;max-height:680px;overflow:auto;gap:10px;padding-right:4px}.admin-list-item{display:flex;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:6px;background:#fff9e394}.admin-list-item strong,.admin-list-item span{display:block}.admin-list-item strong{overflow-wrap:anywhere}.admin-list-item span,.small-note{margin-top:6px;color:var(--muted);font-size:14px;line-height:1.5}.small-note{display:inline-flex;align-items:center;gap:6px}.admin-status{margin-top:0}.quote-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 18px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.quote-toolbar div{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}.quote-toolbar p{margin:0}.quote-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}.quote-page{position:relative;min-height:0;padding:16px 16px 16px 46px;overflow:hidden;border:1px solid rgba(72,45,18,.28);border-radius:6px;background:linear-gradient(90deg,rgba(94,59,22,.13),transparent 48px),linear-gradient(#fff8e485,#fff8e485),url(/assets/paper-texture.png);box-shadow:0 14px 36px #4a30131f}.quote-page:before{position:absolute;inset:16px auto 16px 30px;width:1px;background:#51331947;content:""}.page-number{position:absolute;top:20px;left:10px;color:#25190f6b;font-size:14px;writing-mode:vertical-rl}.quote-content{display:grid;gap:12px}.quote-content footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.quote-content footer>div{display:flex;min-width:0;align-items:flex-start;gap:8px}.quote-content h2{margin:0;font-family:Kaiti SC,STKaiti,serif;font-size:clamp(22px,3vw,30px);font-weight:500;line-height:1.24;overflow-wrap:anywhere}.pin-label{flex:0 0 auto;padding:5px 7px;border:1px solid var(--seal);color:var(--seal);font-family:Kaiti SC,STKaiti,serif;line-height:1;writing-mode:vertical-rl}.quote-content figure{margin:0;overflow:hidden;border:1px solid rgba(72,45,18,.26);border-radius:4px;background:#fff9e380}.quote-content img{width:100%;aspect-ratio:4 / 5;object-fit:contain;background:#3d2a1814}.quote-content time{flex:0 0 auto;color:var(--muted);font-size:14px;white-space:nowrap}.empty-state{display:grid;min-height:240px;place-items:center;border:1px dashed rgba(72,45,18,.32);border-radius:6px;color:var(--muted);background:#fff9e357}@media(max-width:760px){.gate-cover{min-height:560px;padding:48px 28px 36px 78px}.gate-cover h1{font-size:64px}.site-header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.icon-button{flex:1 1 96px}.admin-grid,.create-form{grid-template-columns:1fr}.create-form .form-actions{flex-direction:row}.admin-list{max-height:none}.admin-list-item{flex-direction:column}.quote-toolbar{align-items:flex-start;flex-direction:column}.quote-page{padding:16px 14px 16px 44px}}@media(max-width:460px){.gate-shell{padding:12px}.gate-cover{min-height:calc(100vh - 24px);padding:38px 20px 30px 62px}.cover-stitch{left:26px}.seal-mark{right:24px;bottom:42px;width:58px;height:58px;font-size:28px}.app-shell{width:min(100% - 20px,1180px);padding-top:18px}.admin-drawer,.create-panel{padding:12px}.admin-header,.admin-key-row,.field-pair{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.segmented,.text-button{width:100%}.compact-actions button{flex:1 1 120px}}