body{background:#f5f6f8}.site{max-width:700px;min-height:100dvh;margin:auto;background:white;padding-bottom:80px}.head{padding:22px 23px;border-bottom:1px solid var(--line)}.brand{font-size:30px}.site-caption{color:#969dab;font-size:10px;margin-left:4px}.head>button{margin-left:auto;font-size:10px;color:#959dab}.site-footer{text-align:center;padding:30px 15px;font-size:10px;line-height:2;color:#a0a7b4}.site-footer button{color:#939ba8;font-size:10px}.live-nav{max-width:700px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around;width:100%;height:68px;padding:8px 0;background:#fffffff5;backdrop-filter:blur(10px);z-index:5;border-top:1px solid var(--line)}.live-nav a{display:grid;gap:2px;text-align:center;font-size:9px;color:#8e97a5}.live-nav span{font-size:24px;line-height:26px}.live-nav a.active{color:var(--red)}.empty{text-align:center;color:#949eae;padding:36px 20px;font-size:12px;line-height:1.9}.empty strong{display:block;color:#596374;font-size:15px;margin-bottom:8px}.section{padding:20px 22px}.grid{gap:25px 16px}.photo{height:220px}.hero{height:300px}.hero h2{font-size:27px}.hero.blank{background:linear-gradient(140deg,#fff1ee,#ffe2e3);display:flex;align-items:flex-end}.hero.blank:after{display:none}.blank .hero-copy{color:#dc3c49}.blank .hero-copy p{color:#b57b80}.blank .hero-mark{position:absolute;right:25px;top:20px;color:#ffb3b7;font-size:90px;font-weight:900;letter-spacing:-7px}.pill.status{display:inline-block;padding:3px 8px;background:#f3f5f8;color:#8994a5;font-size:9px}.section-title>span{font-size:9px;color:#9da7b7}.card .by{font-size:9px;color:#a2aab8}.live-list{display:grid;gap:0}.article-header{padding:20px 22px}.article-header h1{font-size:25px;letter-spacing:-.7px;line-height:1.5}.article-meta{font-size:10px;color:#99a2b2}.article-body{padding:0 22px 24px;white-space:pre-wrap;font-size:14px;line-height:2;color:#505968;overflow-wrap:anywhere}.article-cover{width:100%;max-height:480px;object-fit:cover}.article-gallery{display:grid;gap:14px;padding:0 22px}.article-gallery img{width:100%;border-radius:8px}.article-actions{padding:18px 22px;display:flex;gap:15px;align-items:center}.article-actions button{font-size:12px;color:#8893a5}.article-actions .saved{color:var(--red)}.source{padding:15px;background:#f6f8fa;margin:0 22px 25px;border-radius:8px;font-size:11px;line-height:1.9;overflow-wrap:anywhere}.source a{color:#507d9c;text-decoration:underline}.admin-tools{display:flex;gap:10px;padding:0 22px 20px;flex-wrap:wrap}.primary{padding:12px 19px;background:var(--red);color:white;border-radius:7px;font-weight:600;font-size:12px}.secondary{padding:11px 16px;border:1px solid #e0e5ec;border-radius:7px;font-size:12px;color:#7c8798}.danger{color:#d75560}.form{display:grid;gap:16px;padding:0 22px 25px}.form label{font-size:11px;color:#707c8f;display:grid;gap:7px}.form input,.form textarea,.form select,.search-row select{border:1px solid #e2e6ee;background:#fff;border-radius:7px;padding:11px;font:inherit;min-width:0;color:#303a49}.form input[type=checkbox]{width:auto}.form input[type=file]{font-size:11px}.form textarea{min-height:230px;line-height:1.8;resize:vertical}.form .inline{display:flex;align-items:center;gap:9px}.form .form-actions{display:flex;gap:10px;flex-wrap:wrap}.form small{font-size:10px;color:#9ba4b4;line-height:1.8}.editor-images{display:flex;gap:8px;flex-wrap:wrap}.editor-image{position:relative}.editor-image img{width:95px;height:95px;object-fit:cover;border-radius:7px}.editor-image button{position:absolute;right:3px;top:3px;background:#0008;color:#fff;border-radius:50%;width:24px;height:24px}.hint{margin:0 22px 20px;padding:15px;border-radius:8px;background:#fff6f6;color:#ab7a81;font-size:11px;line-height:1.9}.admin-row{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);align-items:center}.admin-row>div{flex:1}.admin-row strong{display:block;font-size:12px;margin:4px 0}.admin-row small{font-size:9px;color:#9ba4b2}.admin-row button{padding:6px;font-size:11px;color:#7b889a}.state-error{color:#ba5664}.loading{opacity:.6;pointer-events:none}.search-row{margin:16px 22px;gap:10px}.search-row input{padding:3px}dialog{border:0;border-radius:14px;padding:28px;width:min(430px,calc(100vw - 30px));color:var(--ink);max-height:85dvh}dialog::backdrop{background:#17213299}dialog h2{font-size:20px;margin-top:4px}dialog p{font-size:12px;color:#8d97a8;line-height:1.9}dialog .form{padding:0}#closeDialog{position:absolute;top:8px;right:12px;font-size:26px;color:#9099a7}.upload-status{font-size:11px;color:#a0666f}.article-nav{padding:15px 20px}.article-nav button{color:#8f99a9;font-size:12px}button:disabled{opacity:.5;cursor:wait}.no-photo{display:grid;place-items:center;background:#f8f3f3;color:#e3b4bb;height:100%;font-size:22px;font-weight:800}.boot-error{padding:50px 22px;color:#a56c73;line-height:1.9}.linklike{color:var(--red)}
@media(min-width:700px){body{padding:24px 0 0}.site{border:1px solid #e8ecf1;border-radius:15px 15px 0 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo{height:255px}.hero{height:360px}.hero-copy h2{font-size:30px}.category-icons{justify-content:space-around}.card h3{font-size:15px}.rank h3{font-size:13px}.article-body{font-size:15px}}
@media(max-width:480px){.site{padding-bottom:75px}.site-caption{display:none}.head{padding:18px 20px}.photo{height:calc((100vw - 60px)*.49)}.hero{height:240px}.hero h2{font-size:23px}.live-nav{height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.section{padding:20px 18px}.category-icons{padding:20px 18px}.article-header h1{font-size:22px}}