@font-face{font-family:Golos;src:url('/assets/golos-text.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#141419;--surface:#202027;--ink:#faf9ff;--muted:#bdb9cc;--purple:#7900ef;--coral:#ff5874;--yellow:#ffed31;--line:#393740}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Golos,Arial,sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}[hidden]{display:none!important}button,input{border-radius:10px}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rail{position:fixed;inset:0 auto 0 0;width:108px;border-right:1px solid var(--line);background:var(--bg);padding:20px 10px;z-index:5}.monogram{display:block;text-align:center;font-size:54px;line-height:1.1;font-weight:850;margin:4px 0 42px}.rail-button{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:94px;margin-bottom:18px;padding:15px 2px;background:none;border:0;font-size:12px;font-weight:650;border-radius:16px}.rail-button img{width:34px;height:34px;filter:invert(1)}.rail-button.active{background:var(--yellow);color:#111116;box-shadow:inset 0 -4px 0 #d5bd11}.rail-button.active img{filter:none}.rail-button:not(.active):hover{background:#292730}.app-shell{margin-left:108px;padding:0 28px;max-width:1800px}.topbar{min-height:104px;display:flex;align-items:center;gap:26px}.brand{font-size:34px;line-height:1;font-weight:850;letter-spacing:-1.2px}.section-name{border-left:2px solid #777181;padding-left:26px;font-size:22px;font-weight:650;color:#d5b7f3}.topbar nav{margin-left:auto;display:flex;align-items:center;gap:28px}.upload-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--coral);color:#18131b;border:0;padding:13px 21px;min-height:52px;font-size:19px;font-weight:800;white-space:nowrap}.upload-button img{width:24px;height:24px}.upload-button:hover{background:#ff7890}.account-menu{position:relative}.account-menu summary{list-style:none;display:flex;gap:9px;align-items:center;cursor:pointer;min-height:48px}.account-menu summary::-webkit-details-marker{display:none}.avatar{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#d9c6e6;border:2px solid white}.chevron{width:20px;height:20px;filter:invert(1)}#username{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.account-popover{position:absolute;right:0;top:64px;min-width:260px;padding:8px;background:#25222e;border:1px solid #5b506e;border-radius:12px;box-shadow:0 12px 38px #0007;z-index:10}.plain{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;min-height:44px;background:transparent;border:0;color:#eeeaf6;text-align:left}.plain img{width:22px;height:22px;filter:invert(1)}.plain:hover{background:#3a3148}.account-popover .plain{width:100%}
.search-hero{position:relative;display:flex;align-items:center;min-height:232px;padding:28px 32px 32px;background:var(--purple);border-radius:20px;overflow:hidden}.search-content{width:calc(100% - 215px);position:relative;z-index:1}.search-hero h1{font-size:clamp(32px,3.75vw,58px);font-weight:800;line-height:1.08;letter-spacing:-1.8px;margin:0 0 24px;white-space:nowrap}.hero-cat{position:absolute;right:24px;bottom:18px;width:190px;height:190px;object-fit:contain;transform:rotate(10deg)}.search{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:8px 9px 8px 19px;box-shadow:0 3px 0 #4b009640}.search>img{width:30px;height:30px;flex:none}.search input{min-width:0;flex:1;background:transparent;border:0;color:#24212a;padding:10px 0;font-size:21px;outline-offset:2px}.search input::placeholder{color:#57515c;opacity:1}.search input:focus-visible{outline:2px solid #7900ef}.primary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 24px;border:1px solid transparent;background:#111116;color:white;font-size:18px;font-weight:750;white-space:nowrap}.primary:hover{background:#2e253c}.search .primary{min-width:130px}.banner{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 0;padding:10px 16px;background:#272032;border:1px solid #48365e;border-radius:9px;color:#d9cde8;font-size:14px}.banner strong{color:#e9ceff}.collection-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 22px}.collection-bar>div:first-child{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.collection-bar h2{margin:0;font-size:22px;font-weight:750}.muted{color:var(--muted)}#result-count{font-size:14px}.filters{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:7px 12px;border:1px solid transparent;background:transparent;color:#cdc8d6;min-height:40px;font-size:14px}.chip:hover{background:#292630}.chip.active{color:var(--yellow);background:#2b2931;border-color:#4d4758}.small{font-size:14px;line-height:1.6}.card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 26px;padding:0;text-align:left;background:none;border:0;border-radius:14px;color:#faf9ff}.card img{display:block;width:100%;height:auto;max-height:440px;object-fit:contain;background:#24222a;border-radius:14px;transition:opacity .15s}.card:hover img{opacity:.85}.card-info{padding:9px 3px 0}.card-title{font-size:19px;font-weight:750;line-height:1.2;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.badge{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:6px;background:var(--yellow);color:#151117;font-size:13px;font-weight:750}.badge.failed{background:#ffad9c;color:#421b11}.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;background:#30283e;border:1px solid #655274;color:#f2e9ff;font-weight:650;border-radius:10px}.secondary:hover{background:#473557}.load-more{display:block;margin:12px auto 30px}.empty{text-align:center;padding:34px 20px 60px}.empty>img{width:120px;height:120px;object-fit:contain}.empty h2{font-size:28px;margin:12px 0}.empty p{color:var(--muted);max-width:500px;margin:auto}
.panel{margin:24px 0;padding:26px 28px;background:#211d2a;border:1px solid #51415e;border-radius:16px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-head h2{font-size:26px;margin:0;line-height:1.2}.eyebrow{display:block;color:#d4b8f2;font-size:12px;letter-spacing:1.1px;font-weight:650;margin-bottom:12px}.icon-button{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid #63566d;background:#322a3d;border-radius:10px}.icon-button img{width:23px;height:23px;filter:invert(1)}.icon-button:hover{background:#493459}.dropzone{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 16px;border:2px dashed #8d70aa;border-radius:12px;text-align:center;cursor:pointer;background:#2c213b}.dropzone>img{width:38px;height:38px;filter:invert(1)}.dropzone strong{font-size:22px}.dropzone span{font-weight:400;color:#d0c3dc;font-size:14px}.dropzone.over{background:#49305e;border-color:var(--yellow)}input{padding:12px 14px;min-height:48px;background:#17131e;color:white;border:1px solid #8d779e;font-size:16px}input::placeholder{color:#bdb1c8;opacity:1}label{display:block;font-size:15px;font-weight:650}label input{display:block;width:100%;margin-top:8px}.dropzone input{max-width:100%;width:auto;font-size:14px}.dropzone input::file-selector-button{background:var(--coral);color:#18131b;border:0;border-radius:6px;padding:8px 12px;font:inherit;font-weight:650;margin-right:12px}#upload-results{font-size:14px;padding-left:22px;max-height:260px;overflow:auto;overflow-wrap:anywhere}#upload-results li{padding:5px 0}.invite{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px}.invite label{flex:1;min-width:0}.invite .primary,.login-card .primary{background:var(--coral);color:#18131b}.invite .primary:hover,.login-card .primary:hover{background:#ff7890}.user-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #494051}.user-row>span{overflow-wrap:anywhere;min-width:0}.user-row small{display:block;color:var(--muted);font-size:13px}.danger{min-height:46px;padding:10px 17px;border:1px solid #d57887;background:#482532;color:#ffc7ce;font-weight:650}
.signed-out .section-name{display:none}.login{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;max-width:1150px;margin:28px auto 50px}.login-poster{position:relative;background:var(--purple);border-radius:24px;padding:38px 34px;min-height:620px;overflow:hidden}.login-poster .eyebrow{color:white;font-size:11px}.login-poster h1{position:relative;z-index:1;font-size:clamp(56px,6.3vw,88px);font-weight:850;line-height:1.02;letter-spacing:-3px;margin:32px 0}.login-poster h1 span{color:var(--yellow)}.login-poster p{position:relative;z-index:1;font-size:21px;font-weight:650;line-height:1.4;margin:32px 0 0;max-width:300px}.login-cat{position:absolute;width:220px;height:220px;object-fit:contain;right:-12px;bottom:12px;transform:rotate(12deg)}.login-card{padding:20px 8px;max-width:420px}.login-card h2{font-size:48px;letter-spacing:-1.5px;line-height:1.05;margin:14px 0 24px;font-weight:800}.login-card p{color:#d1cbdc;font-size:16px;line-height:1.65}.login-card strong{color:var(--yellow)}.login-card label{margin-top:26px}.login-card input{width:100%;margin:9px 0 16px;font-size:18px;font-family:inherit;min-height:56px}.login-card .primary{width:100%;min-height:54px}.login-card .small{font-size:13px;color:#bdb1cb;margin-top:18px}.text-link{display:inline-block;color:#ead0ff;text-decoration:underline;text-underline-offset:4px;font-weight:650;padding:5px 0}#login-error{color:#ffa4b3}#login-error:empty{display:none}.actions{display:flex;gap:12px;flex-wrap:wrap}dialog{width:min(1100px,94vw);max-height:94vh;padding:0;border:1px solid #736080;border-radius:18px;background:#211b2a;color:white;box-shadow:0 25px 100px #0009;overflow:auto}dialog::backdrop{background:#07060bd9}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;position:sticky;top:0;z-index:1;background:#211b2a;border-bottom:1px solid #51435e}.dialog-head h2{font-size:18px;margin:0;overflow-wrap:anywhere}.detail-stage{background:#100d16;padding:16px}#detail-image{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:auto}.detail-body{padding:12px 26px 26px}.detail-body p{font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}#toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(620px,92vw);padding:16px 22px;border-radius:12px;background:var(--yellow);color:#19141f;box-shadow:0 10px 35px #0008;font-weight:600}footer{display:flex;justify-content:space-between;gap:20px;color:#bdb5c7;font-size:13px;border-top:1px solid var(--line);padding:24px 0;margin-top:38px}footer>span:first-child{font-weight:800;letter-spacing:.4px}
@media(min-width:1650px){.search-hero h1{font-size:64px}.card-title{font-size:19px}}
@media(max-width:1250px){.section-name{display:none}.topbar nav{gap:16px}.brand{font-size:29px}.search-hero h1{font-size:40px;white-space:normal}.search-content{width:calc(100% - 160px)}.hero-cat{width:155px;height:155px;right:12px}.search input{font-size:18px}.login{gap:36px}.login-poster{min-height:580px}.login-cat{width:170px;height:170px}.login-card h2{font-size:43px}}
@media(max-width:900px){.rail{width:82px;padding-inline:7px}.monogram{font-size:42px}.rail-button{font-size:10px;min-height:82px}.rail-button img{width:29px;height:29px}.app-shell{margin-left:82px;padding:0 20px}.topbar{min-height:90px;gap:16px}.upload-button{font-size:15px;padding:12px 14px}.upload-button img{width:20px;height:20px}#username{display:none}.avatar{width:42px;height:42px}.search-hero{padding:25px;min-height:210px}.search-content{width:100%;padding-right:0}.search-hero h1{max-width:calc(100% - 110px);font-size:37px;min-height:78px;margin-bottom:18px}.hero-cat{width:110px;height:110px;right:15px;top:5px;bottom:auto}.search{position:relative;z-index:2}.collection-bar{align-items:flex-start;flex-direction:column;gap:12px}.login{grid-template-columns:1fr;max-width:520px;gap:26px;margin-top:15px}.login-poster{min-height:0;padding:28px}.login-poster h1{font-size:55px;line-height:1;max-width:330px;margin:18px 0}.login-poster h1 br:nth-child(2){display:none}.login-poster p{font-size:17px;margin-top:20px}.login-cat{width:150px;height:150px;right:0;bottom:10px}.login-card{max-width:none;padding:10px}.login-card h2{font-size:38px}.login-card h2 br{display:none}.invite{flex-direction:column;align-items:stretch}}
@media(max-width:600px){.rail{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:64px;padding:8px 16px;border-right:0;border-bottom:1px solid var(--line)}.monogram{font-size:36px;margin:0}.rail #rail-actions{display:flex;gap:8px}.rail-button{flex-direction:row;gap:7px;min-height:42px;width:auto;padding:8px 12px;margin:0;border-radius:10px;font-size:12px}.rail-button img{width:21px;height:21px}.rail-button.active{box-shadow:none}.app-shell{margin:0;padding:0 16px}.topbar{min-height:82px;gap:12px;flex-wrap:wrap;padding:14px 0}.brand{font-size:23px;letter-spacing:-.7px}.topbar nav{gap:10px}.upload-button{font-size:13px;padding:10px 12px;min-height:44px;gap:4px}.upload-button img{width:19px;height:19px}.avatar{width:36px;height:36px}.chevron{display:none}.account-popover{top:48px}.search-hero{padding:22px 17px 18px;border-radius:16px;min-height:0}.search-hero h1{font-size:31px;letter-spacing:-1px;max-width:calc(100% - 65px);min-height:100px;margin:0 0 18px}.hero-cat{width:92px;height:92px;right:2px;top:26px}.search{padding:7px;gap:6px;flex-wrap:wrap;border-radius:12px}.search>img{width:23px;height:23px;margin-left:5px}.search input{font-size:16px;padding:12px 3px;width:calc(100% - 50px);flex-basis:calc(100% - 50px)}.search .primary{width:100%;min-height:44px;font-size:17px}.banner{font-size:12px;gap:4px;padding:10px 12px}.banner strong{display:block;width:100%}.collection-bar{margin:24px 0 18px}.collection-bar h2{font-size:21px}.chip{font-size:13px;padding:6px 10px}.card{margin-bottom:22px}.card img{border-radius:10px;max-height:320px}.card-title{font-size:15px;line-height:1.25}.card-info{padding:8px 1px 0}.badge{font-size:11px;padding:4px 6px}.panel{padding:20px 16px}.section-head h2{font-size:22px}.dropzone{padding:22px 12px}.dropzone strong{font-size:19px}.dropzone span{font-size:13px}.user-row{flex-wrap:wrap;gap:8px}.user-row small{font-size:12px}.login-poster h1{font-size:49px;max-width:250px}.login-cat{width:125px;height:125px;right:-10px;bottom:0}.login-poster p{max-width:230px;font-size:16px}.login .eyebrow{font-size:10px}.login-card h2{font-size:35px}.dialog-head{padding:12px 16px}.detail-body{padding:8px 18px 22px}.detail-stage{padding:8px}.actions>*{width:100%}footer{flex-direction:column;gap:5px;font-size:12px}}
@media(max-width:370px){.topbar nav{width:100%;justify-content:space-between}.search-hero h1{font-size:28px}.card-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Administration: quiet surfaces, readable numbers, horizontal tables on phones. */
.admin-panel{max-width:none;padding:clamp(20px,3vw,40px)}
.admin-panel h3{font-size:23px;margin:32px 0 16px;line-height:1.35}
.admin-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);padding:16px 0 24px}
.admin-toolbar select{font:inherit;color:#faf9ff;background:#26232e;border:1px solid #777184;border-radius:10px;padding:12px;min-height:46px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stat-tile{background:#25232c;border:1px solid #45404f;border-radius:14px;padding:20px;min-width:0}
.stat-tile span{display:block;color:#d3cedd;font-size:15px;line-height:1.4}
.stat-tile strong{display:block;color:#fff;font-size:clamp(25px,2.5vw,36px);line-height:1.3;margin-top:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.admin-note{font-size:15px;line-height:1.65;color:#d3cedd;max-width:1000px}
.admin-note a{color:#ddd1ff;text-decoration:underline}
.admin-table-wrap{overflow-x:auto;border:1px solid #45404f;border-radius:12px;margin:20px 0}
.admin-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5;text-align:left;font-variant-numeric:tabular-nums}
.admin-table caption{text-align:left;padding:16px;font-size:18px;font-weight:700;background:#25232c}
.admin-table th{font-weight:650;color:#dcd7e6;background:#25232c;white-space:nowrap}
.admin-table th,.admin-table td{padding:15px 18px;border-bottom:1px solid #45404f;vertical-align:top}
.admin-table td{color:#faf9ff}.admin-table td small{display:block;color:#c4bed1;font-size:13px;overflow-wrap:anywhere}
.admin-table tr:last-child td{border-bottom:0}
.admin-history{margin-top:24px}.admin-history summary{cursor:pointer;padding:12px 0;font-size:17px}
.admin-error{padding:14px 0;border-bottom:1px solid #45404f;display:flex;gap:16px;justify-content:space-between;align-items:center}
@media(max-width:900px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.stat-tile{padding:14px}.stat-tile span{font-size:14px}.admin-toolbar label{width:100%}.admin-table th,.admin-table td{padding:12px}.admin-error{align-items:flex-start;flex-direction:column}}

/* Compact administration and local period picker. */
.admin-panel{width:100%;max-width:1120px;margin:20px auto;padding:24px;box-sizing:border-box}
.admin-panel .section-head{margin-bottom:12px}.admin-panel .section-head h2{font-size:28px;line-height:1.2}
.admin-panel h3{font-size:19px;margin:24px 0 12px}
.admin-toolbar{gap:10px;padding:8px 0 16px;font-size:14px}
.admin-toolbar .secondary{padding:10px 16px;min-height:42px;font-size:14px}
#stats-state{font-size:12px;color:#c4bed1;margin-left:auto}
.stat-grid{gap:10px}
.stat-tile{padding:14px 16px;border-radius:10px}
.stat-tile span{font-size:13px;line-height:1.4}
.stat-tile strong{font-size:26px;line-height:1.2;margin-top:7px;letter-spacing:-.5px}
.admin-note{font-size:13px;line-height:1.6;max-width:850px;margin:10px 0}
.admin-table-wrap{border-radius:10px;margin:14px 0}
.admin-table{font-size:13px;line-height:1.45}
.admin-table caption{padding:12px 14px;font-size:16px}
.admin-table th,.admin-table td{padding:11px 12px}
.admin-table td small{font-size:11px;margin-top:3px}
.admin-table th:not(:first-child),.admin-table td:not(:first-child){text-align:right}
.admin-history{margin-top:16px}.admin-history summary{font-size:15px;padding:8px 0}
.admin-panel .invite{max-width:760px;gap:12px}.admin-panel .invite input{font-size:15px;padding:10px 12px;min-height:42px}
.admin-panel .invite button,.admin-panel #reindex{font-size:14px;padding:10px 16px;min-height:42px}
.admin-panel .user-row{padding:12px 0;font-size:15px}.admin-panel .user-row small{font-size:12px}
.period-picker{position:relative;flex:0 1 240px;width:240px;max-width:100%;min-width:0;color:#faf9ff}
.period-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;cursor:pointer;border:1px solid #686173;border-radius:9px;padding:10px 12px;background:#25232c;color:#faf9ff;font-size:14px;font-weight:500;min-height:42px;box-sizing:border-box;box-shadow:none}
.period-toggle img{width:18px;height:18px;filter:invert(1)}
.period-toggle[aria-expanded="true"]{border-color:#b59aff;background:#302a3d}
.period-toggle[aria-expanded="true"] img{transform:rotate(180deg)}
.period-toggle:focus-visible{outline:2px solid #ffed31;outline-offset:3px}
.period-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;margin:0;padding:6px;border:1px solid #686173;border-radius:10px;background:#292530;box-shadow:0 12px 30px #0008;min-width:0}
.period-options[hidden]{display:none}
.period-options button{display:block;width:100%;padding:10px 12px;border:0;border-radius:6px;text-align:left;font-size:14px;font-weight:500;line-height:1.4;color:#e9e5f1;background:transparent;box-shadow:none;transform:none}
.period-options button:hover{background:#3d354b}
.period-options button[aria-pressed="true"]{background:#493666;color:#fff}
.period-options button:focus-visible{outline:2px solid #ffed31;outline-offset:-2px}
@media(max-width:700px){.admin-panel{padding:18px;margin:12px auto}.admin-panel .section-head h2{font-size:23px}#stats-state{width:100%;margin:0}.stat-tile strong{font-size:23px}.admin-toolbar>span:first-child{width:100%}}
@media(max-width:400px){.stat-tile{padding:12px}.stat-tile strong{font-size:21px}.period-picker{min-width:190px}.admin-panel{padding:14px}}

.stat-tile{position:relative;padding-left:60px;min-height:94px;box-sizing:border-box}
.stat-icon{position:absolute;left:14px;top:15px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#4d3a68}
.stat-icon img{width:21px;height:21px;filter:invert(1)}
.stat-icon.green{background:#225346}.stat-icon.yellow{background:#62501d}.stat-icon.coral{background:#683846}.stat-icon.blue{background:#294f71}
@media(max-width:600px){.stat-tile{padding-left:14px;padding-top:55px}.stat-icon{top:12px;left:14px;width:30px;height:30px}.stat-icon img{width:19px;height:19px}}

/* Admin entry has its own place and color; role visibility is controlled by auth. */
.rail{display:flex;flex-direction:column;overflow-y:auto}
.rail .monogram,.rail #rail-actions{flex-shrink:0}
.rail .rail-admin{margin-top:auto;margin-bottom:0;flex-shrink:0;background:#30233f;color:#e6d1ff;border:1px solid #8961b4;box-shadow:none}
.rail .rail-admin:hover{background:#49315e}
.rail .rail-admin.active{background:#bc8af5;color:#1d102b;border-color:#d9b5ff;box-shadow:inset 0 -3px 0 #9564cc}
.rail .rail-admin.active img{filter:none}
.rail .rail-admin:focus-visible{outline:2px solid #e6cfff;outline-offset:3px}
@media(max-width:600px){.rail{flex-direction:row;gap:8px;height:auto;min-height:64px;overflow:visible;padding:8px 12px}.rail #rail-actions{margin-left:auto;gap:5px}.rail .rail-admin{margin:0;min-height:42px;font-size:11px;padding:8px}.rail .rail-button{padding:8px;gap:5px}.rail .monogram{font-size:30px}}
@media(max-width:380px){.rail .rail-admin{width:40px;justify-content:center}.rail .rail-admin span{display:none}.rail .rail-button{font-size:11px}}

.storage-summary{border:1px solid #45404f;background:#25232c;border-radius:12px;padding:16px 18px}
.storage-line{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}
.storage-item{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:#d3cedd}
.storage-item strong{font-size:15px;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.storage-item.total{padding-right:20px;border-right:1px solid #595263}
.storage-item.total strong{font-size:20px}
.storage-item.free{margin-left:auto}
.storage-item:not(.total):not(.free)::before{content:'';width:8px;height:8px;flex-shrink:0;border-radius:3px;background:#ad85ed}
.storage-item.preview::before{background:#64b4e6!important}.storage-item.other::before{background:#e7c360!important}
.storage-bar{display:flex;height:7px;gap:2px;margin-top:14px;border-radius:4px;overflow:hidden;background:#403b49}
.storage-bar span{flex-basis:0;min-width:0;background:#ad85ed}.storage-bar .preview{background:#64b4e6}.storage-bar .other{background:#e7c360}
@media(max-width:600px){.storage-summary{padding:14px}.storage-line{gap:10px 18px}.storage-item.total{width:100%;border:0;padding:0}.storage-item.free{width:100%;margin:2px 0 0;padding-top:10px;border-top:1px solid #45404f}}

.storage-item strong small{font-size:12px;font-weight:500;color:#cfc6df}
.storage-item[data-storage-part]{border-radius:5px;cursor:default;transition:opacity .15s,background .15s}
.storage-bar{height:12px;overflow:visible}
.storage-bar span{border-radius:3px;transition:opacity .15s,transform .15s;cursor:default}
.storage-summary.has-highlight [data-storage-part]:not(.highlighted){opacity:.3}
.storage-item.highlighted{background:#493a5b;outline:4px solid #493a5b}
.storage-bar span.highlighted{transform:scaleY(1.6);box-shadow:0 0 0 2px #eee5ff}
.storage-item:focus-visible,.storage-bar span:focus-visible{outline:2px solid #ffed31;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.storage-item[data-storage-part],.storage-bar span{transition:none}}

#search-hero,#library-section{scroll-margin-top:24px}
#results-title:focus-visible{outline:2px solid var(--yellow);outline-offset:5px;border-radius:4px}

/* Append into the shortest column without moving previous cards. */
.grid{position:relative;display:block}
.grid>.card{position:absolute;display:block;margin:0;animation:gallery-reveal .18s ease-out}
.load-more{overflow-anchor:none}
.load-more:disabled{opacity:.65;cursor:wait}
@keyframes gallery-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.grid>.card{animation:none}}

.evaluation-run{border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0}
.evaluation-run>summary{cursor:pointer;font-weight:650;overflow-wrap:anywhere}
.evaluation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:16px}
.evaluation-grid article{min-width:0}
.evaluation-grid article>img{width:100%;height:200px;object-fit:contain;background:#17141e;border-radius:10px}
.evaluation-grid article>p{overflow-wrap:anywhere}
.evaluation-ratings{display:flex;flex-wrap:wrap;gap:4px}
.evaluation-ratings [aria-pressed=true]{background:var(--yellow);color:#151117}
@media(max-width:900px){.evaluation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.evaluation-grid{grid-template-columns:1fr}}

.evaluation-compare-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.evaluation-compare-columns .evaluation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.evaluation-compare-columns .evaluation-grid article>img{height:150px}
.evaluation-run>summary{margin-bottom:16px}
.expected-preview{display:flex;gap:12px;flex-wrap:wrap}
.expected-preview figure{margin:0;width:130px;font-size:13px}
.expected-preview img{width:130px;height:110px;object-fit:contain;background:#17141e;border-radius:8px}
#expected-picker{width:min(1100px,94vw)}
#expected-grid [aria-pressed=true]{background:var(--yellow);color:#151117}
@media(max-width:900px){.evaluation-compare-columns{grid-template-columns:1fr}}
@media(max-width:600px){.evaluation-compare-columns .evaluation-grid{grid-template-columns:1fr}}

/* Center the whole page in the space remaining beside navigation. */
body{padding-left:108px}
.app-shell{width:100%;max-width:1800px;margin:0 auto;min-width:0}
.app-shell main,.app-shell .topbar{min-width:0}
@media(max-width:900px){body{padding-left:82px}}
@media(max-width:600px){body{padding-left:0}}