/* HoloTap: one calm palette, generous spacing, and the original card. */
:root{--bg:#f8faf8;--surface:#fff;--ink:#17251e;--ink-2:#415047;--muted:#606e64;--line:#e1e7e2;--line-strong:#cbd5ce;--accent:#236747;--accent-ink:#174d33;--accent-soft:#e7f1e9;--green:#216b4b;--green-soft:#e7f3eb;--gold:#87651f;--gold-soft:#f8f0db;--radius:12px}
body{background:var(--bg);color:var(--ink)}.wrap{max-width:1180px;padding-left:32px;padding-right:32px}.btn{min-height:44px;border-radius:8px;font-size:13px;gap:16px;box-shadow:none}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.btn-primary:hover{background:#184f35;color:#fff;box-shadow:none;transform:none}.btn-secondary{background:white;border:1px solid var(--line-strong);color:var(--ink)}.btn-secondary:hover{background:#f0f5f1;color:var(--ink)}.btn-ghost{color:var(--ink-2)}.btn-gold{background:#f3ebd5;color:#67501e}.btn-lg{padding:15px 22px;min-height:52px;font-size:14px}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #528a66;outline-offset:4px}.logo-mark{background-image:url('/assets/holotap-brand-v2.png');background-size:250%;background-position:50% 19%;background-color:#142221;border-radius:8px;box-shadow:none}.logo{font-size:21px;letter-spacing:-.045em;gap:10px;color:var(--ink)}.logo-mark{width:35px;height:35px}.nav{background:#fff;border-bottom:1px solid #e9ede9;backdrop-filter:none}.nav .wrap{height:78px}.nav-links{gap:10px}.nav-links>a{color:var(--ink-2);font-size:12px;padding:10px}.nav-links .btn-secondary{border-color:transparent;background:transparent;padding:10px 14px}.nav-links .btn-primary{margin-left:4px;padding:10px 17px}.landing-clean{background:#fff}.holo-hero{padding:60px 0 64px;background:#fff}.holo-hero .hero-grid{grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.eyebrow{display:block;font-size:10px;letter-spacing:.16em;line-height:1.6;font-weight:600;color:#506856}.holo-hero h1{font-size:clamp(44px,5.3vw,65px);font-weight:500;line-height:1.09;letter-spacing:-.063em;margin:24px 0}.holo-hero h1 em{font-style:normal;font-weight:500;color:#31744f}.hero-copy>p{color:#5d6b62;font-size:15px;line-height:1.85;max-width:420px}.hero-copy .hero-note{font-size:11px;color:#667469;margin-top:19px}.hero-actions{gap:24px;margin-top:30px}.text-action{display:inline-flex;align-items:center;gap:14px;min-height:42px;color:#2f4d39;font-size:12px;font-weight:500;border:0;background:none;padding:0;cursor:pointer;text-decoration:none}.text-action:hover{color:#176036;text-decoration:underline;text-underline-offset:6px}.original-showcase{position:relative;background:#f1f5f0;border-radius:20px;padding:38px 24px 22px}.original-showcase .hero-stage{min-height:346px;align-items:center}.original-showcase .hero-card{width:214px;flex:none;transform:rotateY(-5deg) rotateX(3deg);box-shadow:0 24px 30px -16px #25403548;transition:transform .3s ease-out}.original-showcase .toploader-frame{inset:-9px;border:2px solid #fff;box-shadow:0 0 0 1px #b7c9b875,0 2px 2px #d1ded4;background:linear-gradient(160deg,#ffffff60,#ffffff05)}.original-showcase .sheen{opacity:.17}.original-showcase .nfc-tag{color:#1c4330;right:12px;bottom:12px;width:30px;height:30px}.card-caption{font-size:10px;color:#5c7162;text-align:center;margin-top:26px;letter-spacing:.025em}.game-strip{background:#fff;border-top:1px solid #e7ece7;border-bottom:1px solid #e7ece7}.game-strip .wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.game-strip span{font-size:9px;letter-spacing:.09em;color:#788276}.game-strip b{font-size:12px;font-weight:500;color:#3c4e41}.experience-section{padding-top:84px;padding-bottom:86px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-heading h2,.app-callout h2{font-size:37px;letter-spacing:-.047em;line-height:1.16;font-weight:500;margin-top:16px}.section-heading>p{font-size:13px;color:#68746b;line-height:1.8;margin-bottom:4px}.experience-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:44px}.experience-steps article{padding-top:24px;border-top:1px solid #dde6dd;display:flex;flex-direction:column;align-items:flex-start}.step-symbol{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#31764a;background:#edf5ed;border-radius:9px;font-size:22px}.step-symbol svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.experience-steps h3{font-size:17px;letter-spacing:-.03em;margin:22px 0 12px;font-weight:500}.experience-steps p{font-size:13px;line-height:1.85;color:#657168;max-width:295px;margin-bottom:14px}.experience-steps .text-action{margin-top:auto}.app-section{background:#f1f6f0}.app-callout{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;padding-top:65px;padding-bottom:65px}.app-callout h2{margin:16px 0 22px}.app-callout p{font-size:13px;color:#5c7061;line-height:1.85}.app-callout .btn{margin-top:28px}.app-feature-list{align-self:center}.app-feature-list>div{display:flex;align-items:flex-start;gap:22px;padding:25px 0;border-top:1px solid #d8e3d7}.app-feature-list>div:first-child{border-top:0}.app-feature-list>div:last-child{padding-bottom:0}.app-feature-list>div>span{font-size:10px;color:#638369;padding-top:3px}.app-feature-list b{display:block;color:#284332;font-size:14px;font-weight:500;margin-bottom:5px}.faq-section{display:grid;grid-template-columns:.9fr 1.25fr;gap:70px;padding-top:78px;padding-bottom:85px}.faq-section h2{font-size:28px;font-weight:500;letter-spacing:-.04em;padding-top:19px}.faq-list details{border-bottom:1px solid #e2e9e1}.faq-list summary{list-style:none;cursor:pointer;display:flex;gap:20px;justify-content:space-between;padding:22px 0;font-size:13px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#68866c;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;line-height:1.85;color:#5c6c60;padding:0 25px 24px 0}footer{background:#fff;border-top:1px solid #e4ebe2;padding:28px 0;color:#667464;font-size:11px}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}footer .logo{font-size:18px}footer .logo-mark{width:29px;height:29px}
/* Consistent, readable account screens. */
.topbar{background:#fff;color:var(--ink);border-color:var(--line)}.topbar .logo{color:var(--ink)}.tabs{background:#f0f4f1}.tab{color:#4c6454}.tab.on{background:#dceee1;color:#163f27}.tab:hover{background:#e8f1eb;color:#184a2c}.wallet{background:#edf2df;color:#596126}.kbd-hint{background:#fff;color:#4c6153;border-color:#d2ddd5}.kbd-hint kbd{background:#eef2ef;color:#3b5143}.avatar{background:#286b4e;color:#fff}.menu{background:#fff;color:#183323}.menu button{color:#294d35}.notice{background:#eef5ef;color:#31593d;border-color:#d5e4d9}.pill-accent{background:#e1efe5;color:#275738}.stat .v,.stat .l,.pnl h3,.page-head h1{color:#193624}.stat .d{color:#55735f}.stat,.pnl,.empty,.tier{background:#fff;border-color:#dce4df;box-shadow:none}.stats{gap:16px}.empty{color:#36523f}.input{color:#1d3928;background:#fff;border-color:#cbd7ce;font-size:16px}.input::placeholder{color:#6b7e70}.help,.sub,.auth-card .sub{color:#5c7163}.field label{color:#2c4935}.caps{color:#835515}.caps[hidden],[hidden]{display:none!important}.pill-gold{background:#f0ead6;color:#6b551c}.botnav{background:#fff;border-color:#d3e0d7}.bn{color:#536e5d}.bn.on{color:#1a6240}.auth{display:flex;min-height:100dvh;justify-content:center;background:#f6f9f6}.auth-main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:36px 22px;background:transparent;gap:24px}.auth-brand{display:block;flex:none;width:132px;border-radius:10px;overflow:hidden}.auth-brand img{display:block;width:100%;height:auto}.auth-card{width:100%;max-width:410px;background:#fff;border:1px solid #dce6de;padding:32px;border-radius:14px;box-shadow:none}.auth-card h1{font-size:26px;letter-spacing:-.045em;color:#173623}.auth-card .sub{margin-bottom:24px;font-size:13px}.auth-row,.auth-card .linkish{color:#285b3c}.auth .field label{font-size:13px}.pw-eye{color:#496251}.error-msg{color:#862f23;font-size:13px}.sync.offline{background:#fff1dc;color:#774c0f}.sync.saving{background:#e9f3ed;color:#235c3d}.page{padding-top:32px}.page-head h1{font-size:30px;letter-spacing:-.04em}.holo-welcome{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;background:#e9f2eb;color:#163924;border:1px solid #d9e5dc;border-radius:14px;padding:30px;margin-top:25px}.holo-welcome h2{font-size:30px;font-weight:500;letter-spacing:-.04em;margin:18px 0}.holo-welcome p{color:#526e5b;font-size:14px;line-height:1.8}.holo-welcome img{width:100%;height:220px;object-fit:contain;border-radius:8px}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;margin-bottom:45px}.quick-link{background:#fff;border:1px solid #dce5df;border-radius:12px;text-align:left;padding:24px;color:#1d3b27;cursor:pointer}.quick-link:hover{background:#f0f6f0}.quick-link b{display:block;font-size:17px;font-weight:500;margin:18px 0 8px}.quick-link p{color:#58705f;font-size:13px;line-height:1.8}.quick-link>span{font-size:24px;color:#398361}.capture-form{max-width:730px;background:#fff;border:1px solid #dbe5de;border-radius:14px;padding:30px}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.capture-form .field{margin-bottom:18px}.capture-form .btn{margin-top:10px}.form-status{min-height:24px;color:#285e3d;font-size:14px;margin-top:12px}.capture-preview{max-height:210px;border-radius:10px;width:100%;object-fit:contain;background:#edf2ee;margin-bottom:18px}.readable-alert{border:1px solid #e8c588;background:#fff5e5;color:#704b19;padding:15px;border-radius:9px;margin:15px 0;line-height:1.6}.app-download{padding:48px 24px;max-width:1050px;margin:auto}.app-download h1{font-size:48px;line-height:1.08;letter-spacing:-.05em;margin:20px 0}.app-download p{color:#4f6858;line-height:1.8}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.app-qr{width:220px;height:220px;display:block;background:white;padding:12px;border:1px solid #dce5df;border-radius:12px}.app-feature{border-top:1px solid #dce5df;padding:18px 0}.app-feature b{display:block;margin-bottom:6px}.app-status{background:#eef5ef;border:1px solid #d9e7dd;border-radius:10px;padding:18px;margin:20px 0}
@media(max-width:950px){.holo-hero .hero-grid{gap:36px}.holo-hero h1{font-size:51px}.game-strip .wrap{gap:18px}.game-strip span{max-width:95px;line-height:1.8}.app-callout{gap:60px}.section-heading>p br{display:none}.section-heading>p{max-width:245px}.nav-links>a{display:none}.experience-steps{gap:26px}.faq-section{gap:36px}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.nav .wrap{height:68px}.nav .logo{font-size:19px}.nav .logo-mark{width:30px;height:30px}.nav-links{gap:2px}.nav-links .btn{font-size:11px;padding:8px 11px;min-height:40px;gap:8px}.holo-hero{padding:41px 0 32px}.holo-hero .hero-grid{grid-template-columns:1fr;gap:32px}.holo-hero h1{font-size:51px;margin:20px 0}.hero-copy>p{font-size:14px;line-height:1.8}.hero-copy .hero-note{font-size:10px;margin-top:15px}.eyebrow{font-size:9px}.hero-actions{margin-top:24px;gap:22px}.hero-actions .btn{font-size:12px;padding:13px 18px;min-height:49px}.hero-actions .text-action{font-size:11px}.original-showcase{padding:24px 20px 18px;max-width:500px;width:100%;margin:0 auto}.original-showcase .hero-stage{min-height:275px}.original-showcase .hero-card{width:176px}.card-caption{margin-top:19px;font-size:9px}.game-strip .wrap{flex-wrap:wrap;justify-content:flex-start;gap:15px 23px;padding-top:22px;padding-bottom:24px}.game-strip span{max-width:none;width:100%;font-size:8px}.game-strip b{font-size:10px}.experience-section{padding-top:52px;padding-bottom:50px}.section-heading{display:block}.section-heading h2,.app-callout h2{font-size:31px}.section-heading>p{max-width:none;margin-top:19px;font-size:12px}.experience-steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.experience-steps article{padding-top:24px}.experience-steps h3{margin:15px 0 10px}.experience-steps p{max-width:none;margin-bottom:5px}.app-callout{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:24px}.app-callout p br{display:none}.app-callout .btn{margin-top:24px}.app-feature-list>div{padding:19px 0}.app-feature-list>div:first-child{border-top:1px solid #d8e3d7}.faq-section{grid-template-columns:1fr;gap:14px;padding-top:40px;padding-bottom:45px}.faq-section h2{font-size:25px}.faq-list summary{font-size:12px;padding:20px 0}.faq-list p{font-size:12px}footer .wrap{flex-wrap:wrap;font-size:9px;gap:20px}footer .wrap>span:nth-child(2){display:none}.auth-main{padding:28px 18px;gap:22px}.auth-brand{width:118px}.auth-card{padding:25px 22px}.quick-links{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.quick-link{padding:22px}.quick-link b{margin-top:10px}.capture-grid,.app-grid,.holo-welcome{grid-template-columns:1fr}.capture-form{padding:22px}.holo-welcome{padding:24px}.holo-welcome img{display:none}.app-download h1{font-size:39px}.app-grid{gap:30px}.page-head h1{font-size:26px}.topbar .wrap{padding:0 16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-card{transform:none!important}}
/* Shared card finder, on the catalog page and in the add-card flow. */
.catalog-page{padding-top:50px;padding-bottom:55px;min-height:85dvh}.catalog-heading h2{font-size:28px;letter-spacing:-.045em;font-weight:500;margin:12px 0}.catalog-heading p{font-size:13px;line-height:1.8;color:#5b6e60;max-width:550px}.catalog-search{display:flex;gap:14px;align-items:flex-end;margin-top:26px}.catalog-search .field{margin:0}.catalog-query{flex:1}.catalog-search .btn{min-height:48px}.catalog-notice{font-size:12px;color:#566e5d;padding:18px 0;min-height:52px}.catalog-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.catalog-result{border:1px solid #dbe6dc;border-radius:12px;background:#fff;text-align:left;overflow:hidden;display:flex;flex-direction:column}.catalog-result:hover{border-color:#6e9a78;box-shadow:0 5px 18px #294c2810}.catalog-result>img{width:100%;height:215px;object-fit:contain;padding:15px;background:#eef3ec}.catalog-result-copy{display:flex;flex-direction:column;gap:7px;padding:16px}.catalog-result b{font-size:12px;line-height:1.6}.catalog-result small{font-size:10px;color:#617366;line-height:1.6}.catalog-result-copy>span{font-size:10px;color:#2d754a;margin-top:6px}.catalog-selected{display:grid;grid-template-columns:180px 1fr;gap:32px;background:#fff;padding:25px;border:1px solid #d6e3d8;border-radius:14px;margin-top:25px}.catalog-selected>img{width:100%;max-height:320px;object-fit:contain;align-self:start}.catalog-selected:has(>div:first-child){grid-template-columns:1fr}.catalog-selected h3{font-size:23px;margin:10px 0;letter-spacing:-.03em}.catalog-selected p{font-size:12px;line-height:1.8;color:#5c6d61;margin:10px 0}.catalog-selected label{display:block;font-size:12px;margin:16px 0 8px}.catalog-selected details{font-size:12px;margin:15px 0;color:#45614d}.catalog-selected summary{cursor:pointer}.catalog-price{background:#f0f6ef;padding:18px;border-radius:9px;margin:16px 0}.catalog-price strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.03em}.catalog-price small{display:block;font-size:10px;line-height:1.8;color:#5a705e;margin-top:5px}.catalog-price strong small{display:inline;font-size:12px}.catalog-pages{display:flex;justify-content:center;align-items:center;gap:20px;margin:28px 0}.catalog-pages span{font-size:12px}.catalog-credits{font-size:10px;line-height:1.9;color:#6a776a;border-top:1px solid #dfe7dc;padding-top:24px;margin-top:45px}.catalog-no-image{height:120px;display:flex;align-items:center;justify-content:center;background:#eff4ed;color:#637e65;font-size:12px}.capture-catalog{max-width:970px;padding:26px;border:1px solid #dce5dd;background:#f3f7f1;border-radius:14px;margin-bottom:26px}.capture-catalog .catalog-heading h2{font-size:22px}.capture-catalog .catalog-result>img{height:170px}.selected-reference{background:#eef5ed;border:1px solid #d5e3d5;border-radius:10px;padding:18px;margin-bottom:22px}.selected-reference h3{font-size:16px}.selected-reference p{color:#546d58;font-size:12px;line-height:1.8;margin:10px 0}.selected-reference .btn{font-size:12px}
@media(max-width:700px){.catalog-page{padding-top:34px}.catalog-heading h2{font-size:24px}.catalog-search{flex-wrap:wrap;gap:12px}.catalog-search .field{width:100%}.catalog-query{flex-basis:100%}.catalog-search .btn{width:100%}.catalog-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-result>img{height:170px;padding:12px}.catalog-result-copy{padding:12px}.catalog-selected{grid-template-columns:1fr;padding:20px;gap:20px}.catalog-selected>img{max-height:250px}.catalog-selected h3{font-size:21px}.capture-catalog{padding:20px}.capture-catalog .catalog-result>img{height:145px}.catalog-heading p{font-size:12px}}
.welcome-card-stage{display:flex;align-items:center;justify-content:center;perspective:1000px;padding:20px}.welcome-card-stage .hero-card{width:155px;transform:rotateY(-12deg) rotateX(5deg);box-shadow:0 22px 35px -18px #163a3059}.welcome-card-stage .sheen{opacity:.15}.welcome-card-stage .nfc-tag{color:#225236;width:24px;height:24px;right:10px;bottom:10px}.welcome-card-stage .nfc-tag svg{width:16px;height:16px}input[type=file].input{font-size:12px;color:#5c7264;padding:7px;min-height:48px}input[type=file]::file-selector-button{font:inherit;font-size:12px;font-weight:500;background:#eaf2e9;color:#24533a;border:1px solid #d2e0d1;border-radius:6px;min-height:34px;padding:7px 13px;margin-right:12px;cursor:pointer}input[type=file]::file-selector-button:hover{background:#dcecd9}@media(max-width:700px){.welcome-card-stage{padding:30px}.welcome-card-stage .hero-card{width:140px}}
.ai-fab,.ai-window{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.support-launch{position:fixed;right:22px;bottom:22px;z-index:120;display:flex;align-items:center;gap:12px;background:#235d3d;color:#fff;border:1px solid #1b5033;box-shadow:0 4px 20px #123a2325;border-radius:28px;min-height:46px;padding:11px 19px;font-size:16px}.support-launch span{font-size:12px;font-weight:500}.support-panel{position:fixed;right:22px;bottom:22px;z-index:150;width:360px;max-height:calc(100dvh - 40px);background:#fff;border:1px solid #d8e4da;border-radius:16px;box-shadow:0 12px 45px #17301c24;overflow:hidden;display:flex;flex-direction:column;color:#1c3926}.support-panel>header{display:flex;align-items:center;justify-content:space-between;padding:19px 21px;background:#f0f6ee;border-bottom:1px solid #dfe8de}.support-panel header b{display:block;font-size:15px;font-weight:600}.support-panel header small{display:block;font-size:10px;margin-top:4px;color:#56745f}.support-close{min-height:36px;min-width:36px;font-size:25px;color:#3c5d43}.support-messages{height:305px;overflow:auto;padding:20px;font-size:12px;line-height:1.8;display:flex;flex-direction:column;gap:15px}.support-answer{background:#f0f5ee;border-radius:10px;padding:13px;white-space:pre-wrap;color:#2c4833}.support-question{background:#286747;border-radius:10px;padding:13px;color:#fff;margin-left:20px;white-space:pre-wrap}.support-topics{display:flex;gap:7px;padding:0 18px 14px}.support-topics button{font-size:10px;color:#315d40;border:1px solid #d7e3d5;padding:7px 9px;border-radius:7px;min-height:32px}.support-panel form{display:flex;gap:10px;padding:15px 18px;border-top:1px solid #e2e8df}.support-panel input{width:0;flex:1;border:0;color:#2c4934;background:#fff;outline:none;font-size:13px;padding:8px 0}.support-panel input:focus-visible{outline:2px solid currentColor;outline-offset:2px}.support-panel form button{background:#226540;color:#fff;border-radius:8px;width:36px;height:36px;font-size:20px}.support-footnote{font-size:9px;line-height:1.6;color:#687b6c;padding:0 18px 16px}@media(max-width:700px){.support-launch{right:16px;bottom:82px;padding:10px 14px}.support-panel{right:12px;bottom:80px;width:calc(100% - 24px);max-height:calc(100dvh - 100px)}.support-messages{height:270px}}
/* A physical card and its layers, built with the original vector illustration. */
.original-showcase .interactive-card-stage{perspective:1100px;min-height:352px;touch-action:pan-y;cursor:grab;position:relative;isolation:isolate}
.interactive-card-stage:focus-visible{outline:2px solid #4d815d;outline-offset:8px;border-radius:12px}
.interactive-card-stage::before{content:'';position:absolute;width:190px;height:24px;border-radius:50%;background:#2048321b;filter:blur(13px);bottom:12px;transition:width .7s,opacity .7s;pointer-events:none}
.original-showcase .card-rig{--card-y:-14deg;--card-x:7deg;transform:rotateX(var(--card-x)) rotateY(var(--card-y));box-shadow:none;transition:transform .7s cubic-bezier(.22,.7,.2,1);transform-style:preserve-3d;user-select:none}
.interactive-card-stage.is-dragging{cursor:grabbing}.is-dragging .card-rig{transition:none}
.card-rig .case-back,.card-rig .case-cover{position:absolute;inset:-11px;border:1px solid #b7cbbb;border-radius:18px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.7,.2,1);box-shadow:inset 0 0 0 3px #ffffffa6,0 1px 1px #49634c30}
.card-rig .case-back{background:linear-gradient(135deg,#dbe9dfb8,#f7faf5a1 44%,#c2d8cc6e);transform:translateZ(-12px)}
.card-rig .case-cover{transform:translateZ(12px);background:linear-gradient(126deg,#ffffff42 2%,#ffffff06 40%,#ffffff30 74%,#ffffff7a);border-color:#fafffa;box-shadow:inset 0 0 0 3px #e1eade75,0 0 0 1px #b0c5b5a1}
.case-rim{position:absolute;inset:4px;border:1px solid #ffffffd9;border-radius:13px;box-shadow:inset 0 1px 2px #718e785c}
.case-etch{position:absolute;left:0;right:0;bottom:1px;text-align:center;color:#476b55;font-size:5px;letter-spacing:.17em;line-height:8px}
.card-rig .card-insert{position:absolute;inset:0;border-radius:14px;transform-style:preserve-3d;transform:translateZ(0);transition:transform .8s cubic-bezier(.22,.7,.2,1);box-shadow:0 9px 20px #1d402928}
.card-insert .art,.card-reverse{backface-visibility:hidden;position:absolute;inset:0;border-radius:14px;overflow:hidden}
.card-insert .art{transform:translateZ(1px)}.card-insert .art svg{display:block}
.card-reverse{transform:rotateY(180deg) translateZ(1px);background:radial-gradient(ellipse at 30% 20%,#2c694c,#102e22 80%);border:7px solid #acc7a5;color:#eff8e9;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate}
.card-reverse::before{content:'';position:absolute;inset:9px;border:1px solid #acc7a561;border-radius:6px}
.reverse-monogram{font-size:70px;font-weight:500;line-height:1;letter-spacing:-.1em;margin-left:-8px;color:#d2e8ca;text-shadow:3px 3px #4f937359;transform:skewY(-8deg)}
.card-reverse strong{font-size:22px;letter-spacing:-.04em;font-weight:500;margin-top:20px}.card-reverse small{font-size:6px;letter-spacing:.21em;margin-top:9px;color:#afc7ac}
.reverse-orbit{position:absolute;width:270px;height:270px;border:1px solid #93b99528;border-radius:50%;z-index:-1;transform:rotateX(45deg) rotateY(-22deg)}
.card-rig .sheen{opacity:.22;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 25%,#d9ffe066 40%,#fff9d06b 49%,#d4f2ec70 57%,transparent 70%);background-size:230% 230%;background-position:var(--sx,50%) var(--sy,50%)}
.card-chip{position:absolute;width:31px;height:31px;right:11px;bottom:12px;border-radius:50%;background:#e5efe0f0;border:1px solid #7da988;transform:translateZ(15px);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.7,.2,1),width .8s,height .8s;box-shadow:0 4px 9px #1a362428}
.chip-coil{position:absolute;inset:4px;border:1px solid #77a082;border-radius:50%;box-shadow:inset 0 0 0 2px #e6efdc,inset 0 0 0 3px #80a989,inset 0 0 0 5px #e6efdc,inset 0 0 0 6px #80a989;opacity:0;transition:opacity .6s}
.chip-core{position:absolute;inset:42%;background:#245337;border:1px solid #8cae8f;border-radius:1px;opacity:0;transition:opacity .6s}.chip-icon{position:absolute;inset:6px;color:#285b3b}.chip-icon svg{width:100%;height:100%}
.layers-open .case-back{transform:translateX(-14px) translateZ(-55px)}.layers-open .card-insert{transform:translateY(-12px) translateZ(26px)}.layers-open .case-cover{transform:translateX(20px) translateZ(115px)}.layers-open .card-chip{width:42px;height:42px;transform:translateX(65px) translateY(18px) translateZ(24px)}.layers-open .chip-coil,.layers-open .chip-core{opacity:1}.layers-open .chip-icon{opacity:0}.layers-open .interactive-card-stage::before{width:235px;opacity:.6}
.card-scene-controls{display:flex;justify-content:center;gap:9px;position:relative;z-index:2;margin-top:15px}.card-scene-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;font-family:inherit;font-size:11px;line-height:1.4;color:#2d553a;background:#ffffffa6;border:1px solid #d2dfd0;border-radius:7px;padding:8px 13px;cursor:pointer;transition:background .2s,border-color .2s}.card-scene-controls button:hover{background:white;border-color:#9bb99d}.card-scene-controls button[aria-pressed=true]{background:#e0eddc;border-color:#acc5ab}.card-scene-controls button:first-child span{font-size:16px}.original-showcase .card-caption{margin-top:14px;min-height:16px;font-size:10px}
@media(max-width:700px){.original-showcase .interactive-card-stage{min-height:282px;perspective:950px}.original-showcase .card-rig{width:170px}.layers-open .case-cover{transform:translateX(8px) translateZ(76px)}.layers-open .case-back{transform:translateZ(-38px)}.layers-open .card-chip{transform:translateX(36px) translateY(20px) translateZ(21px)}.card-scene-controls{margin-top:14px}.card-scene-controls button{min-height:42px}.original-showcase .card-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.original-showcase .card-rig{transform:rotateX(var(--card-x)) rotateY(var(--card-y))!important}.interactive-card-stage::before{filter:none;background:#2048320c}}

/* Keep card details as readable as the rest of the collection. */
.viewer .panel{background:#fff;color:#172c22}.viewer .panel h2,.viewer .panel .price-big,.viewer .panel .kv b,.viewer .panel .nfc-line b{color:#172c22}.viewer .panel .meta,.viewer .panel .nfc-line,.viewer .panel .kv,.viewer .panel .help{color:#52675b}.viewer .panel .kv{border-color:#dce5df}.viewer .panel .sell-form{background:#f4f7f3;border-color:#dce5df}.viewer .panel .btn-ghost{color:#31533f!important}.viewer .panel .mini-chart{background:#f1f6f2;border-radius:12px}.c3-back-in .c3-seal{color:#b9efd1}.viewer .panel .roy-row{color:#31533f}

.expo-launch{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:20px 0}.expo-launch img{border-radius:14px;border:1px solid #dbe6dd;padding:8px;background:white}

.offer-summary{display:flex;gap:20px;flex-wrap:wrap;padding:17px 20px;background:#edf4ee;border:1px solid #dce8dd;border-radius:14px;color:#466451;margin-bottom:22px;font-size:13px}.offer-summary b{color:#214c33}.offer-clean{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:16px 20px;background:#fff;border:1px solid #dee7df;border-radius:18px;padding:23px}.offer-clean .thumb{width:62px;height:86px;border-radius:8px;box-shadow:2px 5px 10px #173c2420;transform:rotate(-3deg);overflow:hidden}.offer-clean .thumb img{width:100%;height:100%;object-fit:contain}.offer-main .title{font-size:17px;margin-bottom:5px}.offer-main .line{margin-bottom:9px}.offer-terms{text-align:right;display:flex;flex-direction:column;gap:5px;color:#57705d;font-size:11px}.offer-terms>b{font-size:28px;font-weight:600;color:#234730;letter-spacing:-1px}.offer-terms small{font-size:10px}.offer-actions{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:8px}.offer-clean .counter-box{grid-column:1/-1;display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#f1f6f0;padding:18px;border:1px solid #dbe7da;border-radius:12px}.counter-box .field{margin:0;flex:1;min-width:140px}.counter-box .input{width:100%;max-width:none}.offer-history{grid-column:1/-1;border-top:1px solid #e5ece5;padding-top:14px;color:#55705e;font-size:12px}.offer-history summary{cursor:pointer}.offer-history ol{margin:14px 0 0;padding-left:20px;display:grid;gap:9px}.offer-note{grid-column:1/-1;color:#526b59;font-size:12px;margin:0}@media(max-width:620px){.offer-clean{padding:18px;gap:14px;grid-template-columns:52px minmax(0,1fr)}.offer-clean .thumb{width:52px;height:73px}.offer-terms{grid-column:1/-1;text-align:left}.offer-actions{grid-column:1/-1}.counter-box .btn{min-height:44px}.offer-summary{gap:9px}.offer-main .title{font-size:16px}}

.viewer .vault-stage{background:radial-gradient(ellipse at 50% 38%,#f8faf4,#e2ecdf);color:#31533d;min-height:590px;perspective:1100px;padding:65px 35px 110px;display:flex;align-items:center;justify-content:center;overflow:hidden}.vault-stage-label{position:absolute;top:30px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;color:#52705b;letter-spacing:1px}.vault-stage #card3d{width:215px;height:300px;border-radius:11px;box-shadow:10px 25px 30px #26492f25;transform-style:preserve-3d;cursor:grab;touch-action:pan-y;outline-offset:18px}.vault-stage .c3-face{border-radius:10px;box-shadow:none;backface-visibility:hidden;overflow:hidden;pointer-events:none}.vault-stage .c3-front{background:#e5ece0;transform:translateZ(1px)}.vault-stage .c3-front>img,.vault-stage .c3-back>img{width:100%;height:100%;object-fit:contain}.vault-stage .c3-back{background:#20472f;transform:rotateY(180deg) translateZ(1px)}.vault-stage .c3-back-in{padding:18px;color:#ecf5e7}.vault-stage .c3-back-in b{color:#f1f7e9;font-size:12px}.vault-stage .c3-line{color:#d0e5ce;font-size:10px}.vault-stage .holo{opacity:.12}.vault-case-back,.vault-case-cover{position:absolute;inset:-12px -13px -15px;border:1px solid #94b29cab;border-radius:16px;pointer-events:none;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,.7,.2,1)}.vault-case-back{background:#d2e2d435;transform:translateZ(-6px)}.vault-case-cover{border:2px solid #ffffffd9;background:linear-gradient(120deg,#ffffff00 20%,#ffffff25 38%,#ffffff00 60%);transform:translateZ(8px);box-shadow:inset 0 0 0 4px #ffffff20}.vault-case-cover>span{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:2px;color:#6b8972}.case-open .vault-case-back{transform:translateX(-28px) translateZ(-65px)}.case-open .vault-case-cover{transform:translateX(35px) translateY(-12px) translateZ(110px)}.vault-stage .hint{position:absolute;bottom:26px;left:15px;right:15px;color:#5a735f;display:flex;flex-direction:column;gap:14px;align-items:center;font-size:10px}.vault-view-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.vault-view-controls button{font-family:inherit;font-size:11px;border:1px solid #c3d5c2;border-radius:9px;min-height:40px;padding:9px 11px;background:#fffffff0;color:#294e36;cursor:pointer}.vault-view-controls button:hover,.vault-view-controls button[aria-pressed=true]{background:#d5e7d2;border-color:#a7c1a5}html:not([data-holo-motion]) .vault-view-controls button:active{transform:scale(.98)}.estimate-label{display:block;color:#5d755f;font-size:11px;margin-bottom:5px}.missing-card-photo{height:100%;display:flex;align-items:center;justify-content:center;background:#e8eee2;color:#42614a;font-size:13px}.ig-cell{perspective:900px;transition:transform .25s,box-shadow .25s}.ig-cell:hover{transform:translateY(-4px) rotateY(-4deg);box-shadow:6px 12px 25px #23442c18}@media(max-width:700px){.viewer .vault-stage{min-height:440px;padding:60px 24px 100px}.vault-stage #card3d{width:175px;height:245px}.vault-stage-label{top:22px}.vault-stage .hint{bottom:19px}.vault-view-controls button{min-height:44px}.case-open .vault-case-cover{transform:translateX(16px) translateY(-8px) translateZ(65px)}}@media(prefers-reduced-motion:reduce){.vault-stage *,.ig-cell{transition:none!important}}

.vault{background:#edf3e9;color:#203e2b;border:1px solid #dae5d7;padding:30px}.vault::before{display:none}.vault-head h2{color:#24442e}.vault-head p,.vault-stats div,.vcard .sub,.vt-count{color:#526e59}.vault-stats b,.vault-stats b.gold,.vcard .name,.vcard .val{color:#203e2b}.vault-stats b[style],.vcard .val .up{color:#28653e!important}.vcard .val .down{color:#9c4135}.vcard .frame{background:#dee9da;padding:9px;border:1px solid #c6d9c4;border-radius:15px;box-shadow:4px 9px 18px #26452d20}.vcard .frame img{object-fit:contain;border-radius:7px}.vcard:hover .frame{transform:translateY(-5px) rotateY(-7deg) rotateX(3deg);box-shadow:8px 15px 23px #26452d30}.vt-search,.vt-sel{background:#fff;border-color:#cbdcc9;color:#294c34}.vt-search input,.vt-sel option{color:#294c34;background:#fff}.vt-search input::placeholder{color:#607966}.viewer .kv div{color:#526d5b}.viewer .stage .hint{color:#57735e}.viewer .nfc-line{border-color:#dae5d9;background:#f8faf6}
@media(max-width:620px){.subtabs{display:flex;width:100%;max-width:100%;gap:2px}.subtab{flex:1;min-width:0;white-space:nowrap;font-size:12px;padding:10px 7px}.subtab .cnt{font-size:10px;padding:1px 4px;margin-left:3px}.offer-clean .counter-box .input{max-width:none;width:100%}}
.commerce-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.commerce-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:24px 0}.commerce-product{background:#fff;border:1px solid #dce5d4;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:14px;color:#315138}.commerce-product p,.commerce-product li{color:#63775b;line-height:1.7;font-size:13px}.commerce-price{font-size:30px;font-weight:500}.commerce-price small{font-size:12px;color:#66815b}.commerce-quantity{display:flex;align-items:center;gap:15px}.commerce-quantity strong{margin-left:auto}.digital-discovery{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:30px;background:#edf3e7;border:1px solid #d8e5ce;border-radius:28px;margin:25px 0}.digital-discovery h2{font-size:35px;letter-spacing:-1px;color:#315039;margin:10px 0}.digital-discovery p{color:#5c7753;line-height:1.75;margin:18px 0}.case-room-art{height:270px;position:relative;perspective:950px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#f5f9ef,#e4eddb);border-radius:20px;overflow:hidden}.digital-box{position:relative;width:145px;height:95px;transform-style:preserve-3d;transform:rotateX(-13deg) rotateY(-24deg);animation:case-drift 7s ease-in-out infinite}.digital-box-body{position:absolute;inset:0;transform:translateZ(40px);background:linear-gradient(140deg,var(--case-tint),#305039);border:1px solid #b6cfa2;border-radius:10px;display:grid;place-items:center;box-shadow:15px 18px 25px #27492322}.digital-box-body:before{content:'';position:absolute;inset:0;background:#486641;transform:rotateY(90deg) translateZ(-73px);width:80px;transform-origin:left}.digital-box-body span{font-size:30px;color:var(--case-glow);font-weight:600}.digital-box-lid{position:absolute;inset:-8px -5px 85px;transform:translateZ(45px);background:var(--case-glow);border:1px solid var(--case-tint);border-radius:6px;transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}.digital-prize{position:absolute;width:91px;height:130px;left:28px;top:0;transform:translateZ(0);border:4px solid var(--case-tint);background:var(--case-glow);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transition:transform 1.6s cubic-bezier(.2,.8,.2,1);opacity:0}.digital-prize b{font-size:10px;color:#31543a}.opened .digital-box-lid{transform:translate3d(0,-90px,20px) rotateX(-55deg)}.opened .digital-prize{transform:translate3d(0,-105px,55px) rotateY(16deg);opacity:1}.opened .digital-box{transform:translateY(45px) rotateX(-13deg) rotateY(-24deg)}.case-orbit{position:absolute;width:230px;height:110px;border:1px solid #9eba8d55;border-radius:50%;transform:rotate(-20deg)}@keyframes case-drift{0%,100%{rotate:0 1 0 -5deg;translate:0 4px}50%{rotate:0 1 0 8deg;translate:0 -4px}}@media(max-width:680px){.digital-discovery{grid-template-columns:1fr;padding:20px;gap:12px}.commerce-tabs{gap:6px}.commerce-tabs .btn{font-size:11px;padding:11px 13px}}@media(prefers-reduced-motion:reduce){.digital-box{animation:none}.digital-prize,.digital-box-lid{transition:none}}
.motion-variations{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.motion-variations .btn{min-width:44px;padding:10px}.motion-preview-object{width:135px;height:180px;transform-style:preserve-3d}.motion-preview-object .hero-card{width:135px;height:180px;transform:none!important;animation:none!important}.motion-preview-object .art{height:100%;border-radius:9px;overflow:hidden}.motion-preview-object svg{width:100%;height:100%}
.hollowtap-intro{position:fixed;inset:0;z-index:99999;background:#ecf2e8;display:grid;place-items:center;overflow:auto;color:#315039;transition:opacity .5s,transform .5s}.intro-center{width:min(430px,90vw);text-align:center;padding:55px 0 30px}.intro-center h1{font-size:clamp(45px,8vw,66px);letter-spacing:-3px;font-weight:500;margin:17px 0}.intro-center>p{color:#647e59;font-size:13px}.intro-center .case-room-art{height:300px;background:transparent;overflow:visible;margin-top:20px}.intro-center .digital-prize{animation:intro-prize 1.6s .35s cubic-bezier(.2,.8,.2,1) both}.intro-center .digital-box-lid{animation:intro-lid 1.5s .25s cubic-bezier(.2,.8,.2,1) both}.intro-skip{position:absolute;right:28px;top:24px;background:none;border:0;color:#698460;font-size:11px;padding:13px;cursor:pointer}.intro-enter{width:100%;height:72px;border:1px solid #709b5d;border-radius:22px;background:#315e41;color:#e7f5da;display:flex;justify-content:space-between;align-items:center;padding:0 25px;margin-top:32px;cursor:pointer;box-shadow:0 12px 38px #315c3525;animation:intro-enter 1s 1.5s both,enter-pulse 2.2s 2.5s infinite}.intro-enter span{font-size:14px;font-weight:600;letter-spacing:6px}.intro-enter b{font-size:24px}.intro-enter i{width:6px;height:6px;background:#b1d39b;border-radius:50%}.intro-center small{display:block;color:#7a9170;font-size:9px;letter-spacing:2px;margin-top:20px}.intro-caption{animation:intro-enter .8s 1.4s both}.intro-leave{opacity:0;transform:scale(1.025);pointer-events:none}@keyframes intro-lid{from{transform:translateZ(45px)}to{transform:translate3d(0,-90px,20px) rotateX(-55deg)}}@keyframes intro-prize{from{transform:translate3d(0,20px,0);opacity:0}to{transform:translate3d(0,-105px,55px) rotateY(16deg);opacity:1}}@keyframes intro-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-pulse{0%,100%{box-shadow:0 12px 38px #315c3525,0 0 0 0 #7dbe5800}50%{box-shadow:0 12px 45px #7dbe5850,0 0 0 5px #7dbe582a}}@media(prefers-reduced-motion:reduce){.intro-enter,.intro-caption,.intro-center .digital-prize,.intro-center .digital-box-lid{animation:none}.hollowtap-intro{transition:none}}

.hero-card[style*="--card-tint"] .toploader-frame,#card3d[style*="--card-tint"] .vault-case-cover{border-color:var(--card-tint)!important;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--card-tint) 35%,transparent),0 0 20px color-mix(in srgb,var(--card-glow) 40%,transparent)}

/* Member Home stays easy to scan on a phone, with full descriptions and roomy touch targets. */
@media(max-width:700px){
  .shell .page [data-page="feed"]>.page-head{margin-bottom:20px}
  .shell .page [data-page="feed"]>.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}
  .shell .page [data-page="feed"]>.stats .stat{min-width:0;padding:14px;border-radius:12px}
  .shell .page [data-page="feed"]>.stats .l{font-size:12px;line-height:1.4;margin-bottom:6px}
  .shell .page [data-page="feed"]>.stats .v{font-size:23px;line-height:1.2;overflow-wrap:anywhere}
  .shell .page [data-page="feed"]>.stats .d{font-size:12px;line-height:1.4;margin-top:6px}
  .shell .page [data-page="feed"]>.quick-links{grid-template-columns:minmax(0,1fr);gap:8px;margin:16px 0}
  .shell .page [data-page="feed"]>.quick-links>.quick-link{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:3px;align-content:center;min-height:82px;min-width:0;padding:12px 14px;border-radius:12px}
  .shell .page [data-page="feed"]>.quick-links>.quick-link>span{grid-column:1;grid-row:1/3;align-self:center;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#edf5ef;color:#2e7552;font-size:22px;line-height:1}
  .shell .page [data-page="feed"]>.quick-links>.quick-link>b{grid-column:2;margin:0;font-size:15px;line-height:1.35;font-weight:600;overflow-wrap:break-word}
  .shell .page [data-page="feed"]>.quick-links>.quick-link>p{grid-column:2;margin:0;font-size:12px;line-height:1.5;overflow-wrap:break-word}
  .shell .page [data-page="feed"]>[data-commerce-entry]{margin-bottom:28px}
}
@media(max-width:360px){
  .shell .page [data-page="feed"]>.stats .stat{padding:12px}
  .shell .page [data-page="feed"]>.quick-links>.quick-link{grid-template-columns:32px minmax(0,1fr);column-gap:10px;padding:12px}
  .shell .page [data-page="feed"]>.quick-links>.quick-link>span{width:32px;height:32px;font-size:20px}
}

/* Honest image loading, missing-image and retry states; source artwork is never substituted. */
.card-photo{position:relative;display:block;width:100%;height:100%;min-width:0;overflow:hidden;background:#edf3e9;color:#355641}
.card-photo>img{display:block;width:100%;height:100%;object-fit:contain;opacity:0}
.card-photo>img.photo-ready{opacity:1}
.card-photo-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:14px;color:#355641;background:#edf3e9}
.card-photo-symbol{font-size:30px;line-height:1;color:#52775d}
.card-photo-state strong{font-size:12px;line-height:1.45;font-weight:500}
.card-photo-state small{font-size:10px;line-height:1.45;overflow-wrap:anywhere;max-width:100%}
.card-photo[data-photo-state="loading"] .card-photo-symbol{animation:photo-breathe 1.6s ease-in-out infinite}
.card-photo .photo-retry{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);min-height:44px;max-width:calc(100% - 24px);white-space:nowrap;font-size:12px}
.card-photo:has(.photo-retry:not([hidden])) .card-photo-state{padding-bottom:70px}
.catalog-result>.card-photo{height:215px;flex:none}
.catalog-result>.card-photo>img{padding:15px}
.catalog-selected:has(>.catalog-artwork:first-child){grid-template-columns:180px minmax(0,1fr)}
.catalog-artwork{min-width:0;align-self:start}
.catalog-artwork>.card-photo{height:265px;border-radius:10px}
.catalog-artwork>.card-photo>img{padding:6px}
.catalog-selected .catalog-art-note{font-size:11px;line-height:1.6;margin:12px 0 0;color:#5a6e60}
.c3-face>.card-photo{border-radius:inherit}
.viewer-photo-status{padding:12px;border:1px solid #d5e2d5;background:#edf4e9;border-radius:10px;color:#355641;font-size:12px;line-height:1.5;margin-bottom:18px}
.viewer-photo-status>div{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.viewer-photo-status>div+div{margin-top:10px}
.viewer-photo-status .btn{min-height:44px;font-size:11px}
.thumb .card-photo-state,.feed-thumb .card-photo-state{padding:4px;gap:3px}
.thumb .card-photo-state strong,.feed-thumb .card-photo-state strong{font-size:8px}
.thumb .card-photo-state small,.feed-thumb .card-photo-state small{display:none}
@keyframes photo-breathe{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:700px){.catalog-result>.card-photo{height:170px}.catalog-result>.card-photo>img{padding:12px}.catalog-selected:has(>.catalog-artwork:first-child){grid-template-columns:minmax(0,1fr)}.catalog-artwork{width:100%}.catalog-artwork>.card-photo{height:280px;max-width:260px;margin:auto}.capture-catalog .catalog-result>.card-photo{height:145px}}
@media(prefers-reduced-motion:reduce){.card-photo[data-photo-state="loading"] .card-photo-symbol{animation:none}}
.footer-service-links{display:flex;gap:18px;align-items:center;font-size:12px}.footer-service-links a{display:inline-flex;align-items:center;min-height:34px;color:#315d40;text-decoration:underline;text-underline-offset:4px}

/* Every page carries a Back: the browser's own is not always on screen. */
.page-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 10px;border-radius:12px;border:1px solid var(--line,rgba(255,255,255,.12));background:var(--surface,rgba(255,255,255,.04));color:var(--text,#E8EEF2);font:600 14px/1 inherit;text-decoration:none}
.page-back:hover{background:var(--raised,rgba(255,255,255,.08))}
.page-back span{font-size:16px;line-height:1}