@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #16181d;--panel: #1c1f26;--panel-2: #21242c;--line: #2a2e37;--ink: #e8e6e0;--muted: #8b909c;--faint: #646a76;--margin: #e0574a;--margin-soft: rgba(224, 87, 74, .09);--accent: #4a90e2;--accent-text: #fff;--ok-fg: #5ed68a;--ok-bg: rgba(94, 214, 138, .12);--wait-fg: #f0b64a;--wait-bg: rgba(240, 182, 74, .12);--miss-fg: #f08a82;--miss-bg: rgba(240, 138, 130, .12);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 5px;--cut-pct: 60%}:root[data-theme=light]{--bg: #faf8f3;--panel: #ffffff;--panel-2: #f4f1ea;--line: #e6e1d6;--ink: #1f2024;--muted: #6b6f78;--faint: #9a9ea8;--margin: #d6453a;--margin-soft: rgba(214, 69, 58, .07);--accent: #2b6cb0;--accent-text: #fff;--ok-fg: #1b7f3b;--ok-bg: rgba(27, 127, 59, .1);--wait-fg: #a86b00;--wait-bg: rgba(168, 107, 0, .1);--miss-fg: #b3261e;--miss-bg: rgba(179, 38, 30, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;transition:background .15s,color .15s}a{color:var(--accent);text-decoration:none}h1{font-family:var(--font-display);font-weight:900;font-size:32px;letter-spacing:-1px}.display{font-family:var(--font-display);font-weight:900;letter-spacing:-1px}.mono{font-family:var(--font-mono)}.sub{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;color:var(--margin);text-transform:uppercase;letter-spacing:2px;font-weight:600}.ruler{position:relative;height:26px;border-radius:3px;background:repeating-linear-gradient(90deg,transparent,transparent 9px,rgba(128,128,128,.06) 9px,rgba(128,128,128,.06) 10px)}.ruler__fill{position:absolute;top:5px;bottom:5px;left:0;border-radius:2px;transition:width .3s}.ruler__fill--ok{background:var(--ok-fg)}.ruler__fill--wait{background:var(--wait-fg)}.ruler__fill--miss{background:var(--miss-fg)}.ruler__cut{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--margin);left:var(--cut-pct)}.ruler__cut:after{content:"6,0";position:absolute;bottom:-13px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:9px;color:var(--margin);line-height:1}.badge{font-family:var(--font-mono);font-size:10px;padding:3px 8px;border-radius:3px;white-space:nowrap;display:inline-block}.badge--ok{color:var(--ok-fg);background:var(--ok-bg)}.badge--wait{color:var(--wait-fg);background:var(--wait-bg)}.badge--miss{color:var(--miss-fg);background:var(--miss-bg)}.new{background:#ffd34d;color:#4a3300;font-weight:700;font-size:9px;padding:2px 6px;border-radius:3px;margin-left:6px;font-family:var(--font-mono)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;text-align:left}.stat__n{font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1}.stat__l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;margin-top:6px}.stat--ok .stat__n{color:var(--ok-fg)}.stat--miss .stat__n{color:var(--miss-fg)}.stat--wait .stat__n{color:var(--wait-fg)}.stat--accent .stat__n{color:var(--accent)}.btn{font-family:var(--font-body);font-size:13px;font-weight:500;background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);padding:8px 14px;cursor:pointer;min-height:36px}.btn:hover{opacity:.9}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.inp{font-family:var(--font-body);font-size:16px;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);padding:11px 13px;min-height:44px;width:100%}.inp:focus{outline:none;border-color:var(--accent)}.inp::placeholder{color:var(--faint)}select.inp{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) center,calc(100% - 11px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}textarea.inp{min-height:88px;resize:vertical}.check{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;font-size:14px}.check input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--line);border-radius:5px;background:var(--bg);cursor:pointer;position:relative;flex-shrink:0}.check input[type=radio]{border-radius:50%}.check input:checked{background:var(--accent);border-color:var(--accent)}.check input:checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.check input[type=radio]:checked:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff;margin:auto}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:var(--muted)}.disc{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px;overflow:hidden}.disc__head{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;color:inherit;font-family:inherit}.disc__info{min-width:0}.disc__name{font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.25}.disc__meta{display:flex;gap:8px;align-items:center;margin-top:5px;flex-wrap:wrap}.disc__tag{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.disc__chev{color:var(--faint);font-size:11px;transition:transform .2s}.disc--open .disc__chev{transform:rotate(180deg)}.disc__grade{text-align:right;min-width:92px}.disc__num{font-family:var(--font-display);font-size:25px;font-weight:600;line-height:1;display:block}.disc__num--ok{color:var(--ok-fg)}.disc__num--miss{color:var(--miss-fg)}.disc__num--wait{color:var(--wait-fg)}.disc__num--none{color:var(--faint)}.disc__den{font-family:var(--font-mono);font-size:11px;color:var(--faint)}.disc__mini{position:relative;height:4px;border-radius:2px;background:var(--panel-2);margin:8px 0 0 auto;width:92px;display:block}.disc__mini-fill{position:absolute;left:0;top:0;bottom:0;border-radius:2px;transition:width .3s}.disc__mini-fill--ok{background:var(--ok-fg)}.disc__mini-fill--miss{background:var(--miss-fg)}.disc__mini-fill--wait{background:var(--wait-fg)}.disc__mini-cut{position:absolute;top:-2px;bottom:-2px;width:1.5px;background:var(--margin)}@media(max-width:520px){.disc__grade{min-width:72px}.disc__mini{width:72px}.disc__num{font-size:22px}}.disc-detail{border-top:1px solid var(--line);background:var(--bg)}.disc-detail__sec{padding:12px 18px}.disc-detail__sec+.disc-detail__sec{border-top:1px solid var(--line)}.disc-detail__h{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--margin);font-weight:600;margin-bottom:10px}.disc-detail__act{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.disc-detail__act:last-child{border-bottom:none}.disc-detail__act-name{font-size:13px}.disc-detail__act-name small{display:block;color:var(--faint);font-size:11px;font-family:var(--font-mono)}.disc-detail__act-grade{font-size:12px;color:var(--muted);text-align:right;white-space:nowrap}.disc-detail__deadline{font-family:var(--font-mono);font-size:10px;color:var(--wait-fg);background:var(--wait-bg);padding:2px 6px;border-radius:3px}.kv{display:grid;grid-template-columns:1fr auto;gap:8px 18px}.kv dt{color:var(--muted);font-size:12px}.kv dd{font-size:13px;text-align:right}@media(max-width:520px){.disc-detail__act{grid-template-columns:1fr auto}.disc-detail__act-grade{grid-column:1;text-align:left}}.app{display:flex;min-height:100vh}.sidebar{width:218px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);padding:22px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar__brand{font-family:var(--font-display);font-weight:900;font-size:20px;padding:0 22px 20px;letter-spacing:-.5px}.sidebar__brand small{display:block;font-family:var(--font-body);font-weight:500;font-size:10px;color:var(--faint);letter-spacing:1px;text-transform:uppercase;margin-top:2px}.sidebar__nav{flex:1;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:11px;padding:10px 22px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;border-left:3px solid transparent}.sidebar__link:hover{color:var(--ink)}.sidebar__link--on{color:var(--ink);border-left-color:var(--margin);background:var(--margin-soft)}.sidebar__ic{width:17px;text-align:center;opacity:.85}.sidebar__foot{padding:16px 18px 0;border-top:1px solid var(--line);margin-top:8px;display:flex;flex-direction:column;gap:10px}.app__main{flex:1;min-width:0}.bottomnav{display:none}@media(max-width:760px){.app{flex-direction:column}.sidebar{display:none}.app__main{padding-bottom:64px}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--panel);border-top:1px solid var(--line)}.bottomnav__link{flex:1;text-align:center;padding:9px 0 7px;color:var(--muted);text-decoration:none;font-size:18px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;justify-content:center}.bottomnav__link--on{color:var(--margin)}.bottomnav__lbl{font-size:9px;font-family:var(--font-body)}}.wrap{max-width:860px;margin:0 auto;padding:28px 20px}.hero{border-bottom:2px solid var(--ink);padding-bottom:22px;margin:12px 0 24px;max-width:640px}.hero__title{font-family:var(--font-display);font-weight:900;font-size:40px;line-height:1.04;letter-spacing:-1.5px}.hero__title em{font-style:normal;color:var(--margin)}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:760px}.dash-grid .stat{text-decoration:none;color:inherit}@media(max-width:620px){.hero__title{font-size:30px}.dash-grid{grid-template-columns:1fr 1fr}}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.topbar__actions{display:flex;align-items:center;gap:10px}.toggle{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);padding:7px 12px;font-size:13px;cursor:pointer;min-height:36px}.toggle:hover{opacity:.9}.bell{position:relative;text-decoration:none;font-size:20px;padding:6px;border-radius:var(--radius);color:var(--ink)}.bell__badge{position:absolute;top:-2px;right:-4px;background:var(--miss-fg);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--font-mono)}.tabs,.status-filter,.profile-switch{display:flex;gap:8px;flex-wrap:wrap}.tabs{margin:4px 0 22px}.status-filter,.profile-switch{margin-bottom:16px}.pill{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:20px;padding:7px 16px;font-size:14px;cursor:pointer;min-height:36px}.pill:hover{opacity:.9}.pill--sm{padding:6px 14px;font-size:13px}.pill--active{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.stat{cursor:pointer;transition:border-color .15s}.stat:hover{border-color:var(--accent)}.stat--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}@media(max-width:520px){.summary{grid-template-columns:1fr}}.todo-panel{background:var(--panel);border:1px solid var(--wait-fg);border-radius:var(--radius);margin-bottom:22px;overflow:hidden}.todo-panel--empty{border-color:var(--line);padding:12px 16px;font-size:14px;color:var(--muted)}.todo-panel__head{padding:12px 16px;font-weight:700;font-size:14px;color:var(--wait-fg);background:var(--wait-bg)}.todo-panel__item{display:flex;align-items:baseline;gap:10px;padding:9px 16px;border-top:1px solid var(--line);font-size:14px}.todo-panel__disc{font-weight:600;min-width:180px}.todo-panel__name{flex:1}.todo-panel__mod{color:var(--faint);font-size:12px;font-family:var(--font-mono)}.todo-panel__tag{font-family:var(--font-mono);font-size:10px;padding:2px 8px;border-radius:3px;white-space:nowrap;color:var(--muted);background:var(--panel-2)}.todo-panel__tag--deadline{color:var(--wait-fg);background:var(--wait-bg)}.todo-panel__tag--overdue{color:var(--miss-fg);background:var(--miss-bg);font-weight:600}@media(max-width:520px){.todo-panel__disc{min-width:0}.todo-panel__item{flex-wrap:wrap}}.notice{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin-bottom:10px;display:flex;gap:12px;align-items:flex-start}.notice--unread{border-color:var(--accent)}.notice__icon{font-size:18px}.notice__body{flex:1;min-width:0}.notice__title{font-family:var(--font-display);font-weight:600;font-size:15px}.notice__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:6px;vertical-align:middle}.notice__meta{color:var(--muted);font-size:12px;margin-top:2px}.notice__text{color:var(--ink);font-size:13px;margin-top:4px;opacity:.85}.notice__date{color:var(--faint);font-size:11px;white-space:nowrap;font-family:var(--font-mono)}.search{width:100%;padding:11px 14px;border-radius:var(--radius);font-size:16px;min-height:44px;background:var(--bg);border:1px solid var(--line);color:var(--ink);margin-bottom:14px}.search:focus{outline:none;border-color:var(--accent)}.collapse{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.collapse>summary{cursor:pointer;padding:14px 18px;font-weight:600;font-size:14px;color:var(--muted);list-style:none;-webkit-user-select:none;user-select:none}.collapse>summary::-webkit-details-marker{display:none}.section{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin:28px 0 10px}.dt{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.dt__bar{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center}.dt__search{flex:1;min-width:160px;position:relative;display:block}.dt__search:before{content:"⌕";position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:15px;pointer-events:none}.dt__search-inp{width:100%;font-family:var(--font-body);font-size:16px;background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);padding:10px 12px 10px 32px;min-height:44px}.dt__search-inp:focus{outline:none;border-color:var(--accent)}.dt__ctrl{min-height:44px;padding:0 12px;font-size:14px;cursor:pointer}.dt__empty{padding:28px 18px;text-align:center;color:var(--muted);font-size:14px}.dt__table{width:100%;border-collapse:collapse}.dt__table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600;padding:11px 16px;border-bottom:1px solid var(--line)}.dt__table td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px}.dt__table tr:last-child td{border-bottom:none}.dt__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.dt__ar{color:var(--margin);font-size:10px}.dt__cards{display:none}.dt__foot{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.dt__pages{display:flex;gap:6px;align-items:center}.dt__pg{min-width:36px;min-height:36px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:var(--radius);cursor:pointer;font-family:var(--font-mono);font-size:14px}.dt__pg:disabled{opacity:.4;cursor:default}.dt__pg-info{font-size:12px;padding:0 4px}.dt .mono{font-family:var(--font-mono)}@media(max-width:560px){.dt__table{display:none}.dt__cards{display:block}.dt__card{padding:14px 16px;border-bottom:1px solid var(--line)}.dt__card:last-child{border-bottom:none}.dt__card-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 0}.dt__card-row--title{font-weight:600;font-size:14px;padding-bottom:6px}.dt__card-k{color:var(--muted)}.dt__bar{gap:8px}.dt__ctrl{flex:1}}.hours-track{height:14px;border-radius:7px;background:var(--panel-2);position:relative;overflow:hidden}.hours-track__fill{position:absolute;left:0;top:0;bottom:0;background:var(--ok-fg);transition:width .3s}.hours-track__req{position:absolute;right:0;top:-3px;bottom:-3px;width:2px;background:var(--margin)}.hours-track__legend{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--muted)}.act-row{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line);font-size:14px}.act-row:last-child{border-bottom:none}.act-row__desc{flex:1}.act-row__date{color:var(--muted);font-size:12px}.act-row__ch{font-weight:600;min-width:44px;text-align:right}.profile-form{padding:22px 24px}.profile-form__actions{margin-top:20px;display:flex;justify-content:flex-end;gap:12px;align-items:center}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:520px){.profile-grid{grid-template-columns:1fr}}.req-list{display:flex;flex-direction:column;gap:9px}.req-item{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;color:inherit;width:100%}.req-item:hover{border-color:var(--accent)}.req-item--sel{border-color:var(--margin)}.req-item__main{min-width:0}.req-item__main b{font-family:var(--font-display);font-weight:600;font-size:15px;display:block}.req-item__main small{color:var(--faint);font-size:11px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0006;display:flex;justify-content:flex-end}.drawer{width:440px;max-width:100%;height:100%;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;animation:drawer-in .2s ease}.drawer__top{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.drawer__title{font-family:var(--font-display);font-size:19px;font-weight:600}.drawer__title small{display:block;font-family:var(--font-mono);font-size:11px;color:var(--faint);font-weight:400;margin-top:3px}.drawer__x{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;min-width:36px;min-height:36px}.drawer__body{padding:20px 24px;overflow-y:auto}.drawer__sec{margin-bottom:22px}.drawer__h{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--margin);font-weight:600;margin-bottom:10px}.req-response{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;font-size:13px;line-height:1.6}.req-response__when{display:block;font-size:11px;color:var(--faint);margin-bottom:4px}@keyframes drawer-in{0%{transform:translate(20px);opacity:.6}to{transform:none;opacity:1}}@media(max-width:560px){.drawer{width:100%;border-left:none}}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login__cover{background:var(--panel);border-right:1px solid var(--line);padding:28px 44px;display:flex;flex-direction:column;background-image:repeating-linear-gradient(transparent,transparent 31px,var(--line) 31px,var(--line) 32px);background-position:0 60px}.login__cover-top{display:flex;justify-content:space-between;align-items:center}.login__brand{font-family:var(--font-display);font-weight:900;font-size:22px;letter-spacing:-.5px}.login__cover-body{margin-top:auto;margin-bottom:auto;max-width:460px}.login__headline{font-family:var(--font-display);font-weight:900;font-size:46px;line-height:1.04;letter-spacing:-1.5px;margin:14px 0 0}.login__headline em{font-style:normal;color:var(--margin)}.login__ruler{position:relative;height:8px;border-radius:4px;background:var(--panel-2);margin:26px 0 18px;max-width:320px}.login__ruler-fill{position:absolute;top:0;right:40%;bottom:0;left:0;background:var(--miss-fg);border-radius:4px}.login__ruler-cut{position:absolute;top:-5px;bottom:-5px;left:60%;width:2px;background:var(--margin)}.login__ruler-cut:after{content:"6,0";position:absolute;top:-15px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:10px;color:var(--margin)}.login__tagline{color:var(--muted);font-size:15px;line-height:1.6;margin:0}.login__cover-foot{color:var(--faint);font-size:12px;font-family:var(--font-mono)}.login__panel{display:flex;align-items:center;justify-content:center;padding:40px}.login__card{width:100%;max-width:340px;text-align:center}.login__card-title{font-family:var(--font-display);font-weight:600;font-size:24px;margin-bottom:6px}.login__card-sub{color:var(--muted);font-size:14px;margin-bottom:26px}.login__google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--panel);border:1px solid var(--line);color:var(--ink);font-family:var(--font-body);font-size:15px;font-weight:500;border-radius:var(--radius);padding:12px 16px;min-height:48px;cursor:pointer;transition:border-color .15s}.login__google:hover:not(:disabled){border-color:var(--accent)}.login__google:disabled{opacity:.6;cursor:default}.login__note{color:var(--faint);font-size:12px;margin-top:18px}@media(max-width:760px){.login{grid-template-columns:1fr}.login__cover{border-right:none;border-bottom:1px solid var(--line);padding:22px 24px 30px}.login__headline{font-size:32px}.login__cover-foot{display:none}.login__panel{padding:32px 24px}}.creds{max-width:440px;margin:48px auto 0}.creds__title{font-size:28px;margin:10px 0 6px}.creds__intro{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:22px}.creds__form{padding:24px;display:flex;flex-direction:column;gap:16px}.creds__submit{margin-top:4px;min-height:46px;font-size:15px}.creds__error{font-size:13px}.creds__lock{color:var(--faint);font-size:12px;text-align:center;margin:4px 0 0;line-height:1.5}.creds .field span{font-size:13px;color:var(--muted);margin-bottom:6px;display:block}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.viewer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:900px;height:100%;max-height:92vh;display:flex;flex-direction:column}.viewer__top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.viewer__title{font-family:var(--font-display);font-weight:600;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.viewer__x{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;min-width:36px;min-height:36px}.viewer__body{flex:1;min-height:0;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:auto}.viewer__frame{width:100%;height:100%;border:none}.viewer__img{max-width:100%;max-height:100%;object-fit:contain}@media(max-width:560px){.viewer-overlay{padding:0}.viewer{max-height:100vh;border-radius:0}}.center{max-width:420px;margin:80px auto;text-align:center;padding:0 20px}.error{color:var(--miss-fg)}.banner{background:var(--margin-soft);border:1px solid var(--margin);border-radius:var(--radius);padding:10px 14px;font-size:14px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}