:root{color-scheme:dark;--bg:#080808;--panel:#111;--line:#292929;--text:#f3f3ef;--muted:#888;--red:#e02032}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Yu Gothic",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.bar{height:70px;padding:0 clamp(20px,5vw,70px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em}.bar i{color:var(--red);font-style:normal}.bar span,.bar a{color:#777;font-size:11px}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(520px,100%);padding:clamp(28px,5vw,54px);background:var(--panel);border:1px solid var(--line)}.panel b,.panel small{color:var(--red);font-size:11px;letter-spacing:.2em}.panel h1,.panel h2{font-family:Georgia,"Yu Mincho",serif;font-weight:400;font-size:clamp(30px,5vw,52px);margin:24px 0}.panel p{color:var(--muted);line-height:1.8}.form{display:grid;gap:20px}.form label{display:grid;gap:8px;color:#aaa;font-size:12px}.form input{width:100%;padding:14px;background:#090909;border:1px solid #333;color:#fff}.form button,.button,.card-actions a,.card-actions button{border:0;background:var(--red);color:#fff;padding:13px 18px;cursor:pointer;text-align:center}.album-wrap{max-width:1800px;margin:auto}.album-head{padding:clamp(55px,9vw,120px) clamp(20px,7vw,100px) 50px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.album-head small,.admin small,.upload small{color:var(--red);letter-spacing:.25em;font-size:10px}.album-head h1,.admin-head h1,.upload h1{font:400 clamp(38px,6vw,78px)/1.1 Georgia,"Yu Mincho",serif;margin:18px 0}.album-head p{color:#999}.count{display:grid;border-left:2px solid var(--red);padding-left:18px;gap:8px}.count em{color:#777;font-size:9px;letter-spacing:.15em}.count strong{font-size:14px}.actions{padding:0 clamp(14px,3vw,42px) 18px;text-align:right}.gallery{padding:0 clamp(6px,2vw,30px) 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery figure{margin:0;background:#111}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.gallery figcaption{height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:10px}.gallery figcaption a{color:#ddd}.empty{min-height:300px;border:1px solid var(--line);display:grid;place-content:center;text-align:center;padding:40px}.empty h2{font:400 30px Georgia,"Yu Mincho",serif}.empty p{color:#777}footer{padding:35px;text-align:center;border-top:1px solid var(--line);color:#555;font-size:10px}.admin,.upload{max-width:1100px;margin:auto;padding:clamp(40px,7vw,90px) 20px}.admin-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.cards article{background:#111;border:1px solid var(--line);padding:26px}.cards article h2{font:400 24px Georgia,"Yu Mincho",serif}.cards article p,.cards article small{color:#777;font-size:11px}.card-actions{display:flex;gap:8px;margin-top:24px}.card-actions>*{flex:1;font-size:12px}.card-actions button{background:#272727}.close{position:absolute;right:16px;top:12px;background:transparent!important;color:#888!important;font-size:24px;padding:8px!important}dialog{border:0;padding:0;background:transparent;color:#fff}dialog::backdrop{background:#000c}.drop{margin-top:35px;min-height:280px;border:1px dashed #555;background:#101010;display:grid;place-content:center;text-align:center;gap:12px;cursor:pointer}.drop input{display:none}.drop strong{font:400 26px Georgia,"Yu Mincho",serif}.drop span,#status{color:#777;font-size:12px}.progress{height:4px;background:#222;margin-top:20px}.progress div{width:0;height:100%;background:var(--red);transition:width .2s}.hidden{display:none!important}
.card-top,.manage-head,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.badge{display:inline-flex;padding:7px 10px;border:1px solid #333;font-size:10px;letter-spacing:.12em}.badge.open{color:#74d9a2;border-color:#24583b}.badge.closed{color:#aaa}.is-closed{opacity:.68}.notice{padding:12px 16px;border-left:3px solid var(--red);background:#151515;color:#ddd;font-size:12px}.manage-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.manage-box{padding:24px;background:#111;border:1px solid var(--line)}.manage-box h2,.section-title h2{font:400 25px Georgia,"Yu Mincho",serif;margin:0 0 20px}.manage-box .drop{margin-top:0;min-height:235px}.settings{display:grid;gap:18px}.compact{gap:13px}.secondary{background:#262626;width:100%}.text-button{border:0;background:transparent;color:#999;text-decoration:underline;cursor:pointer;padding:5px 0}.photo-manage{margin-top:50px}.section-title span{color:#777;font-size:12px}.manage-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.manage-gallery figure{margin:0;background:#111;border:1px solid var(--line);min-width:0}.manage-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.manage-gallery figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px}.manage-gallery figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:10px}.manage-gallery button{border:0;background:transparent;color:#d66;cursor:pointer;font-size:10px}.small-empty{min-height:150px}.danger{margin-top:70px;border-top:1px solid #311;padding:24px 0;color:#a66}.danger summary{cursor:pointer}.danger .form{max-width:560px;margin-top:20px}.danger button{background:#70131c}.danger p{color:#777;font-size:12px}.actions .button{display:inline-block}
@media(max-width:700px){.album-head,.admin-head{align-items:flex-start;flex-direction:column}.count{width:100%}.gallery{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.bar span{display:none}.card-actions{flex-direction:column}.manage-grid{grid-template-columns:1fr}.manage-gallery{grid-template-columns:repeat(2,1fr)}.manage-head{align-items:flex-start}.upload{padding-top:40px}.drop{min-height:220px}}