:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#090909;color:#f3f3f3}*{box-sizing:border-box}body{margin:0}header{height:64px;border-bottom:1px solid #242424;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,5vw);background:#0d0d0d;position:sticky;top:0}header a{color:#ddd;text-decoration:none}.brand{font-weight:850;letter-spacing:.12em}nav{display:flex;align-items:center;gap:18px}nav form{margin:0}nav button{border:0;background:transparent;color:#aaa;cursor:pointer}main{max-width:1120px;margin:auto;padding:60px 24px}.hero{max-width:820px;padding:7vh 0}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;margin:14px 0 24px;letter-spacing:-.045em}.hero p{font-size:20px;line-height:1.6;color:#aaa;max-width:690px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#78d292;font-weight:800}.button{display:inline-block;border:0;border-radius:8px;padding:11px 16px;background:#eee;color:#111;text-decoration:none;font-weight:750;cursor:pointer}.muted{color:#777!important;font-size:14px!important}.panel{max-width:620px;background:#111;border:1px solid #252525;border-radius:14px;padding:28px}.panel input,.panel select{width:100%;padding:11px;background:#181818;color:#fff;border:1px solid #333;border-radius:7px}.panel label{display:block;margin-bottom:6px;color:#bbb}.helptext{color:#777;font-size:12px}.privacy{padding:12px 14px;background:#102016;border:1px solid #24432f;border-radius:9px;color:#cfe9d5;margin:15px 0}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:28px}.card,.empty,.row{background:#111;border:1px solid #262626;border-radius:12px;padding:18px}.card h3{margin:0 0 8px}.card p{color:#888}.pill{display:inline-block;padding:4px 8px;margin:3px;border:1px solid #343434;border-radius:99px;color:#bbb;font-size:11px}.list{display:grid;gap:8px;margin-top:25px}.row{display:flex;justify-content:space-between;align-items:center;gap:15px}@media(max-width:650px){main{padding:35px 16px}.topline,.row{align-items:flex-start;flex-direction:column}.hero{padding:3vh 0}}

.capture-panel{max-width:820px}.capture-heading h1{margin-bottom:8px}.form-section{border:1px solid #2b2b2b;border-radius:12px;padding:18px;margin:18px 0;background:#0f0f0f}.form-section legend{padding:0 8px;font-weight:800;color:#eee}.form-section p{margin:12px 0}.form-section textarea{width:100%;padding:11px;background:#181818;color:#fff;border:1px solid #333;border-radius:7px;resize:vertical}.section-help{margin-top:0!important;color:#777;font-size:13px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.review-grid .form-section{margin:18px 0}.review-card,.resolver-details,.notice{border-radius:10px;padding:14px 16px;margin:16px 0}.review-card{background:#121821;border:1px solid #2b4057}.review-card h3{margin:6px 0}.review-card p{margin:7px 0;color:#bbb}.resolver-details{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#111;border:1px solid #2b2b2b}.resolver-details strong{display:block;margin-top:5px}.notice{background:#1b1710;border:1px solid #544323;color:#ead9b8}.check-row{display:flex;align-items:center;gap:9px}.check-row input{width:auto}.check-row label{margin:0}.confirmation-section{border-color:#3b4430}.copy-section{background:#101512}.errorlist{color:#ff9a9a}.copy-meta{color:#999;font-size:13px;margin-top:6px}.copy-note{color:#777;font-size:12px;margin-top:4px}
@media(max-width:760px){.review-grid{grid-template-columns:1fr}.resolver-details{flex-direction:column}}

.movie-link,.text-link{color:#e8e8e8;text-decoration:none}.movie-link:hover,.text-link:hover{text-decoration:underline}.movie-hub-heading h1{margin-bottom:4px}.hub-section{margin-top:44px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:6px 0 0}.edition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.edition-card{background:#111;border:1px solid #262626;border-radius:14px;padding:20px}.edition-card h3{margin:10px 0 14px}.edition-card-heading,.copy-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.copy-count{font-size:13px;color:#999}.edition-facts{display:grid;gap:6px;margin:14px 0 18px}.edition-facts div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #202020;padding-bottom:6px}.edition-facts dt{color:#777;font-size:12px}.edition-facts dd{margin:0;color:#bbb;font-size:13px;text-align:right}.copy-list{display:grid;gap:8px;margin:14px 0}.copy-card{background:#0d0d0d;border:1px solid #242424;border-radius:10px;padding:14px}.copy-card p{margin:7px 0;color:#999;font-size:13px}.secondary-button{background:#1b1b1b;color:#eee;border:1px solid #333}.muted-button{background:#171717;color:#ddd;border:1px solid #303030}.copy-form-panel{margin-top:26px}.edition-context{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #262626}.copy-form-panel textarea{width:100%;padding:11px;background:#181818;color:#fff;border:1px solid #333;border-radius:7px;resize:vertical}.primary-check{margin-top:16px}
@media(max-width:650px){.section-heading,.edition-card-heading{align-items:flex-start;flex-direction:column}.edition-grid{grid-template-columns:1fr}.edition-facts div{align-items:flex-start;flex-direction:column;gap:3px}.edition-facts dd{text-align:left}}

.collection-heading h1{margin-bottom:4px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 18px}.view-switch{display:inline-flex;border:1px solid #303030;border-radius:10px;padding:3px;background:#101010}.view-switch a{padding:7px 11px;border-radius:7px;color:#999;text-decoration:none;font-size:13px;font-weight:750}.view-switch a[aria-current="page"]{background:#262626;color:#f2f2f2}.collection-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.collection-tile{min-width:0;background:#111;border:1px solid #262626;border-radius:14px;overflow:hidden}.collection-tile-link{display:block;height:100%;color:inherit;text-decoration:none}.collection-tile-link:focus-visible,.view-switch a:focus-visible{outline:3px solid #ddd;outline-offset:3px}.collection-cover-fallback{aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:space-between;padding:18px;background:linear-gradient(145deg,#171717,#0d0d0d);border-bottom:1px solid #262626}.cover-kicker{font-size:10px;letter-spacing:.16em;color:#777;font-weight:800}.cover-letter{font-size:clamp(58px,8vw,96px);line-height:1;font-weight:900;letter-spacing:-.08em;color:#d7d7d7}.collection-card-body{display:grid;gap:12px;padding:15px}.collection-card-body h2{font-size:16px;line-height:1.25;margin:0 0 5px}.collection-card-body p{margin:0}.collection-overlays{display:flex;flex-wrap:wrap;gap:4px}.collection-overlays .pill{margin:0}.collection-visibility{font-size:11px;color:#777}.collection-list{display:grid;gap:8px}.collection-list-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:22px;background:#111;border:1px solid #262626;border-radius:12px;padding:18px}.collection-list-title{display:grid;align-content:start;gap:6px}.collection-list-details{min-width:0}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:30px}.pagination span{color:#999;font-size:13px}
@media(max-width:650px){.collection-toolbar{align-items:flex-start;flex-direction:column}.collection-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-cover-fallback{padding:14px}.collection-card-body{padding:12px}.collection-list-row{grid-template-columns:1fr}.pagination{justify-content:space-between;gap:8px}.pagination .button{padding:9px 11px}}

.message-stack{display:grid;gap:10px;margin:0 0 24px}.flash-message{border:1px solid #31523b;background:#102016;color:#d8f0de;border-radius:10px;padding:13px 15px}.ownership-card{border:1px solid #31523b;background:#0f1812;border-radius:10px;padding:14px 16px;margin:16px 0}.ownership-card p{margin:7px 0;color:#c7d8cb}.ownership-card .muted{margin-top:9px!important}


/* === UI/UX POLISH PHASE 1: APP SHELL + DASHBOARD === */
:root{
    --bg:#080a0b;
    --bg-elevated:#0d1012;
    --surface:#111416;
    --surface-strong:#15191c;
    --surface-soft:#0e1113;
    --border:#262c30;
    --border-strong:#343c41;
    --text:#f4f6f7;
    --text-soft:#c2c8cc;
    --muted-text:#7f8a91;
    --accent:#7bdc96;
    --accent-strong:#97e8ad;
    --accent-bg:#102018;
    --accent-border:#2f5840;
    --warning-bg:#1b1710;
    --warning-border:#544323;
    --warning-text:#ead9b8;
    --danger:#ff9f9f;
    --focus:#d7f6df;
    --radius-sm:8px;
    --radius-md:12px;
    --radius-lg:16px;
    --radius-xl:22px;
    --shadow-card:0 16px 38px rgba(0,0,0,.18);
    --content-max:1240px;
    color-scheme:dark;
    background:var(--bg);
    color:var(--text);
}
html{
    background:var(--bg);
    scroll-behavior:smooth;
}
body{
    min-height:100vh;
    background:
        radial-gradient(circle at 15% -10%,rgba(91,155,111,.12),transparent 32rem),
        radial-gradient(circle at 95% 8%,rgba(70,91,111,.08),transparent 28rem),
        var(--bg);
    color:var(--text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.5;
}
button,input,select,textarea{
    font:inherit;
}
a{
    text-underline-offset:.2em;
}
:where(a,button,input,select,textarea):focus-visible{
    outline:3px solid var(--focus);
    outline-offset:3px;
}
.skip-link{
    position:fixed;
    z-index:1000;
    left:16px;
    top:12px;
    padding:10px 14px;
    border-radius:var(--radius-sm);
    background:#fff;
    color:#080a0b;
    font-weight:800;
    text-decoration:none;
    transform:translateY(-180%);
    transition:transform .12s ease;
}
.skip-link:focus{
    transform:translateY(0);
}
.site-header{
    height:auto;
    min-height:68px;
    padding:0;
    z-index:50;
    border-bottom:1px solid rgba(255,255,255,.07);
    background:rgba(8,10,11,.86);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.site-header-inner{
    width:min(var(--content-max),calc(100% - 32px));
    min-height:68px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.brand{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:var(--text);
    text-decoration:none;
    letter-spacing:0;
}
.brand-mark{
    width:30px;
    height:30px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,var(--accent-strong),#4ca66a);
    color:#071009;
    font-weight:950;
    box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;
}
.brand-name{
    font-size:15px;
    font-weight:900;
    letter-spacing:.13em;
}
.primary-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
}
.primary-nav form{
    margin:0 0 0 4px;
}
.nav-link,
.nav-scan,
.logout-button{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    padding:0 12px;
    font-size:14px;
    font-weight:720;
    text-decoration:none;
}
.nav-link{
    color:var(--muted-text);
}
.nav-link:hover,
.nav-link[aria-current="page"]{
    color:var(--text);
    background:rgba(255,255,255,.055);
}
.nav-scan{
    min-height:42px;
    padding:0 15px;
    margin-left:5px;
    color:#071009;
    background:var(--accent-strong);
}
.nav-scan:hover{
    background:#aaefbb;
}
.nav-scan[aria-current="page"]{
    box-shadow:0 0 0 2px rgba(151,232,173,.28);
}
.logout-button{
    border:0;
    background:transparent;
    color:var(--muted-text);
    cursor:pointer;
}
.logout-button:hover{
    color:var(--text);
    background:rgba(255,255,255,.045);
}
main{
    max-width:var(--content-max);
    margin:auto;
    padding:48px 24px 104px;
}
h1,h2,h3{
    color:var(--text);
    text-wrap:balance;
}
h1{
    font-size:clamp(38px,5vw,68px);
    line-height:.98;
    letter-spacing:-.045em;
}
h2{
    font-size:clamp(24px,3vw,34px);
    line-height:1.1;
    letter-spacing:-.025em;
}
.eyebrow{
    color:var(--accent);
    font-size:11px;
    line-height:1.2;
    letter-spacing:.18em;
    font-weight:850;
}
.muted{
    color:var(--muted-text)!important;
}
.button{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:10px;
    padding:10px 16px;
    background:var(--text);
    color:#0a0c0d;
    font-weight:800;
    text-decoration:none;
    cursor:pointer;
    transition:transform .12s ease,background .12s ease,border-color .12s ease;
}
.secondary-button,
.muted-button{
    background:var(--surface-strong);
    color:var(--text);
    border:1px solid var(--border-strong);
}
.secondary-button:hover,
.muted-button:hover{
    background:#1b2023;
    border-color:#454e54;
}
.text-link,
.movie-link{
    color:var(--text-soft);
    font-weight:700;
    text-decoration:none;
}
.text-link:hover,
.movie-link:hover{
    color:var(--text);
    text-decoration:underline;
}
.pill{
    border-color:var(--border-strong);
    color:var(--text-soft);
    background:rgba(255,255,255,.025);
}
.privacy{
    background:var(--accent-bg);
    border-color:var(--accent-border);
    color:#d7eddd;
}
.notice{
    background:var(--warning-bg);
    border-color:var(--warning-border);
    color:var(--warning-text);
}
.errorlist{
    color:var(--danger);
}
.message-stack{
    margin-bottom:28px;
}
.flash-message{
    border-color:var(--accent-border);
    background:var(--accent-bg);
    color:#dcf2e2;
    box-shadow:var(--shadow-card);
}
.mobile-nav{
    display:none;
}

/* Dashboard */
.dashboard-hero{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    gap:32px;
    align-items:end;
    min-height:390px;
    margin:-12px 0 30px;
    padding:54px clamp(22px,4vw,52px);
    border:1px solid rgba(255,255,255,.075);
    border-radius:var(--radius-xl);
    background:
        linear-gradient(120deg,rgba(123,220,150,.095),transparent 42%),
        linear-gradient(145deg,#101416,#0c0f11);
    box-shadow:var(--shadow-card);
    overflow:hidden;
    position:relative;
}
.dashboard-hero::after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    right:-170px;
    top:-180px;
    border-radius:50%;
    border:1px solid rgba(151,232,173,.12);
    box-shadow:
        0 0 0 42px rgba(151,232,173,.025),
        0 0 0 96px rgba(151,232,173,.018);
    pointer-events:none;
}
.dashboard-hero-copy{
    position:relative;
    z-index:1;
    max-width:760px;
}
.hero-kicker-row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}
.status-badge{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 8px;
    border:1px solid var(--border);
    border-radius:999px;
    color:var(--muted-text);
    background:rgba(255,255,255,.03);
    font-size:10px;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.dashboard-hero h1{
    max-width:760px;
    margin:16px 0 20px;
}
.dashboard-hero-copy>p{
    max-width:680px;
    margin:0;
    color:#a7b0b5;
    font-size:clamp(17px,2vw,20px);
    line-height:1.65;
}
.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}
.dashboard-stats{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}
.stat-card{
    min-width:0;
    padding:18px 14px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:14px;
    background:rgba(7,9,10,.48);
    backdrop-filter:blur(8px);
    text-align:center;
}
.stat-card strong{
    display:block;
    margin-bottom:4px;
    color:var(--text);
    font-size:clamp(25px,3.4vw,38px);
    line-height:1;
    letter-spacing:-.045em;
}
.stat-card span{
    color:var(--muted-text);
    font-size:12px;
    font-weight:700;
}
.compact-privacy{
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 48px;
    padding:9px 12px;
    font-size:13px;
}
.content-section{
    margin-top:42px;
}
.content-section .section-heading{
    align-items:end;
}
.media-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(170px,1fr));
    gap:16px;
    margin-top:18px;
}
.media-card{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    background:var(--surface);
    box-shadow:0 10px 28px rgba(0,0,0,.1);
}
.media-card-link{
    display:block;
    height:100%;
    color:inherit;
    text-decoration:none;
}
.media-cover-fallback,
.rediscovery-cover{
    aspect-ratio:2/3;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:17px;
    background:
        radial-gradient(circle at 78% 20%,rgba(123,220,150,.16),transparent 36%),
        linear-gradient(150deg,#1a2023,#0c0f11 72%);
    border-bottom:1px solid var(--border);
    position:relative;
    overflow:hidden;
}
.media-cover-fallback::before,
.rediscovery-cover::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-70px;
    bottom:-65px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 0 0 30px rgba(255,255,255,.015);
}
.cover-kicker{
    position:relative;
    z-index:1;
    color:#829088;
}
.cover-letter{
    position:relative;
    z-index:1;
    color:#edf4ef;
    text-shadow:0 8px 30px rgba(0,0,0,.25);
}
.cover-medium{
    position:relative;
    z-index:1;
    align-self:flex-start;
    padding:4px 7px;
    border-radius:999px;
    background:rgba(5,7,8,.58);
    border:1px solid rgba(255,255,255,.1);
    color:#d7e0da;
    font-size:10px;
    font-weight:800;
}
.media-card-body{
    display:grid;
    gap:13px;
    padding:15px;
}
.media-card-body h3{
    margin:0 0 4px;
    font-size:16px;
    line-height:1.25;
}
.media-card-body p{
    margin:0;
}
.media-card-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}
.media-card-meta .pill{
    margin:0;
}
.visibility-label{
    color:var(--muted-text);
    font-size:11px;
}
.empty-feature{
    min-height:250px;
    grid-column:1/-1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:7px;
    padding:32px;
    border-style:dashed;
}
.empty-feature h3,
.empty-feature p{
    margin:0;
}
.empty-feature .button{
    margin-top:12px;
}
.rediscovery-card{
    display:grid;
    grid-template-columns:minmax(180px,230px) minmax(0,1fr);
    gap:0;
    max-width:820px;
    margin-top:54px;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:var(--radius-xl);
    background:linear-gradient(145deg,#111517,#0e1113);
    box-shadow:var(--shadow-card);
}
.rediscovery-cover{
    aspect-ratio:auto;
    min-height:285px;
    border:0;
    border-right:1px solid var(--border);
}
.rediscovery-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:30px clamp(24px,4vw,42px);
}
.rediscovery-copy h2{
    margin:9px 0 20px;
}
.rediscovery-copy h3{
    margin:0 0 7px;
    font-size:22px;
}
.rediscovery-copy p{
    margin:4px 0;
}
.privacy-note{
    max-width:520px;
    margin-top:18px!important;
    color:#7f8a91;
    font-size:12px;
}

/* Global form ergonomics used by existing screens */
.panel input,
.panel select,
.panel textarea,
.form-section input,
.form-section select,
.form-section textarea{
    min-height:44px;
    border-color:var(--border-strong);
    background:#14181a;
}
.panel textarea,
.form-section textarea{
    min-height:110px;
}
.panel input:focus,
.panel select:focus,
.panel textarea:focus,
.form-section input:focus,
.form-section select:focus,
.form-section textarea:focus{
    border-color:#6dbf84;
}

/* Subtle motion only when the OS allows it */
@media (prefers-reduced-motion:no-preference){
    .media-card,
    .collection-tile,
    .edition-card{
        transition:transform .14s ease,border-color .14s ease,background .14s ease;
    }
    .media-card:hover,
    .collection-tile:hover{
        transform:translateY(-2px);
        border-color:#3a4449;
    }
    .edition-card:hover{
        border-color:#343d42;
    }
}

@media(max-width:900px){
    .dashboard-hero{
        grid-template-columns:1fr;
        min-height:0;
        padding:38px 28px;
    }
    .dashboard-stats{
        max-width:560px;
    }
}
@media(max-width:760px){
    .site-header-inner{
        width:calc(100% - 24px);
        min-height:62px;
    }
    .site-header{
        min-height:62px;
    }
    .desktop-nav-link{
        display:none;
    }
    .primary-nav{
        gap:3px;
    }
    .primary-nav form{
        margin:0;
    }
    .logout-button{
        padding:0 9px;
        font-size:12px;
    }
    main{
        padding:30px 16px 112px;
    }
    .mobile-nav{
        position:fixed;
        z-index:60;
        left:12px;
        right:12px;
        bottom:12px;
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
        gap:5px;
        padding:6px;
        border:1px solid rgba(255,255,255,.1);
        border-radius:18px;
        background:rgba(13,16,18,.94);
        box-shadow:0 18px 50px rgba(0,0,0,.42);
        backdrop-filter:blur(20px);
        -webkit-backdrop-filter:blur(20px);
    }
    .mobile-nav a{
        min-height:50px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:1px;
        border-radius:12px;
        color:#8f9a9f;
        font-size:10px;
        font-weight:750;
        text-decoration:none;
    }
    .mobile-nav a[aria-current="page"]{
        color:var(--text);
        background:rgba(255,255,255,.065);
    }
    .mobile-nav .mobile-scan{
        color:#071009;
        background:var(--accent-strong);
    }
    .mobile-nav .mobile-scan[aria-current="page"]{
        color:#071009;
        background:#aaefbb;
    }
    .mobile-nav-icon{
        font-size:19px;
        line-height:1;
    }
    .dashboard-hero{
        margin-top:0;
        padding:30px 20px;
        border-radius:18px;
    }
    .dashboard-hero h1{
        font-size:clamp(38px,12vw,55px);
    }
    .dashboard-hero-copy>p{
        font-size:16px;
    }
    .hero-actions{
        display:grid;
        grid-template-columns:1fr;
    }
    .hero-actions .button{
        width:100%;
    }
    .dashboard-stats{
        grid-template-columns:repeat(3,1fr);
    }
    .stat-card{
        padding:15px 8px;
    }
    .stat-card span{
        font-size:10px;
    }
    .compact-privacy{
        margin-bottom:36px;
    }
    .media-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .media-cover-fallback{
        padding:14px;
    }
    .media-card-body{
        padding:12px;
    }
    .media-card-meta{
        align-items:flex-start;
        flex-direction:column;
    }
    .rediscovery-card{
        grid-template-columns:1fr;
    }
    .rediscovery-cover{
        min-height:170px;
        aspect-ratio:16/8;
        border-right:0;
        border-bottom:1px solid var(--border);
    }
    .rediscovery-copy{
        padding:24px 20px 28px;
    }
}
@media(max-width:380px){
    .brand-name{
        display:none;
    }
    .dashboard-stats{
        grid-template-columns:1fr;
    }
    .stat-card{
        display:flex;
        align-items:baseline;
        justify-content:space-between;
        padding:13px 15px;
        text-align:left;
    }
}


/* === UI/UX POLISH PHASE 1: COLLECTION + MOVIE HUB + CAPTURE === */
.page-hero{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:28px;
}
.page-hero h1{
    margin:10px 0 10px;
}
.page-lead{
    max-width:720px;
    margin:0;
    color:#9da7ad;
    font-size:17px;
    line-height:1.65;
}
.compact-page-hero{
    min-height:180px;
    padding:20px 0 8px;
}
.compact-page-hero h1{
    font-size:clamp(42px,6vw,64px);
}
.compact-notice{
    max-width:760px;
    margin:0 0 36px;
}

/* Collection */
.collection-toolbar{
    min-height:58px;
    margin:14px 0 20px;
    padding:8px 10px;
    border:1px solid var(--border);
    border-radius:14px;
    background:rgba(17,20,22,.72);
}
.collection-toolbar-meta{
    display:flex;
    align-items:center;
    gap:8px;
    padding-right:7px;
    color:var(--muted-text);
    font-size:12px;
    font-weight:650;
}
.view-switch{
    border-color:var(--border);
    background:#0c0f11;
}
.view-switch a{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    color:var(--muted-text);
}
.view-switch a[aria-current="page"]{
    background:#242a2e;
    color:var(--text);
    box-shadow:0 1px 0 rgba(255,255,255,.04) inset;
}
.collection-wall{
    grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
    gap:16px;
}
.collection-tile{
    border-color:var(--border);
    background:var(--surface);
    box-shadow:0 10px 28px rgba(0,0,0,.1);
}
.collection-cover-fallback{
    padding:17px;
    background:
        radial-gradient(circle at 78% 20%,rgba(123,220,150,.14),transparent 36%),
        linear-gradient(150deg,#1a2023,#0c0f11 72%);
    border-bottom-color:var(--border);
    position:relative;
    overflow:hidden;
}
.collection-cover-fallback::before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-70px;
    bottom:-65px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 0 0 30px rgba(255,255,255,.015);
}
.collection-card-body{
    gap:13px;
    padding:15px;
}
.collection-card-body h2{
    color:var(--text);
    font-size:16px;
}
.collection-overlays{
    gap:5px;
}
.collection-visibility{
    color:var(--muted-text);
}
.collection-list{
    gap:10px;
}
.collection-list-row{
    grid-template-columns:76px minmax(170px,.65fr) minmax(0,1.35fr);
    gap:20px;
    align-items:start;
    padding:15px;
    border-color:var(--border);
    background:var(--surface);
}
.collection-list-cover{
    width:76px;
    aspect-ratio:2/3;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:9px;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:9px;
    background:
        radial-gradient(circle at 80% 20%,rgba(123,220,150,.13),transparent 36%),
        linear-gradient(150deg,#1a2023,#0c0f11 72%);
    color:inherit;
    text-decoration:none;
}
.collection-list-cover .cover-kicker{
    font-size:7px;
}
.collection-list-cover .cover-letter{
    font-size:34px;
}
.collection-list-title{
    padding-top:4px;
}
.collection-list-title strong{
    font-size:17px;
    line-height:1.3;
}
.collection-list-details{
    display:grid;
    gap:8px;
}
.collection-summary-pills{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-bottom:3px;
}
.collection-summary-pills .pill{
    margin:0;
}
.subtle-pill{
    color:var(--muted-text);
}
.copy-meta{
    display:grid;
    gap:3px;
    margin:0;
    padding:10px 12px;
    border:1px solid #22282c;
    border-radius:9px;
    background:#0d1012;
    color:#929da3;
    font-size:12px;
}
.copy-meta-title{
    color:#c2c9cc;
    font-weight:700;
}
.copy-note{
    color:#7f898f;
}
.pagination{
    min-height:62px;
    justify-content:space-between;
    margin-top:28px;
    padding-top:18px;
    border-top:1px solid var(--border);
}

/* Movie Hub */
.movie-hero{
    display:grid;
    grid-template-columns:minmax(180px,230px) minmax(0,1fr);
    gap:38px;
    align-items:center;
    margin-bottom:24px;
    padding:22px 0 30px;
}
.movie-hero-cover{
    aspect-ratio:2/3;
    min-height:315px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:18px;
    overflow:hidden;
    position:relative;
    border:1px solid var(--border);
    border-radius:var(--radius-xl);
    background:
        radial-gradient(circle at 72% 18%,rgba(123,220,150,.18),transparent 34%),
        linear-gradient(150deg,#1b2225,#0b0e10 72%);
    box-shadow:var(--shadow-card);
}
.movie-hero-cover::after{
    content:"";
    position:absolute;
    width:190px;
    height:190px;
    right:-90px;
    bottom:-75px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 0 0 38px rgba(255,255,255,.018);
}
.movie-hero-cover .cover-letter{
    font-size:clamp(86px,12vw,134px);
}
.movie-year-badge{
    position:relative;
    z-index:1;
    align-self:flex-start;
    padding:5px 8px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:999px;
    background:rgba(5,7,8,.6);
    color:#d4dddd;
    font-size:11px;
    font-weight:800;
}
.movie-hero-copy{
    max-width:780px;
}
.movie-hero-copy h1{
    margin:16px 0 5px;
}
.movie-subtitle{
    margin:0;
    color:var(--muted-text);
    font-size:17px;
}
.ownership-summary{
    display:flex;
    gap:8px;
    margin:25px 0 0;
}
.ownership-summary>div{
    min-width:120px;
    padding:13px 15px;
    border:1px solid var(--border);
    border-radius:12px;
    background:var(--surface-soft);
}
.ownership-summary strong{
    display:block;
    color:var(--text);
    font-size:24px;
    line-height:1;
}
.ownership-summary span{
    color:var(--muted-text);
    font-size:11px;
    font-weight:700;
}
.hub-section{
    margin-top:52px;
}
.section-intro{
    max-width:640px;
    margin:8px 0 0;
    color:var(--muted-text);
    font-size:14px;
}
.edition-grid{
    grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
    gap:16px;
}
.edition-card{
    padding:21px;
    border-color:var(--border);
    background:var(--surface);
    box-shadow:0 12px 28px rgba(0,0,0,.08);
}
.owned-edition-card{
    border-top-color:#477458;
}
.catalog-section{
    padding-top:42px;
    border-top:1px solid var(--border);
}
.catalog-edition-card{
    background:#0e1113;
}
.catalog-label{
    color:#68747a;
    font-size:10px;
    font-weight:850;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.copy-count{
    color:#9aa5aa;
    font-weight:750;
}
.edition-facts{
    gap:7px;
    margin:16px 0 20px;
}
.edition-facts div{
    border-bottom-color:#252b2e;
}
.edition-facts dt{
    color:#778289;
}
.edition-facts dd{
    color:#bfc7ca;
}
.copy-list{
    gap:9px;
}
.copy-card{
    padding:14px;
    border-color:#282f33;
    background:#0b0e10;
}
.copy-card-heading>div{
    display:grid;
    gap:3px;
}
.copy-label{
    color:#667279;
    font-size:9px;
    font-weight:850;
    letter-spacing:.13em;
}
.primary-pill{
    border-color:#3f6a4c;
    background:#102017;
    color:#bfe7c9;
}
.copy-card p{
    display:grid;
    grid-template-columns:92px 1fr;
    gap:8px;
}
.copy-key{
    color:#69757b;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.edition-action{
    width:100%;
    margin-top:4px;
}

/* Capture */
.capture-page-hero{
    align-items:end;
    min-height:210px;
    margin-bottom:12px;
}
.capture-page-hero h1{
    max-width:850px;
}
.capture-privacy{
    margin-bottom:20px;
}
.capture-workflow{
    max-width:960px;
}
.form-section{
    border-color:var(--border);
    background:rgba(15,18,20,.82);
}
.form-section legend{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--text);
}
.step-number{
    width:24px;
    height:24px;
    display:inline-grid;
    place-items:center;
    border:1px solid #3e4a50;
    border-radius:8px;
    color:#c9d2d6;
    background:#171c1f;
    font-size:11px;
    font-weight:850;
}
.capture-primary-step{
    padding:22px;
    border-color:#355642;
    background:
        linear-gradient(120deg,rgba(123,220,150,.055),transparent 48%),
        #0f1411;
}
.barcode-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:end;
}
.barcode-field input{
    min-height:52px;
    font-size:18px;
    letter-spacing:.025em;
}
.barcode-submit{
    min-height:52px;
    min-width:128px;
}
.capture-feedback-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.known-ean-state{
    display:grid;
    gap:20px;
    margin-bottom:14px;
    padding:24px;
    border:1px solid #355642;
    border-radius:var(--radius-xl);
    background:
        linear-gradient(135deg,rgba(123,220,150,.07),transparent 45%),
        var(--surface);
}
.known-ean-heading{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}
.known-ean-heading h2{
    margin:6px 0 5px;
}
.known-ean-heading p{
    margin:0;
    color:var(--muted-text);
}
.known-ean-layout{
    display:grid;
    grid-template-columns:minmax(150px,210px) minmax(0,1fr);
    gap:22px;
    align-items:start;
}
.known-cover-fallback{
    aspect-ratio:2/3;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-width:0;
    padding:18px;
    overflow:hidden;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    background:
        radial-gradient(circle at 78% 20%,rgba(123,220,150,.14),transparent 34%),
        linear-gradient(150deg,#1a2023,#0c0f11 72%);
}
.known-cover-fallback .cover-letter{
    font-size:clamp(64px,8vw,92px);
}
.known-ean-details{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.known-fact-group{
    min-width:0;
    padding:18px;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    background:#0d1113;
}
.known-fact-group h3{
    margin:6px 0 4px;
    font-size:21px;
}
.known-original-title{
    margin:0 0 14px;
    color:var(--text-soft);
}
.known-fact-grid{
    display:grid;
    gap:0;
    margin:14px 0 0;
}
.known-fact-grid div{
    display:grid;
    grid-template-columns:minmax(96px,.7fr) minmax(0,1fr);
    gap:12px;
    padding:9px 0;
    border-top:1px solid var(--border);
}
.known-fact-grid dt{
    color:var(--muted-text);
    font-size:12px;
    font-weight:700;
}
.known-fact-grid dd{
    margin:0;
    color:var(--text-soft);
    text-align:right;
    overflow-wrap:anywhere;
}
.known-ownership-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px 24px;
    align-items:center;
    margin:12px 0;
    padding:18px 20px;
    border:1px solid var(--accent-border);
    border-radius:var(--radius-lg);
    background:var(--accent-bg);
}
.known-ownership-card h3{
    margin:6px 0 0;
    font-size:18px;
}
.known-ownership-card>p{
    grid-column:1/-1;
    margin:0;
}
.known-ownership-stats{
    display:flex;
    gap:8px;
}
.known-ownership-stats>div{
    min-width:88px;
    display:grid;
    gap:1px;
    padding:10px 12px;
    border:1px solid rgba(151,232,173,.18);
    border-radius:10px;
    background:rgba(0,0,0,.14);
    text-align:center;
}
.known-ownership-stats strong{
    font-size:20px;
}
.known-ownership-stats span{
    color:var(--text-soft);
    font-size:11px;
}
.known-copy-section{
    margin-top:16px;
}
.known-copy-section legend{
    font-size:16px;
}
.known-save-bar{
    border-color:#3d5545;
}
.capture-feedback-grid .review-card,
.capture-feedback-grid .ownership-card{
    height:100%;
    margin:0;
}
.review-card,
.ownership-card,
.resolver-details{
    border-color:var(--border-strong);
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.review-card{
    background:#111921;
}
.ownership-card{
    background:#0f1812;
}
.error-panel{
    margin:14px 0;
    padding:13px 15px;
    border:1px solid #633636;
    border-radius:10px;
    background:#211111;
    color:#ffb4b4;
}
.locked-context{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#0b0e10;
}
.locked-context span{
    color:var(--muted-text);
}
.copy-fields-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);
    gap:18px;
    align-items:end;
}
.capture-checkbox{
    min-height:44px;
    margin-bottom:12px!important;
    padding:9px 12px;
    border:1px solid var(--border);
    border-radius:9px;
    background:#0c1011;
}
.confirmation-section{
    border-color:#3b4b3f;
    background:#101512;
}
.capture-save-bar{
    position:sticky;
    z-index:20;
    bottom:14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-top:18px;
    padding:13px 14px 13px 18px;
    border:1px solid #374047;
    border-radius:14px;
    background:rgba(17,21,23,.94);
    box-shadow:0 16px 42px rgba(0,0,0,.36);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.capture-save-bar>div{
    display:grid;
    gap:2px;
}
.capture-save-bar>div>span{
    color:var(--muted-text);
    font-size:11px;
}

/* Copy editor */
.copy-page-hero{
    margin-bottom:24px;
}
.copy-editor{
    display:grid;
    grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);
    gap:22px;
    align-items:start;
    max-width:930px;
}
.copy-editor-context{
    position:sticky;
    top:96px;
}
.edition-context-card{
    display:grid;
    gap:10px;
    margin-top:9px;
    padding:20px;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    background:linear-gradient(145deg,#14191b,#0e1113);
}
.edition-context-card .pill{
    width:max-content;
    margin:0;
}
.edition-context-card h2{
    margin:0;
    font-size:22px;
}
.copy-editor-context .privacy-note{
    margin:14px 4px 0!important;
}
.copy-form-panel{
    max-width:none;
    margin:0;
    padding:24px;
    border-color:var(--border);
    background:var(--surface);
}
.copy-option-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin:20px 0;
}
.copy-option-grid>div{
    padding:12px;
    border:1px solid var(--border);
    border-radius:10px;
    background:#0d1012;
}
.copy-option-grid .check-row,
.copy-option-grid .primary-check{
    margin:0;
}
.form-actions{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:24px;
}

@media(max-width:800px){
    .page-hero{
        align-items:flex-start;
        flex-direction:column;
    }
    .compact-page-hero{
        min-height:0;
    }
    .movie-hero{
        grid-template-columns:160px minmax(0,1fr);
        gap:24px;
    }
    .movie-hero-cover{
        min-height:240px;
    }
    .capture-feedback-grid{
        grid-template-columns:1fr;
    }
    .known-ean-layout{
        grid-template-columns:150px minmax(0,1fr);
    }
    .known-ean-details{
        grid-template-columns:1fr;
    }
    .copy-editor{
        grid-template-columns:1fr;
    }
    .copy-editor-context{
        position:static;
    }
}
@media(max-width:650px){
    .collection-toolbar-meta{
        padding:0 4px 4px;
    }
    .collection-wall{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }
    .collection-list-row{
        grid-template-columns:58px minmax(0,1fr);
        gap:13px;
    }
    .collection-list-cover{
        width:58px;
    }
    .collection-list-details{
        grid-column:1/-1;
        padding-top:4px;
    }
    .pagination{
        display:grid;
        grid-template-columns:1fr auto 1fr;
        gap:8px;
    }
    .pagination .button:last-child{
        justify-self:end;
    }
    .movie-hero{
        grid-template-columns:1fr;
        gap:20px;
        padding-top:4px;
    }
    .movie-hero-cover{
        width:min(62vw,230px);
        min-height:0;
        aspect-ratio:2/3;
    }
    .movie-hero-copy h1{
        font-size:clamp(40px,12vw,58px);
    }
    .ownership-summary{
        width:100%;
    }
    .ownership-summary>div{
        flex:1;
    }
    .edition-grid{
        grid-template-columns:1fr;
    }
    .copy-card p{
        grid-template-columns:1fr;
        gap:2px;
    }
    .known-ean-heading{
        flex-direction:column;
    }
    .known-ean-heading .button{
        width:100%;
    }
    .known-ean-layout{
        grid-template-columns:1fr;
    }
    .known-cover-fallback{
        width:min(52vw,190px);
    }
    .known-ownership-card{
        grid-template-columns:1fr;
    }
    .known-ownership-stats{
        width:100%;
    }
    .known-ownership-stats>div{
        flex:1;
    }
    .known-fact-grid div{
        grid-template-columns:1fr;
        gap:3px;
    }
    .known-fact-grid dd{
        text-align:left;
    }
    .barcode-row{
        grid-template-columns:1fr;
    }
    .barcode-submit{
        width:100%;
    }
    .copy-fields-grid{
        grid-template-columns:1fr;
        gap:0;
    }
    .capture-save-bar{
        bottom:84px;
        align-items:stretch;
        flex-direction:column;
        gap:10px;
        padding:12px;
    }
    .capture-save-bar .button{
        width:100%;
    }
    .copy-option-grid{
        grid-template-columns:1fr;
    }
    .form-actions{
        align-items:stretch;
        flex-direction:column;
    }
    .form-actions .button{
        width:100%;
    }
}

/* Camera scan — optional enhancement to manual EAN lookup */
.camera-scanner{display:grid;gap:10px;margin:14px 0 18px}
.camera-controls{display:flex;flex-wrap:wrap;gap:10px}
.camera-scanner video:not([hidden]){display:block;width:min(100%,520px);max-height:330px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border);background:#090c0e}
.camera-scanner [hidden]{display:none!important}


/* #83: unmistakable mobile scan feedback, no backend or personal data in device cues */
.batch-feedback-options{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.batch-feedback-options .check-row{margin:0;display:inline-flex;align-items:center;gap:8px}
.batch-feedback-options .muted{font-size:12px}
.batch-scan-feedback{
  position:sticky;top:12px;z-index:4;
  display:grid;gap:5px;padding:16px 20px;
  border:2px solid var(--border);border-radius:var(--radius-lg);
  background:var(--surface);box-shadow:0 5px 20px rgba(0,0,0,.12);
}
.batch-scan-feedback-title{font-size:clamp(21px,4.5vw,29px);line-height:1.2;letter-spacing:-.02em}
.batch-scan-feedback-detail{font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.batch-scan-feedback[data-state="recognized"]{border-color:#3478b8}
.batch-scan-feedback[data-state="saved"]{border-color:#198754}
.batch-scan-feedback[data-state="pending"],.batch-scan-feedback[data-state="duplicate"],.batch-scan-feedback[data-state="queued"]{border-color:#b7791f}
.batch-scan-feedback[data-state="error"]{border-color:#bf4141}
@media(max-width:650px){
  .batch-scan-feedback{top:8px;padding:14px 16px}
  .batch-feedback-options{gap:8px 14px}
}

/* #83: private, interruption-safe quick capture */
.capture-mode-card,.capture-session-history{
  margin:20px 0;padding:clamp(18px,3vw,30px);
  border:1px solid var(--border);border-radius:var(--radius-lg);
  background:var(--surface);
}
.capture-mode-card{max-width:900px;display:grid;gap:12px}
.capture-mode-card h2,.capture-session-history h2{margin:0;font-size:clamp(21px,2.5vw,27px)}
.capture-mode-card p{margin:0;max-width:68ch;line-height:1.6}
.capture-mode-card form{margin-top:8px}
.capture-batch-stats{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.capture-batch-stats>div{min-width:155px;display:grid;gap:4px;border:1px solid var(--border);border-radius:14px;padding:16px 20px;background:var(--surface)}
.capture-batch-stats strong{font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.capture-batch-stats span,.batch-item span{color:var(--muted-text);font-size:13px}
.batch-camera-video:not([hidden]){display:block;max-width:600px;width:100%;max-height:390px;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-lg);background:#090c0e}
[data-batch-capture] [hidden]{display:none!important}
.batch-manual-form{display:grid;gap:10px;width:min(100%,640px)}
.batch-manual-form .barcode-row{margin:0}
.batch-manual-form input[name="barcode"]{width:100%;min-height:46px}
.batch-manual-form .check-row{margin:4px 0}
.batch-finish-form{margin:12px 0 22px}
.capture-session-links,.batch-item-list{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:10px}
.capture-session-links a{display:grid;gap:3px;padding:16px;border:1px solid var(--border);border-radius:12px;text-decoration:none}
.capture-session-links a:hover,.capture-session-links a:focus-visible{border-color:var(--accent,#8999a1)}
.batch-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--border)}
.batch-item>div{display:grid;gap:5px}
.batch-item>div:last-child{text-align:right;justify-items:end}
.batch-item strong{font-size:15px}
.batch-state{font-weight:600}
.batch-empty{padding:18px 0;color:var(--muted-text)}
[data-batch-status]{min-height:1.5em}
@media(max-width:650px){
  .batch-item{align-items:flex-start;flex-direction:column;gap:10px}
  .batch-item>div:last-child{text-align:left;justify-items:start}
  .capture-batch-stats>div{flex:1}
  [data-batch-capture] .camera-controls .button{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){.batch-item{animation:none}}