.offline-banner{z-index:1000;text-align:center;letter-spacing:-.01em;color:var(--white);background:#b8402f;padding:10px 16px;font-size:14px;font-weight:600;position:fixed;inset:0 0 auto}.offline-banner[hidden]{display:none}.auth-section{padding-block:70px 110px}.auth-wrap{justify-content:center;display:flex}.auth-card{background:var(--white);border:1px solid var(--line);border-radius:20px;width:100%;max-width:440px;padding:44px 46px 40px;box-shadow:0 30px 60px -30px #17243726}.auth-card h1{letter-spacing:-.05em;margin:14px 0 10px;font-size:34px}.auth-card .page-lead{margin-bottom:28px;font-size:15px}.auth-card form{margin-top:0}.auth-card .button{justify-content:center;width:100%;margin-top:6px}.auth-sent-title{letter-spacing:-.03em;margin:6px 0 10px;font-family:Space Grotesk,sans-serif;font-size:22px}.auth-sent .page-lead{margin-bottom:22px}.auth-sent .button{justify-content:center;width:100%}.auth-sent-note{color:var(--muted);text-align:center;margin:12px 0 0;font-size:13px}.button-link{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin:18px auto 0;padding:0;font-size:13px;text-decoration:underline;display:block}.auth-sent #login-code-form{margin-top:16px}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:20px;display:flex}.dash-header h1{letter-spacing:-.06em;margin:10px 0 0;font-size:clamp(2.6rem,4.2vw,3.6rem)}.dash-usage{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.dash-usage-label{color:var(--muted);font-size:13px;font-weight:700}.dash-usage-bar{background:#e7e9e5;border-radius:99px;width:180px;height:6px;overflow:hidden}.dash-usage-fill{background:var(--blue);border-radius:99px;height:100%;transition:width .3s}.dash-usage-bar[data-full=true] .dash-usage-fill{background:var(--coral)}.dash-toolbar{justify-content:flex-end;margin-bottom:30px;display:flex}.dash-toolbar .button[disabled],.dash-toolbar .button[aria-disabled=true]{opacity:.5;pointer-events:none}.dash-state{border:1px solid var(--line);background:var(--white);text-align:center;border-radius:16px;padding:60px 40px}.dash-state h2{letter-spacing:-.03em;margin:0 0 10px;font-size:24px}.dash-state p{color:var(--muted);max-width:440px;margin:0 auto 22px;line-height:1.7}.dash-state .button{display:inline-flex}.dash-state[data-kind=error]{background:#fbeaea;border-color:#f0c3c0}.dash-state[data-kind=error] h2{color:#922620}.experience-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.experience-card{background:var(--white);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.experience-thumb{aspect-ratio:4/3;background:#eef0ec;position:relative;overflow:hidden}.experience-thumb img{object-fit:cover;width:100%;height:100%}.experience-thumb-empty{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;font-size:13px;display:flex}.experience-badge{letter-spacing:.08em;text-transform:uppercase;background:var(--white);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:6px 11px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.experience-badge[data-status=published]{color:#276241;background:#e6f3ea;border-color:#b9dcc4}.experience-badge-missing{color:#93591a;background:#fdf1e2;border-color:#f0d5ab;left:auto;right:12px}.experience-body{flex-direction:column;flex:1;gap:4px;padding:18px 20px 20px;display:flex}.experience-title{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Space Grotesk,sans-serif;font-size:18px;overflow:hidden}.experience-meta{color:var(--muted);margin:0 0 14px;font-size:13px}.experience-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.chip-button{background:var(--white);color:var(--ink);cursor:pointer;border:1px solid #b5bdc9;border-radius:99px;padding:9px 13px;font:600 12.5px/1 DM Sans,sans-serif;transition:background .2s,color .2s,border-color .2s}.chip-button:hover{color:var(--blue);background:#e8edfb;border-color:#a9b5d7}.chip-button:disabled{opacity:.45;cursor:not-allowed}.chip-button[data-variant=danger]:hover{color:#922620;background:#fbeaea;border-color:#f0c3c0}.chip-button[data-variant=primary]{background:var(--blue);color:#fff;border-color:var(--blue)}.chip-button[data-variant=primary]:hover{background:#1e3cb3}.modal-backdrop{z-index:100;background:#18233bb3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop[hidden]{display:none}.modal-panel{background:var(--white);border-radius:18px;width:100%;max-width:380px;padding:32px 34px 28px;box-shadow:0 40px 80px -30px #17243740}.modal-panel h2{letter-spacing:-.03em;margin:0 0 8px;font-size:21px}.modal-panel p{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.6}.modal-qr-canvas-wrap{background:var(--paper);border-radius:14px;justify-content:center;margin-bottom:18px;padding:20px;display:flex}.modal-qr-canvas-wrap canvas{max-width:100%;height:auto}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.modal-actions .button,.modal-actions .chip-button{flex:none}@media (width<=760px){.dash-header,.dash-usage{align-items:flex-start}.experience-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dash-usage-fill{transition:none}}