@font-face{font-family:Dock;src:local("Avenir Next"),local("Avenir"),local("Segoe UI");font-display:swap}
:root{--bg:#f6f7f3;--paper:#fff;--ink:#22332b;--muted:#737b72;--line:#dfe4d9;--green:#d1ed76;--dark:#25392e;--soft:#edf0e8;--error:#a33b35;--radius:19px;font-family:Dock,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.5}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button{color:inherit}button,input,a{outline-offset:4px}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #6d8b36}input[type=checkbox]{width:18px;height:18px;accent-color:var(--dark);cursor:pointer}button{border:0}button,input{min-height:44px}input{min-width:0}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.shell{max-width:1312px;margin:auto;padding:0 48px}.topbar{height:104px;display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line)}.brand{font-size:25px;letter-spacing:-1.1px;display:flex;align-items:center;text-decoration:none;font-weight:500;white-space:nowrap}.brand>span:not(.brand-mark):not(.private-tag){font-weight:800}.brand-mark{display:inline-flex;align-items:center;justify-content:center;margin-right:12px;width:38px;height:39px;border-radius:11px;background:var(--green);font-size:29px;font-weight:500;line-height:1}.private-tag{font-size:9px;letter-spacing:1.3px;font-weight:750;border:1px solid #ccd4c4;border-radius:5px;padding:3px 6px;margin-left:13px;color:#6a7564}.topbar nav{display:flex;align-self:stretch;gap:30px}.nav-tab{font-size:13px;font-weight:600;background:none;position:relative;color:var(--muted);padding:0 2px}.nav-tab.active{color:var(--ink)}.nav-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--ink)}.account{margin-left:auto;display:flex;align-items:center;gap:22px}.help-link{background:none;font-size:13px;color:#66735f;white-space:nowrap}.help-link span{margin-left:7px}.account-button{display:flex;align-items:center;gap:10px;background:none;font-size:12px}.avatar{display:flex;width:29px;height:29px;border:1px solid #ccd6c6;border-radius:50%;justify-content:center;align-items:center;font-size:11px;background:#e8eedd;font-weight:700}.logout-word{border-left:1px solid var(--line);padding-left:12px;color:var(--muted);margin-left:5px;font-size:11px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.65px;font-weight:750;color:#718167}.status-dot{width:6px;height:6px;background:#8da953;border-radius:50%}h1{font-size:56px;line-height:1.14;font-weight:650;letter-spacing:-2.6px}.intro{display:flex;justify-content:space-between;align-items:center;padding:58px 0 31px}.intro h1{margin-top:16px}.intro h1>span{color:#6a7b61}.intro p{color:#73806c;font-size:14px;margin-top:17px}.url-card{background:white;border:1px solid #dce2d4;border-radius:var(--radius);padding:26px 28px 19px;box-shadow:0 8px 24px #263d2305}.form-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}.form-topline label{font-weight:700}.form-topline>span{font-size:10px;color:#90978a}.url-row{display:flex;gap:12px}.url-field{display:flex;align-items:center;border:1px solid #d5dccd;border-radius:10px;flex:1;overflow:hidden;background:#fdfefc;transition:border-color .2s}.url-field:focus-within{border-color:#7e9854;box-shadow:0 0 0 3px #8aa45815}.link-icon{color:#879775;font-size:22px;padding-left:16px}.url-field input{border:0;outline:none!important;flex:1;min-width:60px;background:transparent;padding:15px 14px;font-size:13px;height:57px;color:var(--ink)}.url-field input::placeholder{color:#adb4a6}.paste-button{font-size:12px;border-left:1px solid #dce2d6;padding:0 15px;height:29px;min-height:29px;display:flex;align-items:center;gap:6px;background:none;white-space:nowrap;color:#60734e}.primary{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--green);border:1px solid #bed76b;border-radius:10px;padding:14px 23px;font-weight:650;font-size:12px;min-height:49px;transition:background .15s,transform .15s;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff40}.primary:hover{background:#c5e35e}.primary:active{transform:translateY(1px)}.primary>span:last-child:not(:first-child){margin-left:8px}.find-button{min-width:182px;height:59px}.form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px;gap:15px}.platforms{display:flex;gap:20px}.platforms>span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;color:#6b7860}.platform-logo{font-size:15px;line-height:1;color:#485443}.platform-logo.instagram{font-size:20px;font-weight:500}.platform-logo.snapchat{font-size:21px}.form-footer>small{font-size:10px;color:#969e8e}.notice{font-size:12px;border-radius:9px;padding:12px 14px;background:#eef3e7;color:#50653f;border:1px solid #d9e3cc;margin-top:15px;line-height:1.65}.notice.error{background:#fff4f0;color:var(--error);border-color:#f0d0c4}.results{padding-top:34px}.results-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.results-heading h2{font-size:15px;font-weight:700;display:flex;align-items:center;gap:10px}.count-badge{display:inline-flex;border:1px solid var(--line);width:24px;height:24px;align-items:center;justify-content:center;font-size:10px;border-radius:50%;font-weight:500;color:#7b866f}.text-button{background:none;color:#718365;font-size:11px;padding:5px 0;min-height:32px;display:inline-flex;align-items:center;gap:9px;font-weight:550}.text-button:hover{color:#314825}.empty-state{border:1px dashed #cfd9c5;border-radius:var(--radius);background:#f0f3eb;display:flex;min-height:280px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px}.empty-art{position:relative;width:110px;height:73px;margin:0 auto 18px}.art-card{position:absolute;width:55px;height:65px;border:1px solid #c0cbb5;border-radius:9px;background:#e7edde;display:flex;align-items:center;justify-content:center;font-size:26px;color:#82956f}.art-back{left:18px;top:2px;transform:rotate(-15deg);font-size:31px;color:#9baf88}.art-front{left:45px;top:6px;transform:rotate(13deg);background:#fafcf7;box-shadow:0 3px 6px #40582a09}.art-plus{position:absolute;left:12px;top:43px;color:#8aa270;font-size:22px}.empty-state h3,.loading-state h3{font-size:16px;font-weight:650;letter-spacing:-.2px}.empty-state p,.loading-state p{font-size:11px;color:#89977e;line-height:1.9;margin-top:7px}.demo-open{margin-top:12px}.loading-state{min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:#f0f3eb;text-align:center;padding:30px}.spinner{display:inline-block;width:30px;height:30px;border:2px solid #d5dec9;border-top-color:#718e42;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.post-summary{display:flex;align-items:center;gap:14px;padding:17px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.source-symbol{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e9eedf;border:1px solid #dce3d1;border-radius:11px;font-size:24px;flex-shrink:0}.source-title{display:flex;align-items:center;gap:9px}.source-title strong{font-size:12px}.source-title span{font-size:9px;border-radius:4px;padding:2px 5px;background:#e9eedf;color:#6e7e5e}.post-summary>div:nth-child(2){min-width:0}.post-summary p{font-size:11px;color:#8a957f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:750px;margin-top:3px}.expiry{font-size:9px;white-space:nowrap;margin-left:auto;color:#909b86}.selection-toolbar{display:flex;align-items:center;gap:20px;margin:21px 0 18px;font-size:11px}.select-all{display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:600}.selection-toolbar>span{color:#9aa38f}.selection-toolbar>button{margin-left:auto}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.media-card{background:white;border:1px solid #e0e5d8;border-radius:14px;overflow:hidden;transition:border-color .2s}.media-card.selected{border-color:#a4bc7a;box-shadow:0 0 0 1px #b8ce93}.media-preview{height:212px;position:relative;background:linear-gradient(145deg,#e3e9dc,#eff2eb);overflow:hidden}.media-preview>img{width:100%;height:100%;object-fit:contain;display:block;background:#e8ecdf}.media-preview .no-preview{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#8f9d7f;font-size:12px}.no-preview>span{font-size:30px}.media-check{position:absolute;top:12px;left:12px;display:flex;align-items:center;justify-content:center;background:#ffffffed;padding:4px;min-width:28px;min-height:28px;border-radius:6px;box-shadow:0 2px 8px #162a1a10;cursor:pointer}.media-check input{margin:0}.type-tag{position:absolute;top:13px;right:12px;padding:4px 7px;border-radius:5px;background:#233629ba;color:#fff;font-size:9px;backdrop-filter:blur(10px);letter-spacing:.5px}.media-info{padding:14px}.media-title-line{display:flex;align-items:center;gap:5px;justify-content:space-between}.media-title-line strong{font-size:12px;font-weight:650}.quality-label{font-size:8px;background:#edf3df;color:#6c844d;border:1px solid #dbe5c9;padding:2px 5px;border-radius:4px;white-space:nowrap}.media-dimensions{font-size:10px;color:#909b84;margin-top:6px}.media-info select{font:inherit;font-size:10px;color:#5e7150;width:100%;height:33px;border:1px solid #e0e5d8;border-radius:6px;background:#fafcf7;margin-top:10px;padding:4px 6px;outline-offset:3px}.watermark-note{font-size:9px;color:#829374;margin:8px 0 3px;min-height:28px;line-height:1.6}.single-download{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:space-between;background:#f0f3e8;border:1px solid #dfe7d0;border-radius:7px;padding:9px 10px;min-height:35px;font-weight:650;font-size:10px;color:#596e44;text-decoration:none}.single-download:hover{background:#e4ebd6}.download-bar{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:20px 23px;border-radius:13px;background:var(--dark);color:#f7faef;gap:20px}.download-bar>div{display:flex;flex-direction:column}.download-bar strong{font-size:12px;font-weight:600}.download-bar small{color:#adbd9e;font-size:10px;margin-top:4px}.download-bar .primary{color:var(--ink);min-height:44px;padding:12px 17px;font-size:11px}.download-explainer{font-size:9px;color:#8b9980;text-align:right;margin-top:10px;max-width:720px;margin-left:auto}.gate{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;min-height:680px;padding:80px 30px}.gate h1{margin-top:24px;line-height:1.18}.gate-story>p{font-size:14px;color:#7d8974;max-width:380px;line-height:1.9;margin-top:25px}.gate-stamp{display:flex;gap:16px;align-items:center;margin-top:48px}.fingerprint{font-size:42px;color:#8b9f70;line-height:1}.gate-stamp>div{display:flex;flex-direction:column}.gate-stamp strong{font-size:11px;font-weight:650}.gate-stamp small{color:#97a18b;font-size:10px;margin-top:4px}.login-card{background:white;padding:36px;border:1px solid var(--line);border-radius:22px;max-width:420px;box-shadow:0 16px 45px #2f482108}.login-icon{display:flex;width:48px;height:48px;background:#edf4df;border:1px solid #d9e7c3;align-items:center;justify-content:center;border-radius:13px;font-size:29px;color:#7d9853;margin-bottom:24px}.login-card h2{font-size:27px;letter-spacing:-.8px;font-weight:600}.login-card>p{font-size:12px;color:#909983;margin-top:13px;line-height:1.8}.full{width:100%}.login-card .primary{margin-top:25px}.login-card .auth-footnote{font-size:10px;text-align:center;margin-top:20px;line-height:1.75}.login-card label,.invite-result label{display:block;font-size:11px;font-weight:650;margin:17px 0 6px}.login-card input,.invite-form input,.invite-result input{background:#fbfcf8;border:1px solid #d8e0ce;border-radius:8px;width:100%;padding:11px 12px;font-size:12px}.login-card input{margin-bottom:0}.access-view{padding-top:65px;min-height:720px}.access-view h1{margin-top:18px;font-size:46px}.subtitle{font-size:14px;color:#8b977f;margin-top:16px}.access-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.panel{background:white;border:1px solid var(--line);padding:25px;border-radius:16px;height:fit-content}.panel h2{font-size:17px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.secondary{background:#f1f4e9;border:1px solid #d6e0c8;border-radius:7px;font-size:10px;padding:8px 11px;min-height:34px;font-weight:600}.muted{font-size:11px;color:#8b967f;margin:12px 0 18px}.access-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-size:12px}.access-row small{display:block;font-size:9px;color:#8a977d;margin-top:4px}.access-row button{background:none;font-size:10px;min-height:32px;color:#977268}.invite-form{display:flex;gap:10px;flex-direction:column}.invite-form .primary{font-size:10px;min-height:39px;padding:10px}.panel h3{font-size:12px;margin:25px 0 12px}.invite-result{background:#f2f6e9;border:1px solid #d9e6c7;border-radius:10px;padding:15px;margin-top:16px}.invite-result label{margin-top:0}.invite-result input{font-size:10px}.invite-result .secondary{margin:10px 0}.invite-result small{font-size:9px;display:block;color:#88977b}.empty-list{font-size:10px;color:#8b967e}.preview-banner{font-size:11px;text-align:center;background:#e2edcf;color:#435737;padding:9px 16px;border-bottom:1px solid #cfddba}.preview-banner span{font-weight:750;letter-spacing:1px;font-size:9px;margin-right:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 29px;border-top:1px solid var(--line);color:#a1ab95;font-size:10px}footer>span{font-size:14px;letter-spacing:-.5px;color:#7f8b75}footer>span>small{display:block;font-size:9px;color:#a1ab95;letter-spacing:0;margin-top:4px}footer>button{background:none;color:#8a987a;font-size:10px;text-align:center}footer>small{font-size:9px;max-width:210px;text-align:right}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#263d2e;color:#f6fbea;border-radius:12px;box-shadow:0 6px 30px #21351f20;font-size:12px;max-width:min(90vw,600px);z-index:20}.toast.error{background:#7b423b}dialog{border:1px solid #d6dfcc;border-radius:24px;padding:32px;max-width:640px;width:calc(100% - 32px);max-height:88vh;box-shadow:0 22px 90px #20311a30;color:var(--ink)}dialog::backdrop{background:#23331b66;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-top:-8px;margin-bottom:12px}.icon-button{background:#f1f4eb;border:1px solid #e1e7d8;border-radius:50%;height:32px;width:32px;min-height:32px;font-size:20px}dialog h2{font-size:35px;font-weight:650;letter-spacing:-1px;line-height:1.2}.help-sections{margin-top:26px}.help-sections section{margin-top:22px}.help-sections h3{font-size:13px;font-weight:700}.help-sections p{font-size:11px;color:#7d8b70;line-height:1.9;margin-top:8px}dialog>.primary{margin-top:30px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1500px){.shell{max-width:1380px}.intro{padding-top:65px}.media-preview{height:235px}}
@media(max-width:1100px){.shell{padding:0 30px}.topbar{gap:30px}.topbar nav{gap:20px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro h1{font-size:48px}.gate{gap:40px;padding:65px 5px}.gate h1{font-size:49px}.logout-word{display:none}.post-summary p{max-width:560px}.expiry{max-width:140px;white-space:normal}.login-card{padding:28px}}
@media(max-width:800px){.shell{padding:0 24px}.topbar{height:82px;gap:20px}.brand{font-size:22px}.brand-mark{width:33px;height:34px;font-size:26px;margin-right:8px}.private-tag{display:none}.topbar nav{gap:20px}.nav-tab{font-size:11px}.account{gap:10px}.account-button #username{display:none}.intro{padding:40px 0 26px}.intro h1{font-size:43px;letter-spacing:-1.8px}.url-card{padding:23px 20px 17px}.find-button{min-width:150px}.form-footer>small{display:none}.form-topline>span{font-size:9px}.url-field input{font-size:11px;padding-left:10px}.paste-button{padding:0 11px;font-size:11px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-preview{height:185px}.media-info{padding:11px}.quality-label{font-size:7px}.media-title-line strong{font-size:11px}.gate{grid-template-columns:1fr;gap:35px;padding:50px 10px}.gate h1{font-size:48px}.gate-story>p{margin-top:18px}.gate-stamp{display:none}.login-card{max-width:none}.gate-story{max-width:500px}.gate .eyebrow{font-size:9px}.access-columns{grid-template-columns:1fr}.post-summary p{max-width:380px}.expiry{font-size:8px;max-width:90px}.access-view{padding-top:40px}.access-view h1{font-size:40px}footer{flex-wrap:wrap}footer>small{max-width:none;width:100%;text-align:left;font-size:8px}}
@media(max-width:580px){.shell{padding:0 18px}.topbar{height:76px;flex-wrap:wrap;gap:8px;position:relative;padding-top:0}.topbar nav{order:3;gap:20px;height:34px;position:absolute;bottom:-35px;left:0;right:0;border-bottom:1px solid var(--line)}.topbar:has(nav:not([hidden])){margin-bottom:35px}.brand{font-size:21px}.brand-mark{width:31px;height:32px;border-radius:9px}.help-link{font-size:11px}.account-button{padding:0 0 0 5px;gap:0}.avatar{height:28px;width:28px}.account{gap:8px}.intro{padding:30px 0 23px}.eyebrow{font-size:8px;letter-spacing:1.2px}.intro h1{font-size:36px;line-height:1.2;letter-spacing:-1.6px;margin-top:14px}.intro p{font-size:12px;margin-top:11px}.url-card{padding:18px 15px 15px;border-radius:14px}.form-topline{margin-bottom:10px}.form-topline label{font-size:11px}.form-topline>span{display:none}.url-row{flex-wrap:wrap;gap:10px}.url-field{flex-basis:100%;border-radius:8px}.url-field input{height:49px;padding:12px 8px;font-size:10px}.link-icon{padding-left:10px;font-size:19px}.paste-button{font-size:10px;padding:0 9px}.find-button{width:100%;height:45px;min-height:45px;justify-content:space-between;padding:10px 16px;font-size:11px}.platforms{gap:17px}.platforms>span{font-size:9px}.form-footer{margin-top:12px;justify-content:center}.results{padding-top:27px}.results-heading{margin-bottom:14px}.results-heading h2{font-size:14px}.empty-state{min-height:265px;padding:30px 15px;border-radius:14px}.empty-state h3{font-size:14px}.empty-state p{font-size:10px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.media-preview{height:185px}.media-info{padding:11px}.quality-label{font-size:7px;padding:2px 4px}.media-title-line{align-items:flex-start;gap:4px;flex-direction:column}.media-title-line strong{font-size:11px}.media-dimensions{font-size:9px}.type-tag{font-size:8px;right:9px;top:11px}.media-check{left:9px;top:9px}.media-info select{font-size:9px}.watermark-note{font-size:8px;min-height:28px}.single-download{font-size:9px;padding:9px 8px}.post-summary{gap:9px;padding:14px 0}.source-symbol{width:32px;height:32px;font-size:22px}.source-title{gap:6px;flex-wrap:wrap}.source-title strong{font-size:11px}.source-title span{font-size:8px}.post-summary p{max-width:210px;font-size:9px}.expiry{max-width:60px;font-size:8px}.selection-toolbar{gap:8px;margin:17px 0 14px;font-size:10px}.selection-toolbar .text-button{font-size:9px}.select-all{gap:5px}.selection-toolbar>span{font-size:9px;margin-left:4px}.download-bar{padding:16px;align-items:stretch;flex-direction:column;gap:12px;border-radius:12px;margin-top:17px}.download-bar .primary{width:100%}.download-bar strong{font-size:12px}.download-bar small{font-size:9px}.download-explainer{text-align:left;font-size:8px;line-height:1.8}.gate{padding:38px 0 40px;gap:30px;min-height:0}.gate h1{font-size:40px;letter-spacing:-1.8px}.gate-story>p{font-size:12px}.login-card{padding:24px;border-radius:16px}.login-card h2{font-size:23px}.login-card>p{font-size:11px}.login-icon{margin-bottom:18px;width:41px;height:41px}.login-card .primary{font-size:11px}.access-view h1{font-size:37px}.subtitle{font-size:12px}.panel{padding:19px}.panel-head{align-items:flex-start;flex-direction:column}.panel h2{font-size:16px}.access-columns{margin-top:26px}.preview-banner{font-size:9px;padding:8px 14px;text-align:left;line-height:1.8}.preview-banner span{display:block;font-size:8px}footer{padding-top:19px;padding-bottom:22px;gap:12px}footer>button{font-size:9px}dialog{padding:23px;border-radius:18px}dialog h2{font-size:29px}.toast{font-size:11px;bottom:18px;width:calc(100% - 36px);text-align:center}}
input[type=checkbox]{min-height:0}
.primary[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.download-bar .primary{text-decoration:none}.download-feedback{position:fixed;z-index:30;left:50%;bottom:20px;transform:translateX(-50%);width:min(660px,calc(100% - 32px));padding:18px 20px;background:#f8fff0;border:1px solid #b8ce93;border-radius:13px;box-shadow:0 8px 38px #20331c26;display:flex;align-items:flex-start;gap:16px}.download-feedback>div{flex:1;min-width:0}.download-feedback strong{font-size:13px}.download-feedback p{font-size:12px;color:#61734f;line-height:1.7;margin-top:5px}.download-feedback a{display:inline-block;font-size:12px;font-weight:650;margin-top:10px;color:#405b2b}.download-feedback>button{background:transparent;font-size:22px;min-height:26px;line-height:1;padding:0 4px;color:#77886b}.download-feedback.error{background:#fff7f2;border-color:#e9bbae}.download-feedback.error strong{color:#9a3e34}.download-feedback.error p{color:#986351}.download-error-page{max-width:760px;margin:8vh auto;padding:24px}.download-error-page h1{font-size:38px;letter-spacing:-1.3px;margin:20px 0}.download-error-page .panel>p:not(.notice){font-size:14px;color:#7c8b70;margin:20px 0}.download-error-page a{text-decoration:none}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}

.quality-status{display:flex;gap:12px;align-items:flex-start;margin:14px 0 18px;padding:15px 17px;border:1px solid #cfddbd;border-radius:12px;background:#f3f8e9}.quality-status strong{font-size:12px}.quality-status p{font-size:11px;line-height:1.7;color:#657557;margin-top:4px}.quality-status-icon{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#d1ed76;color:#334526;font-size:13px}.quality-status.pending .quality-status-icon{font-size:0;background:transparent;border:2px solid #d3ddc6;border-top-color:#647f3f;animation:spin 1s linear infinite}.media-dimensions{overflow-wrap:anywhere;line-height:1.8}

#download-view{padding-bottom:24px}.intro h1{margin-top:0}
@media(min-width:801px){
.topbar{height:82px}.intro{padding:26px 0 19px}.intro h1{font-size:48px;line-height:1.1}.intro p{margin-top:10px;font-size:13px}
.url-card{padding:20px 24px 16px}.url-field input{height:49px;padding:11px 14px}.find-button{height:51px}.form-footer{margin-top:12px}
.results{padding-top:24px}.results-heading{margin-bottom:12px}.empty-state,.loading-state{min-height:200px;padding:22px}.post-summary{padding:12px 0}
.results .notice{margin-top:10px;padding:9px 12px}.quality-status{margin:10px 0 12px;padding:11px 14px}.selection-toolbar{margin:14px 0 12px}
.media-preview{height:190px}.media-info{padding:12px}.download-bar{margin-top:16px;padding:16px 20px}.download-explainer{margin-top:8px}
}

/* The app uses the same compact workspace in a browser and as an installed app. */
html{min-height:100%;scroll-padding-bottom:24px}body{min-height:100vh;min-height:100dvh}
.shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.topbar{padding-top:env(safe-area-inset-top);height:calc(82px + env(safe-area-inset-top))}
.account{gap:15px}.install-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;background:#ebf0e3;border:1px solid #d8e0cc;padding:7px 12px;border-radius:10px;font-size:11px;font-weight:650;white-space:nowrap}.install-button:hover{background:#e1eacb}.install-button svg{flex-shrink:0}.app-nav{display:none}
.app-status{display:flex;align-items:center;gap:12px;margin-top:15px;padding:10px 14px;background:#fff9e9;border:1px solid #e4d7b4;border-radius:12px;font-size:12px}.app-status p{flex:1;line-height:1.6}.app-status .text-button{font-size:11px;white-space:nowrap}.connection-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#ae8b45}.update-status{background:#edf5df;border-color:#c9d9b5}.update-status>span{font-size:23px;color:#6b8544}
.standalone #install-open{display:none}
.startup{min-height:440px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:70px 20px;text-align:center;gap:19px}.startup>img{border-radius:19px;box-shadow:0 10px 30px #3d54291a}.startup h1{font-size:32px;letter-spacing:-1.1px;margin-top:4px}.startup p{max-width:420px;color:#737f6a;font-size:13px;line-height:1.8}.startup .spinner{width:24px;height:24px}.startup .secondary{padding:8px 17px}
.install-dialog{max-width:470px}.install-dialog .eyebrow{font-size:8px;letter-spacing:1.1px}.install-icon{border-radius:21px;margin:12px 0 22px;box-shadow:0 10px 25px #3d542921}.install-description{margin-top:16px;font-size:13px;line-height:1.8;color:#6a795f}.install-steps{margin:24px 0;padding:0;list-style:none;counter-reset:steps}.install-steps li{counter-increment:steps;display:flex;gap:13px;margin:16px 0;font-size:12px;line-height:1.75}.install-steps li:before{content:counter(steps);flex:0 0 27px;height:27px;display:grid;place-items:center;background:#edf2e4;border:1px solid #dfe7d3;border-radius:50%;color:#536742;font-size:11px;font-weight:700}.install-note{font-size:11px;color:#7a8571;line-height:1.8;padding-top:17px;border-top:1px solid var(--line)}.install-dialog>.secondary{margin-top:12px;justify-content:center}.install-dialog>.primary{margin-top:22px}.install-dialog .notice{font-size:12px}
@media(min-width:581px){.shell{padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}}
@media(min-width:1101px){.shell{padding-left:max(48px,env(safe-area-inset-left));padding-right:max(48px,env(safe-area-inset-right))}}
@media(max-width:800px){.install-button{padding:6px 9px;font-size:10px;gap:5px}.topbar{gap:20px}.account{gap:9px}}
@media(max-width:580px){
  .topbar{height:calc(72px + env(safe-area-inset-top));gap:6px}.account{gap:7px}.brand{font-size:20px}.brand-mark{margin-right:7px}.help-link{padding:0 3px}.help-link span{display:none}.install-button{min-height:36px;font-size:0;padding:7px 9px}.install-label{font-size:10px}.install-label{max-width:22px;overflow:hidden;white-space:nowrap}.install-button svg{width:16px;height:16px}.install-dialog .eyebrow{max-width:245px;font-size:7px}.app-status{font-size:11px;padding:10px 12px;flex-wrap:wrap;gap:8px}.app-status p{flex-basis:calc(100% - 25px)}.app-status .text-button{margin-left:15px;min-height:32px}.startup{min-height:390px;padding:50px 12px}.startup h1{font-size:28px}.startup p{font-size:12px}.startup>img{height:60px;width:60px}.install-icon{margin-top:6px}
  .standalone body.signed-in{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .standalone .topbar #main-nav{display:none!important}.standalone .topbar:has(nav:not([hidden])){margin-bottom:0}
  .standalone .app-nav:not([hidden]){position:fixed;z-index:15;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px;padding:9px max(18px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#f6f7f3f5;border-top:1px solid #dbe2d2;backdrop-filter:blur(16px)}
  .app-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:47px;min-width:114px;background:none;border-radius:12px;font-size:10px;font-weight:650;color:#7a8671}.app-nav button.active{background:#e8f0d7;color:#304a27}.app-nav svg{width:21px;height:21px}
  .standalone .signed-in .download-feedback{bottom:calc(86px + env(safe-area-inset-bottom))}.standalone .signed-in .toast{bottom:calc(88px + env(safe-area-inset-bottom))}
  .url-field input,.login-card input,.invite-form input{font-size:16px}.url-field input{letter-spacing:-.3px}.paste-button{min-height:40px}.single-download{min-height:44px;display:flex;align-items:center;justify-content:space-between}.icon-button{min-height:44px;min-width:44px}
}

.theme-toggle{display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:22px;line-height:1}.theme-toggle:hover{border-color:#8da953}.remember-choice{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin:22px 0}.remember-choice input{flex-shrink:0;margin-top:3px}.remember-choice small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.device-panel{margin-top:24px}.device-panel p{margin-top:10px}.device-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
:root[data-theme=dark]{color-scheme:dark;--bg:#000;--paper:#111;--ink:#e8eee5;--muted:#adb8a7;--line:#30382b;--dark:#d1ed76;--soft:#141a10;--error:#ffada2;background:#000;color:#e8eee5}
[data-theme=dark] body,[data-theme=dark] .shell{background:#000;color:var(--ink)}
[data-theme=dark] .url-card,[data-theme=dark] .login-card,[data-theme=dark] .panel,[data-theme=dark] .media-card,[data-theme=dark] dialog{background:#111;border-color:var(--line);color:var(--ink);box-shadow:none}
[data-theme=dark] input:not([type=checkbox]),[data-theme=dark] select,[data-theme=dark] .url-field{background:#090909;color:var(--ink);border-color:#424d3a}
[data-theme=dark] .primary{background:#d1ed76;color:#1b3027;border-color:#d1ed76}
[data-theme=dark] .secondary,[data-theme=dark] .install-button,[data-theme=dark] .icon-button,[data-theme=dark] .invite-result,[data-theme=dark] .login-icon,[data-theme=dark] .source-symbol,[data-theme=dark] .count-badge{background:#1c2514;color:#e5eddb;border-color:#3c4a2d}
[data-theme=dark] .brand-mark{color:#1b3027}[data-theme=dark] .avatar{background:#212b17;color:#e6efda;border-color:#4c5a3d}
[data-theme=dark] .empty-state,[data-theme=dark] .loading-state,[data-theme=dark] .download-bar{background:#080b06;border-color:#30382b}
[data-theme=dark] .intro h1>span{color:#b3c49c}
[data-theme=dark] .intro p,[data-theme=dark] .muted,[data-theme=dark] .subtitle,[data-theme=dark] .help-link,[data-theme=dark] .login-card>p,[data-theme=dark] .gate-story>p,[data-theme=dark] .help-sections p,[data-theme=dark] .media-dimensions,[data-theme=dark] .watermark-note,[data-theme=dark] .empty-state p,[data-theme=dark] .install-description,[data-theme=dark] .install-note,[data-theme=dark] .startup p,[data-theme=dark] .download-explainer,[data-theme=dark] footer,[data-theme=dark] .platforms,[data-theme=dark] .eyebrow,[data-theme=dark] .form-topline>span,[data-theme=dark] .form-footer>small,[data-theme=dark] .auth-footnote{color:#b2bea7}
[data-theme=dark] .media-preview,[data-theme=dark] .no-preview{background:#0b0e08;color:#aebc9f}
[data-theme=dark] .quality-label,[data-theme=dark] .single-download,[data-theme=dark] .install-steps li:before{background:#253418;color:#d1ed76;border-color:#455c2e}
[data-theme=dark] .media-card.selected{border-color:#a5c660}
[data-theme=dark] .notice,[data-theme=dark] .quality-status,[data-theme=dark] .download-feedback,[data-theme=dark] .update-status{background:#131d09;border-color:#455b2e;color:#dfebcf}
[data-theme=dark] .quality-status p,[data-theme=dark] .download-feedback p,[data-theme=dark] .download-feedback a{color:#bfd0a7}
[data-theme=dark] .notice.error,[data-theme=dark] .download-feedback.error{background:#260d0a;border-color:#7c3930;color:#ffb5aa}
[data-theme=dark] .download-feedback.error p,[data-theme=dark] .download-feedback.error strong{color:#ffb5aa}
[data-theme=dark] .app-status:not(.update-status){background:#211a06;border-color:#675625;color:#f1dba7}
[data-theme=dark] .art-card{background:#151d0e;border-color:#4b5a37;color:#a1b789}[data-theme=dark] .art-plus{background:#253418;color:#d1ed76}
[data-theme=dark] .private-tag,[data-theme=dark] .paste-button{color:#c5d2b7;border-color:#424d3a}
[data-theme=dark] .standalone,[data-theme=dark].standalone .app-nav{background:#000;border-color:#30382b}
[data-theme=dark] .app-nav button.active{background:#202d13;color:#d1ed76}
[data-theme=dark] .toast{background:#d1ed76;color:#1b3027}
@media(max-width:580px){.account{gap:5px}.theme-toggle{min-width:36px;min-height:36px;font-size:21px}.topbar{gap:3px}.brand{font-size:19px}.brand-mark{width:28px;height:30px;margin-right:5px}.help-link{padding:0 2px;font-size:10px}.install-button{padding:7px}.device-actions{align-items:stretch;flex-direction:column}.remember-choice{font-size:11px}}
[data-theme=dark] .platforms>span,[data-theme=dark] .platforms b,[data-theme=dark] .platform-logo{color:#bdcaaa}
[data-theme=dark] .loading-state p,[data-theme=dark] .post-summary p,[data-theme=dark] .expiry,[data-theme=dark] .access-row small,[data-theme=dark] .empty-list{color:#b2bea7}
.login-card .remember-choice{display:flex;align-items:flex-start;text-align:left;gap:10px;margin:22px 0;font-weight:500}.login-card .remember-choice input{width:18px;height:18px;min-height:0;padding:0;margin:3px 0 0;flex:0 0 18px}.login-card .remember-choice span{flex:1}

/* Keep controls below the iOS status area and Liquid Glass overlay. */
@media(min-width:801px){#install-open{display:none!important}}
.standalone .shell{padding-top:8px}
.standalone .topbar{padding-top:0;height:82px}
@media(max-width:580px){.standalone .shell{padding-top:max(8px,calc(env(safe-area-inset-top,0px) - 40px))}.standalone .topbar{height:72px}}
[data-theme=dark] .media-preview{background:#080b06}
.file-view{max-width:760px;margin:auto;padding:calc(max(24px,env(safe-area-inset-top)) + 20px) 20px 40px}.file-view h1{font-size:30px;letter-spacing:-1px;margin:24px 0 15px}.file-view .panel{padding:24px}.file-view p{margin:15px 0;line-height:1.8}.file-view .primary{display:flex;text-decoration:none;justify-content:center;margin:18px 0}.file-view video,.file-view img{display:block;max-width:100%;max-height:60vh;margin:20px auto;background:#000}.file-view .secondary{display:inline-flex;text-decoration:none;padding:10px 16px}
@media(max-width:580px){.standalone:before{content:"";position:fixed;top:0;left:0;right:0;height:max(0px,calc(env(safe-area-inset-top,0px) - 40px));background:var(--bg);z-index:40;pointer-events:none}}

#save-dialog{max-width:540px}#save-dialog h2{font-size:27px}#save-dialog .save-name{font-size:12px;overflow-wrap:anywhere;margin-top:22px;color:var(--muted)}#save-progress{display:block;width:100%;height:14px;margin:24px 0 16px;accent-color:#8ca644}#save-dialog .save-status{font-size:13px;line-height:1.8}#save-dialog>.secondary{margin-top:12px;justify-content:center}

html.standalone{overscroll-behavior-y:contain}.pull-refresh{position:fixed;z-index:60;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap;max-width:calc(100% - 24px);padding:12px 16px;border-radius:24px;background:var(--paper);border:1px solid var(--line);box-shadow:0 6px 24px #0002;color:var(--ink);font-size:12px;pointer-events:none}.pull-refresh>span:first-child{font-size:21px;line-height:1}.pull-refresh.ready{border-color:#8da953}.pull-refresh.refreshing>span:first-child{animation:spin 1s linear infinite}

.favorites-panel{margin-top:14px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}
.favorites-panel h2{margin:0 0 8px;font-size:14px}
.favorites-list{display:flex;gap:8px;flex-wrap:wrap}
.favorite-entry{display:inline-flex;max-width:100%;border:1px solid var(--line);border-radius:12px;background:var(--soft);overflow:hidden}
.favorite-entry button{border:0;background:transparent;color:var(--ink);padding:8px 10px;text-align:left;min-height:40px}
.favorite-entry button:first-child{overflow-wrap:anywhere}
.favorite-entry button+button{border-inline-start:1px solid var(--line);flex-shrink:0;font-size:17px}
.favorite-entry button:hover{background:var(--paper)}
.profile-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-inline-start:auto}
.profile-section{margin-block:14px 23px}
.profile-section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-bottom:8px}
.profile-section-head h3{margin:0;font-size:17px}
.profile-section .muted{margin:0 0 10px;font-size:13px}
.profile-caption{font-size:12px;overflow-wrap:anywhere;color:var(--muted);margin:0 0 8px}
.profile-source{font-size:12px;margin-top:7px;align-self:flex-start}
@media(max-width:580px){.favorites-panel{padding:10px 12px}.profile-actions{justify-content:flex-start;margin-inline-start:0}.profile-actions .secondary{min-height:40px}}

.archive-heading,.archive-file{display:flex;justify-content:space-between;align-items:center;gap:12px}
.archive-heading h1{margin:0}
.archive-profile{margin:14px 0;padding:14px 18px}
.archive-profile>summary,.archive-group>summary{cursor:pointer;overflow-wrap:anywhere;font-weight:700}
.archive-profile>summary{font-size:1.1rem}
.archive-group{margin-top:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px}
.archive-file{justify-content:flex-start;padding:9px 0;border-top:1px solid var(--line)}
.archive-file:first-of-type{margin-top:6px}
.archive-file div{min-width:0;overflow-wrap:anywhere}
.archive-file small{display:block;color:var(--muted)}
.archive-file .single-download{flex:none;margin:0;width:auto;text-decoration:none}
.archive-file-actions,.archive-selection{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.archive-file-actions{margin-inline-start:auto;flex-shrink:0}
.archive-selection{margin-block:10px}
@media(max-width:580px){.archive-file{flex-wrap:wrap}.archive-file>div:first-of-type{flex:1}.archive-file-actions{width:100%;justify-content:flex-end}}
.archive-setup{margin:16px 0}
.archive-setup summary{cursor:pointer;font-weight:700}
#archive-key-output input{display:block;width:100%;margin:4px 0 9px;padding:8px;border:1px solid var(--line);border-radius:6px}
@media(max-width:580px){.archive-profile{padding:12px}.archive-file .single-download{padding:7px 8px}.archive-heading h1{font-size:32px}}
