@charset "UTF-8";@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("../Inter-400-latin-ext-HA22NDSG.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url("../Inter-400-latin-NRMW37G5.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("../Inter-500-latin-ext-HA22NDSG.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("../Inter-500-latin-NRMW37G5.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("../Inter-600-latin-ext-HA22NDSG.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url("../Inter-600-latin-NRMW37G5.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("../Inter-700-latin-ext-HA22NDSG.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url("../Inter-700-latin-NRMW37G5.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url("../Oswald-500-latin-ext-SUJH5ML7.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url("../Oswald-500-latin-II7YIRST.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url("../Oswald-600-latin-ext-SUJH5ML7.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url("../Oswald-600-latin-II7YIRST.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url("../Oswald-700-latin-ext-SUJH5ML7.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url("../Oswald-700-latin-II7YIRST.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sheetIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--bg-page: #e4ded0;--bg-phone: #1c1210;--bg-card: #2a1c18;--bg-card-alt: #231713;--bg-input: #2a1c18;--text: #f4efe8;--text-dim-70: rgba(244, 239, 232, .7);--text-dim-65: rgba(244, 239, 232, .65);--text-dim-55: rgba(244, 239, 232, .55);--text-dim-45: rgba(244, 239, 232, .45);--text-dim-40: rgba(244, 239, 232, .4);--border: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .05);--border-softer: rgba(255, 255, 255, .06);--gold: #bfa75e;--gold-hover: #d4bd77;--brown: #874b41;--green: #8bb87a;--tmb-body-font-family: "Inter", sans-serif;--tmb-btn-font-family: "Oswald", sans-serif;--tmb-font-monospace: ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg-page);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text)}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-hover)}input,select,button{font-family:Inter,sans-serif}button{cursor:pointer}::-webkit-scrollbar{width:0;height:0}.heading{font-family:Oswald,sans-serif}.phone-wrap{width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 12px;background:var(--bg-page);overflow:hidden}.phone{width:430px;max-width:100%;height:900px;max-height:100%;background:var(--bg-phone);border-radius:26px;overflow:hidden;box-shadow:0 30px 70px #00000047;position:relative;display:flex;flex-direction:column;color:var(--text)}@media(max-width:600px),(max-height:600px)and (pointer:coarse){.phone-wrap{width:100vw;height:100vh;height:100dvh;padding:0}.phone{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;box-shadow:none}}.offline-bar{display:none;background:#4a2f14;color:#f2d9a3;font-size:12.5px;font-weight:600;padding:9px 16px;align-items:center;gap:8px;cursor:pointer;flex-shrink:0;min-height:42px}.offline-bar .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:pulseDot 1.4s ease-in-out infinite}.offline-bar .label{flex:1}.offline-bar .view-link{opacity:.7}.app-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.app-header .brand{display:flex;align-items:center;gap:8px}.app-header .brand-logo{height:26px;width:auto;display:block}.app-header .brand-name{font-family:Oswald,sans-serif;font-weight:700;font-size:13px;letter-spacing:.02em}.team-badge{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--bg-card);border:1px solid var(--border);padding:5px 10px 5px 6px;border-radius:20px}.team-badge .boat-no{width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--bg-phone);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif}.team-badge .team-name{font-size:11.5px;font-weight:600;color:var(--text)}.app-main{flex:1;overflow-y:auto;padding:20px 18px 90px;position:relative}.page-title{font-family:Oswald,sans-serif;font-weight:600;font-size:22px;margin-bottom:4px}.page-subtitle{color:var(--text-dim-55);font-size:13px;margin-bottom:20px}.section-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-dim-45);text-transform:uppercase;margin-bottom:10px}.section-row{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.section-row .section-label{margin-bottom:0}.section-row .section-link{font-size:12px;color:var(--gold);cursor:pointer;font-weight:600;background:none;border:none;padding:0;text-decoration:none}.card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-softer);overflow:hidden}.card-pad{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-softer);padding:16px}.contact-intro{font-size:13.5px;line-height:1.6;color:var(--text-dim-70);margin-bottom:16px}.contact-actions{display:flex;gap:8px}.contact-actions .btn{flex:1;text-align:center;padding:13px 8px}.contact-page>.page-title{margin-bottom:16px}.list-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-soft)}.list-row:last-child{border-bottom:none}.thumb-placeholder{width:34px;height:34px;border-radius:8px;background-color:#33211c;background-size:cover;background-position:center;flex-shrink:0}.avatar-circle{border-radius:50%;font-weight:700;color:var(--bg-phone);display:flex;align-items:center;justify-content:center;font-family:Oswald,sans-serif;flex-shrink:0}.avatar-bg-1{background:#bfa75e}.avatar-bg-2{background:#874b41}.avatar-bg-3{background:#6b7d5a}.avatar-bg-4{background:#8b6b4a}.avatar-bg-5{background:#5a7d6b}.day-card{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:12px;margin-bottom:8px;text-decoration:none;border:1px solid var(--border-softer);background:var(--bg-card)}.day-card .day-title{font-size:13px;font-weight:700}.day-card .day-water{font-size:12.5px;color:var(--text-dim-55);margin-top:2px}.day-card .day-link{font-size:11px;font-weight:600;color:var(--gold);white-space:nowrap}.btn{border:none;font-family:Oswald,sans-serif;font-weight:600;border-radius:10px;cursor:pointer;letter-spacing:.03em}.btn-primary{width:100%;background:var(--gold);color:var(--bg-phone);font-size:15px;padding:14px}.btn-primary:hover{background:var(--gold-hover);color:var(--bg-phone)}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text);font-size:13px;padding:13px}.btn-outline-gold{background:transparent;border:1px solid rgba(191,167,94,.4);color:var(--gold);font-size:13px;padding:11px 20px}.btn-danger{background:#c96f5f;border:1px solid rgba(201,111,95,.45);color:#fff;font-size:13px;padding:11px}.btn-danger:hover{background:#a04a3c;border-color:#c96f5fcc;color:#fff}.helper-text{text-align:center;color:var(--text-dim-40);font-size:12px;margin-top:18px}.filter-row{display:flex;gap:6px;margin-bottom:14px}.filter-btn{flex:1;text-align:center;padding:8px 4px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer;background:var(--bg-card);color:var(--text-dim-70);border:1px solid var(--border)}.filter-btn.active{background:var(--gold);color:var(--bg-phone);border-color:var(--gold)}.table-head{display:flex;gap:8px;font-size:10.5px;color:var(--text-dim-40);padding:0 8px 8px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.table-head .col{cursor:default}.table-head .col.sortable{cursor:pointer}.table-head .col[data-sort=species]{flex:1.3}.table-head .col[data-sort=length]{flex:.8}.table-head .col[data-sort=datetime]{flex:1.1}.table-head .col:last-child{width:56px}.table-row{display:flex;align-items:center;gap:8px;padding:10px 8px;background:var(--bg-card);border-radius:10px;margin-bottom:6px;border:1px solid var(--border-soft)}.status-pill{font-size:10px;font-weight:700;padding:4px 7px;border-radius:6px;white-space:nowrap}.status-pill.pending{background:#bfa75e2e;color:#bfa75e}.status-pill.provisional{background:#8bb87a29;color:#8bb87a}.status-pill.reviewed{background:#8bb87a47;color:#8bb87a}.score-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:8px;cursor:pointer}.score-card .score-top{display:flex;align-items:center;justify-content:space-between}.score-card .score-label{font-size:12px;color:var(--text-dim-55);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.score-card .score-toggle{font-size:11px;color:var(--gold)}.score-card .score-total{font-family:Oswald,sans-serif;font-weight:700;font-size:32px;color:var(--gold);margin-top:2px}.score-breakdown{background:var(--bg-card-alt);border:1px solid var(--border-softer);border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:12.5px}.score-breakdown .row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border-soft)}.score-breakdown .row .k{color:var(--text-dim-70)}.score-breakdown .row .v{font-weight:600}.score-breakdown .total-row{display:flex;justify-content:space-between;padding:8px 0 6px;font-weight:700;color:var(--gold);border-bottom:1px solid var(--border-soft)}.score-breakdown .fish-subhead{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--text-dim-40);text-transform:uppercase;margin:10px 0 4px}.score-breakdown .fish-row{display:flex;justify-content:space-between;padding:4px 0;color:var(--text-dim-65)}.score-breakdown .fish-row .len{font-weight:600;color:var(--text)}.score-breakdown .fish-row .dt{color:var(--text-dim-40)}.toggle-switch{width:42px;height:24px;border-radius:20px;background:#ffffff26;position:relative;cursor:pointer;flex-shrink:0;transition:background .15s}.toggle-switch.on{background:var(--gold)}.toggle-switch .knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .15s}.toggle-switch.on .knob{left:21px}.field-label{font-size:12px;color:var(--text-dim-70);margin-bottom:6px;display:block}.field-input{width:100%;background:var(--bg-input);border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:15px;padding:13px 14px;border-radius:10px;outline:none}.field-input:focus{border-color:var(--gold)}.field-input.has-error{border-color:#bf5040}.field-input.has-error:focus{border-color:#bf5040;box-shadow:0 0 0 1px #bf5040}.bottom-nav{flex-shrink:0;display:flex;align-items:stretch;border-top:1px solid var(--border);background:#17110f;position:relative;z-index:10}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 0;cursor:pointer;color:var(--text-dim-40);background:none;border:none}.nav-item.active{color:var(--gold)}.nav-item svg{width:26px;height:26px}.nav-item .nav-label{font-size:12.5px;font-weight:600;letter-spacing:.01em}.fab{position:absolute;right:16px;bottom:78px;z-index:15;width:auto;height:56px;padding:0;border-radius:28px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none}.fab-label{height:40px;margin-right:-7px;padding:0 19px 0 15px;border:1px solid rgba(191,167,94,.24);border-radius:20px 0 0 20px;background:var(--bg-card);color:var(--text);display:flex;align-items:center;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:.035em;white-space:nowrap;box-shadow:0 6px 18px #00000047}.fab-icon{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:var(--brown);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #874b4166}.catchflow-overlay{position:absolute;inset:0;background:var(--bg-phone);z-index:20;display:none;flex-direction:column;padding:20px 18px;animation:fadeIn .12s ease-out}.catchflow-overlay.is-visible{display:flex}.catchflow-body[data-catch-step],.uploading-view[data-catch-step],.done-view[data-catch-step]{display:none}.catchflow-body[data-catch-step].is-active,.uploading-view[data-catch-step].is-active,.done-view[data-catch-step].is-active{display:flex}[data-catch-progress]{display:none}[data-catch-progress].is-active{display:flex}.catchflow-topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.catchflow-close{width:32px;height:32px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;flex-shrink:0}.catchflow-title{font-family:Oswald,sans-serif;font-weight:600;font-size:15px;flex:1;text-align:center;margin-right:32px}.progress-row{display:flex;gap:5px;margin-bottom:20px}.progress-seg{flex:1;height:3px;border-radius:2px;background:#ffffff1a}.progress-seg.active{background:var(--gold)}.catchflow-body{flex:1;display:flex;flex-direction:column}.catchflow-body>.field-label+.field-input,.catchflow-body>.field-label+.field-select{margin-top:0}.catchflow-body>.field-input+.field-label,.catchflow-body>.field-select+.field-label{margin-top:16px}.catchflow-body>.btn-row{margin-top:24px}.catchflow-intro{font-size:13.5px;color:var(--text-dim-65);margin-bottom:14px;line-height:1.5}.camera-stage{position:relative;flex:1;border-radius:16px;overflow:hidden;background:#000;display:flex;min-height:0}.camera-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:#000}.camera-orientation-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);max-width:calc(100% - 24px);padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:#1c1210bd;color:var(--text);display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;white-space:nowrap;pointer-events:none}.camera-switch-btn[hidden]{display:none}.camera-switch-btn{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;padding:8px 12px 8px 8px;border-radius:20px;background:#1c1210b3;border:1px solid rgba(255,255,255,.25);color:var(--text);font-family:Oswald,sans-serif;font-weight:600;font-size:11px;letter-spacing:.02em;cursor:pointer}.camera-switch-btn:disabled{opacity:.5;cursor:default}.catchflow-error{background:#bf505026;border:1px solid rgba(191,80,80,.4);color:#e8a3a3;font-size:12.5px;line-height:1.5;padding:10px 12px;border-radius:10px;margin:12px 0 0}.camera-actions{margin-top:12px}.camera-retry-btn{margin-top:10px}.photo-preview{flex:1;border-radius:16px;background-color:#33211c;background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:#f4efe84d;font-size:12px;font-family:ui-monospace,monospace}.photo-review-question{font-size:13.5px;color:var(--text-dim-65);margin-bottom:14px}.btn-row{display:flex;gap:8px}.btn-row .btn{flex:1}@media(orientation:landscape)and (max-width:1100px){.catchflow-overlay.catchflow-media-step{padding-top:max(10px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left))}.catchflow-media-step .catchflow-topbar{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:3;width:min(240px,34vw);height:34px;margin:0;padding-right:10px;border-radius:18px;background:#1c1210c2;backdrop-filter:blur(8px)}.catchflow-media-step .catchflow-close{width:34px;height:34px;background:#ffffff1a}.catchflow-media-step .catchflow-title{overflow:hidden;margin-right:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.catchflow-media-step .progress-row{position:absolute;top:max(25px,env(safe-area-inset-top) + 15px);right:max(174px,env(safe-area-inset-right) + 162px);z-index:3;width:min(220px,28vw);margin:0}.catchflow-media-step .catchflow-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto minmax(0,1fr) auto;gap:10px 12px}.catchflow-capture-step .camera-stage,.catchflow-review-step .photo-preview{grid-column:1;grid-row:1/4;min-height:0;margin:0;border-radius:12px}.catchflow-media-step .catchflow-intro,.catchflow-media-step .photo-review-question{grid-column:2;grid-row:1;align-self:end;margin:0;padding-top:4px;font-size:12px;line-height:1.4}.catchflow-media-step .catchflow-error{grid-column:2;grid-row:2;align-self:start;max-height:100%;margin:0;overflow:auto;font-size:11px}.catchflow-media-step .btn-row{grid-column:2;grid-row:3;flex-direction:column;margin:0}.catchflow-media-step .btn-row .btn{flex:none;min-height:44px;padding:10px 8px}.catchflow-media-step .camera-retry-btn{grid-column:2;grid-row:2;align-self:end;margin:0}.catchflow-capture-step .camera-switch-btn{top:10px;right:10px}.catchflow-media-step .camera-orientation-hint{display:none}}.uploading-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(191,167,94,.25);border-top-color:var(--gold);animation:spin .8s linear infinite}.uploading-view .uploading-text{font-size:13.5px;color:var(--text-dim-65);text-align:center}.uploading-view .uploading-sub{font-size:11.5px;color:var(--text-dim-40)}.done-view{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.done-view .check-circle{width:64px;height:64px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center}.done-view .done-title{font-family:Oswald,sans-serif;font-weight:600;font-size:19px}.done-view .done-text{font-size:13.5px;color:var(--text-dim-65);line-height:1.5}.done-view .btn-primary{width:auto;padding:13px 24px;margin-top:8px}.modal-overlay{position:absolute;inset:0;background:#0000008c;z-index:30;display:flex;align-items:flex-end}.modal-sheet{width:100%;background:var(--bg-card-alt);border-radius:18px 18px 0 0;padding:20px 18px 28px;animation:sheetIn .18s ease-out}.modal-sheet .grabber{width:36px;height:4px;background:#ffffff26;border-radius:2px;margin:0 auto 16px}.modal-sheet .modal-title{font-family:Oswald,sans-serif;font-weight:600;font-size:17px;margin-bottom:4px}.modal-sheet .modal-desc{font-size:12.5px;color:var(--text-dim-55);margin-bottom:16px}.queue-row{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-card);border-radius:10px;margin-bottom:8px}.queue-row .thumb-placeholder{width:32px;height:32px}.queue-row .queue-desc{flex:1;font-size:12.5px;font-weight:600}.queue-row .queue-time{font-size:11px;color:var(--text-dim-40)}.update-overlay{position:absolute;inset:0;z-index:60;background:var(--bg-phone);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px 24px;text-align:center;animation:fadeIn .15s ease-out}.update-overlay .update-title{font-family:Oswald,sans-serif;font-weight:600;font-size:20px}.update-overlay .update-message{font-size:13px;color:var(--text-dim-65);line-height:1.5;white-space:pre-line}.update-overlay .update-btn{max-width:260px;margin-top:10px}.permission-overlay{position:absolute;inset:0;z-index:25;background:var(--bg-phone);display:flex;flex-direction:column;padding:24px 18px;animation:fadeIn .12s ease-out}.permission-overlay[hidden]{display:none}.permission-title{font-family:Oswald,sans-serif;font-weight:600;font-size:19px;margin-bottom:8px}.permission-intro{font-size:13px;color:var(--text-dim-65);line-height:1.5;margin-bottom:20px}.perm-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bg-card);border:1.5px solid transparent;border-radius:12px;padding:14px 16px;margin-bottom:10px;font-family:Oswald,sans-serif;font-weight:600;font-size:14px;color:var(--text);cursor:pointer}.perm-btn:disabled{cursor:default}.perm-btn .perm-btn-icon{display:flex;align-items:center;justify-content:center}.perm-btn .perm-spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(191,167,94,.25);border-top-color:var(--gold);animation:spin .8s linear infinite}.perm-btn .perm-spinner[hidden]{display:none}.perm-btn .perm-check{width:24px;height:24px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center}.perm-btn .perm-check[hidden]{display:none}.perm-btn.is-granted{border-color:var(--green)}.permission-hint{font-size:12px;color:var(--text-dim-55);line-height:1.45;margin:4px 0 16px;padding:10px 12px;background:#874b4126;border-radius:9px}.permission-hint[hidden]{display:none}.permission-close{width:100%;margin-top:auto}.lightbox-overlay{position:absolute;inset:0;background:#000000d9;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;animation:fadeIn .12s ease-out}.lightbox-image{width:100%;aspect-ratio:4/3;border-radius:14px;background-color:#33211c;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#f4efe84d;font-size:12px;font-family:ui-monospace,monospace;margin-bottom:16px}img.lightbox-image{object-fit:cover}.lightbox-actions{display:flex;gap:10px}.btn-ghost-light{background:#ffffff1a;color:var(--text);border:none;font-family:Oswald,sans-serif;font-weight:600;font-size:12.5px;padding:11px 20px;border-radius:9px}.btn-gold-sm{display:inline-block;background:var(--gold);color:var(--bg-phone);border:none;font-family:Oswald,sans-serif;font-weight:600;font-size:12.5px;padding:11px 20px;border-radius:9px}.btn-gold-sm:hover{color:var(--bg-phone)}