.file-drop{border:1.5px dashed var(--line-strong);border-radius:var(--radius-m);background:var(--surface);transition:border-color var(--dur-1) var(--ease), background-color var(--dur-1) var(--ease)}.file-drop:hover:not(.file-drop-disabled),.file-drop-over{border-color:var(--brand);background:var(--brand-tint)}.file-drop-disabled{opacity:.55}.file-drop-label{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);text-align:center;cursor:pointer;flex-direction:column;min-height:160px;display:flex}.file-drop-compact .file-drop-label{text-align:left;padding:var(--sp-3) var(--sp-4);flex-direction:row;min-height:64px}.file-drop:has(:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.file-drop-icon{background:var(--surface-2);width:44px;height:44px;color:var(--brand);border-radius:50%;flex:none;place-items:center;display:grid}.file-drop-compact .file-drop-icon{width:36px;height:36px}.file-drop-text{gap:2px;display:grid}.file-drop-main{font-weight:600}.file-drop-hint{font-size:var(--fs-small);color:var(--ink-2)}.drop-overlay{z-index:70;background:var(--scrim);padding:var(--sp-6);animation:fade-in var(--dur-1) var(--ease);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay-card{justify-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-12);background:var(--surface);color:var(--brand);border:2px dashed var(--brand);border-radius:var(--radius-l);font-size:var(--fs-h2);text-align:center;font-weight:600;display:grid}.sheet{background:0 0;border:0;place-items:end center;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;display:none;inset:0;overflow:visible}.sheet[open]{display:grid}.sheet::backdrop{background:var(--scrim);animation:fade-in var(--dur-3) var(--ease)}.sheet-inner{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:var(--shadow-sheet);width:100%;max-height:calc(100dvh - 24px);animation:sheet-up var(--dur-3) var(--ease);padding-bottom:var(--safe-bottom);grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.sheet-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-2) var(--sp-5);display:flex}.sheet-heading{gap:2px;min-width:0;padding-top:6px;display:grid}.sheet-title{font-size:var(--fs-h2)}.sheet-subtitle{font-size:var(--fs-small);color:var(--ink-2)}.sheet-body{padding:var(--sp-2) var(--sp-5) var(--sp-5);overscroll-behavior:contain;overflow:auto}.sheet-footer{gap:var(--sp-2);padding:var(--sp-3) var(--sp-5) var(--sp-4);border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:flex-end;display:flex}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:767px){.sheet-footer .btn{flex:auto}.sheet-footer .btn-primary{flex-basis:100%;order:-1}}@media (min-width:768px){.sheet{padding:var(--sp-6);place-items:center}.sheet-inner{border-radius:var(--radius-l);width:min(100%,480px);max-height:calc(100dvh - 48px);padding-bottom:0}.sheet-l .sheet-inner{width:min(100%,720px)}}.action-cards{gap:var(--sp-3);display:grid}@media (min-width:768px){.action-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.action-card{gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);color:var(--ink);text-align:left;width:100%;transition:border-color var(--dur-1) var(--ease);display:grid}.action-card-clickable{align-items:center;gap:var(--sp-3);cursor:pointer;display:flex}.action-card-clickable:hover{border-color:var(--brand);text-decoration:none}.action-card-head{align-items:center;gap:var(--sp-3);display:flex}.action-card-icon{border-radius:var(--radius-s);background:var(--brand-tint);width:40px;height:40px;color:var(--brand);flex:none;place-items:center;display:grid}.action-card-text{flex:auto;gap:2px;min-width:0;display:grid}.action-card-title{font-weight:600}.action-card-body{font-size:var(--fs-small);color:var(--ink-2)}.action-card-chevron{color:var(--ink-3);flex:none}.action-card-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0}.action-card-expandable:not(.is-expanded):hover,.action-card-expandable:focus-within{border-color:var(--brand)}.action-card-chevron{transition:transform var(--dur-1) var(--ease)}.action-card-chevron-open{transform:rotate(90deg)}@media (min-width:768px){.action-card-toggle{min-height:40px}}.qr-card{gap:var(--sp-4);padding:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);flex-wrap:wrap;align-items:center;display:flex}.qr-card-bare{background:0 0;border:0;border-radius:0;padding:0}.qr-card-code{border-radius:var(--radius-s);border:1px solid var(--line);background:#fff;flex:none;place-items:center;width:128px;height:128px;display:grid;overflow:hidden}.qr-card-code:has(.qr-card-placeholder){background:var(--surface-2)}.qr-card-code canvas{width:128px!important;height:128px!important}.qr-card-placeholder{color:var(--ink-3)}.qr-card-text{gap:var(--sp-1);flex:190px;justify-items:start;min-width:min(190px,100%);display:grid}.qr-card-title{font-size:var(--fs-body);font-weight:600}.qr-card-body{font-size:var(--fs-small);color:var(--ink-2)}@media (min-width:768px){.qr-card-code,.qr-card-code canvas{width:160px!important;height:160px!important}}.add-menu .action-cards{grid-template-columns:1fr}.add-menu .action-card-content{gap:var(--sp-3);justify-items:start;display:grid}.add-menu .file-drop,.add-menu .qr-card{width:100%}.add-menu .action-card-clickable{min-height:44px}@media (min-width:768px){.add-menu .action-card-clickable{min-height:40px}}.add-menu-done{align-items:center;gap:var(--sp-2) var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);font-size:var(--fs-xs);background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;font-weight:500;line-height:1.4;display:inline-flex}.badge-brand{background:var(--brand-tint);color:var(--brand-ink)}.badge-gold{background:var(--gold-tint);color:var(--gold-ink)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.badge-info{background:var(--info-tint);color:var(--info)}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.count-badge{background:var(--brand);min-width:20px;height:20px;color:var(--on-brand);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;padding:0 6px;font-weight:600;display:inline-grid}.count-badge:empty{display:none}.tier-badge{gap:4px}.timeline{padding-left:var(--sp-5);display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:8px;bottom:8px;left:5px}.timeline-item{padding:var(--sp-2) 0;position:relative}.timeline-dot{left:calc(-1 * var(--sp-5));background:var(--surface);border:2px solid var(--line-strong);border-radius:50%;width:12px;height:12px;position:absolute;top:14px}.timeline-ok .timeline-dot{border-color:var(--brand);background:var(--brand)}.timeline-gold .timeline-dot{border-color:var(--gold)}.timeline-danger .timeline-dot{border-color:var(--danger);background:var(--danger)}.timeline-body{gap:1px;display:grid}.timeline-time{font-size:var(--fs-xs);color:var(--ink-2)}.timeline-title{font-weight:500}.timeline-detail{font-size:var(--fs-small);color:var(--ink-2)}