:root{--ink:#202b26;--muted:#7c8580;--paper:#f6f7f4;--white:#fff;--green:#c1e4a4;--green-dark:#a6d783;--line:#e6e9e3;--serif:"Manrope",sans-serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.container{width:min(1160px,calc(100% - 64px));margin:0 auto}.site-header{height:82px;background:rgba(246,247,244,.94);border-bottom:1px solid rgba(32,43,38,.07);position:relative;z-index:10}.nav-wrap{height:100%;display:flex;align-items:center}.brand{font-family:var(--serif);font-weight:800;font-size:23px;letter-spacing:-1.4px;display:inline-flex;align-items:center;gap:10px}.brand-light{font-weight:500;color:#88918a}.brand-mark{width:25px;height:25px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-9deg)}.brand-mark span{background:#2d3932;border-radius:2px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:#b3df93}.main-nav{display:flex;gap:38px;margin-left:85px}.main-nav a,.login-link,.nav-admin{font-size:13px;font-weight:600;color:#59625c;transition:color .2s}.main-nav a:hover,.login-link:hover,.nav-admin:hover{color:#161f1a}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.user-greeting{font-size:13px;color:#5c665f}.inline-form{display:inline}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;padding:15px 21px;font-size:13px;font-weight:600;transition:transform .2s,background .2s,border-color .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button span{font-size:17px;font-weight:400}.button-dark{color:#fff;background:#27332c}.button-dark:hover{background:#3d4a42}.button-small{padding:11px 15px;font-size:12px;gap:12px}.button-quiet{background:none;color:#4d5a52;border-color:var(--line)}.button-outline{border-color:#cfd5ce;background:transparent;color:var(--ink)}.button-outline:hover{border-color:#82917f;background:#fff}.button-light{background:#c1e4a4;color:#203027}.button-light:hover{background:#d2efbd}.menu-toggle{display:none;border:0;background:none;font-size:23px}.hero{background:#e9eee7;overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:600px;align-items:center;padding-top:34px;padding-bottom:28px}.hero-copy{padding:35px 0 40px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#78847a}.hero-kicker{display:flex;align-items:center;gap:10px;margin-bottom:27px}.status-dot{width:7px;height:7px;border-radius:50%;background:#7fb866;box-shadow:0 0 0 4px #d9e8d1}.hero h1,.page-hero h1,.detail-main h1{font-family:var(--serif);font-size:clamp(46px,6vw,76px);line-height:1.09;letter-spacing:-4.3px;font-weight:600;margin:0}.hero h1 span,.page-hero h1 span{color:#81947d}.hero-lead{font-size:16px;line-height:1.8;color:#69736c;max-width:445px;margin:24px 0 29px}.hero-buttons{display:flex;align-items:center;gap:25px}.text-link{font-size:13px;font-weight:600;color:#35423a}.text-link span{font-size:17px;margin-left:7px}.hero-note{display:flex;align-items:center;gap:13px;margin-top:63px;color:#768078;font-size:11px;line-height:1.55}.hero-note strong{color:#303c34;font-weight:600}.avatar-stack{display:flex;padding-left:0}.avatar-stack i{display:grid;place-items:center;width:29px;height:29px;border:2px solid #e9eee7;border-radius:50%;margin-left:-5px;font-size:9px;font-style:normal;background:#d6a990;color:#fff}.avatar-stack i:first-child{margin-left:0;background:#92a77e}.avatar-stack i:nth-child(2){background:#d4b996}.avatar-stack i:nth-child(3){background:#344139}.hero-art{height:500px;position:relative;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid rgba(116,139,111,.2);border-radius:50%;width:440px;height:440px}.orbit-two{width:340px;height:340px;border-style:dashed;border-color:rgba(116,139,111,.19)}.art-card{position:absolute;box-shadow:0 24px 65px rgba(48,65,52,.13);background:#fff;border-radius:3px}.art-card-back{width:276px;height:302px;right:57px;top:77px;transform:rotate(7deg);padding:23px 24px}.art-card-front{width:260px;min-height:251px;left:51px;bottom:49px;transform:rotate(-5deg);padding:25px 24px;z-index:2}.art-card-header{display:flex;justify-content:space-between;align-items:center}.mini-logo{font-weight:800;font-size:20px}.art-dots{letter-spacing:3px;color:#b2bab3}.chart-label{font-size:11px;color:#859087;margin-top:29px}.chart-bars{height:104px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #edf0ec;margin-top:11px}.chart-bars i{flex:1;border-radius:2px 2px 0 0;background:#d8e8cf;height:38%}.chart-bars i:nth-child(2){height:55%}.chart-bars i:nth-child(3){height:44%}.chart-bars i:nth-child(4){height:72%;background:#b7d69e}.chart-bars i:nth-child(5){height:60%}.chart-bars i:nth-child(6){height:82%}.chart-bars i:nth-child(7){height:64%}.chart-bars i:nth-child(8){height:94%;background:#a8d285}.chart-bars i:nth-child(9){height:76%}.chart-bars i:nth-child(10){height:100%;background:#8fbd71}.chart-footer,.art-card-footer{display:flex;justify-content:space-between;font-size:9px;color:#929a93;margin-top:12px}.chart-footer b{color:#5c8c4e}.floating-icon{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e2efdb;font-size:17px}.art-card-front .eyebrow{font-size:8px;display:block;margin-top:20px;letter-spacing:1.1px;color:#89948c}.art-card-front h3{font-family:var(--serif);font-weight:600;font-size:22px;letter-spacing:-.7px;line-height:1.35;margin:12px 0 20px}.progress-line{height:4px;background:#edf0ec}.progress-line i{width:79%;height:100%;display:block;background:#a5ce87}.art-card-footer{margin-top:13px}.art-card-footer b{color:#536358}.art-spark{position:absolute;color:#95b77d}.spark-one{right:26px;top:105px;font-size:29px}.spark-two{left:37px;top:178px;font-size:17px}.art-orbit-label{position:absolute;right:0;bottom:43px;letter-spacing:1.5px;font-size:8px;color:#79877b}.art-orbit-label span{font-size:13px;color:#96b57d;margin-left:6px}.hero-bottom{display:flex;justify-content:space-between;padding:19px 0 24px;border-top:1px solid rgba(57,75,60,.12);font-size:10px;letter-spacing:.5px;color:#7b857d}.scroll-cue i{font-style:normal;color:#546450;margin-left:7px}.category-strip{background:#fff;border-bottom:1px solid var(--line)}.category-inner{height:91px;display:flex;align-items:center;gap:43px}.category-inner>.eyebrow{white-space:nowrap}.category-pills{display:flex;gap:12px;flex:1}.category-pills a,.filter-pill{padding:10px 13px;background:#f5f7f3;color:#59645b;font-size:11px;transition:background .2s}.category-pills a:hover,.filter-pill:hover,.filter-pill.active{background:#e5efdf;color:#34452f}.category-pills a span{font-size:9px;color:#91a18c;margin-left:6px}.all-categories{font-size:11px;font-weight:600;white-space:nowrap}.all-categories span{font-size:16px;margin-left:7px}.section{padding:100px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:43px}.heading-line{display:inline-block;width:21px;height:1px;background:#8ca57d;vertical-align:middle;margin-right:7px}.section-heading h2,.manifesto h2,.cta-inner h2{font-family:var(--serif);font-weight:600;font-size:42px;line-height:1.2;letter-spacing:-1.8px;margin:17px 0 0}.section-heading>p{font-size:13px;line-height:1.8;color:#7a837c;margin:0 0 5px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{position:relative;min-height:278px;background:#fff;padding:24px 23px 18px;border:1px solid #edf0eb;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(39,51,44,.07)}.product-card-link{position:absolute;inset:0;z-index:1}.card-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.product-icon{width:38px;height:38px;border-radius:10px;background:#e8f0e2;display:grid;place-items:center;color:#58704d;font-family:var(--serif);font-weight:700;font-size:15px}.icon-1{background:#f1e9df;color:#8b6b4e}.icon-2{background:#e7eaf1;color:#5d698b}.icon-3{background:#f0e6eb;color:#906279}.badge-featured{font-size:9px;color:#668750;background:#edf5e7;padding:7px 9px}.card-arrow{font-size:17px;color:#a5afa6}.card-category{font-size:9px;letter-spacing:1.1px}.product-card h3{font-family:var(--serif);font-size:18px;font-weight:650;letter-spacing:-.35px;margin:8px 0}.product-card>p{font-size:11px;line-height:1.7;color:#7c857e;margin:0;max-width:310px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ec;margin-top:auto;padding-top:14px;font-size:10px;color:#8c958e}.card-price{color:#48574b;font-weight:600}.section-action{text-align:center;margin-top:39px}.empty-state{text-align:center;padding:65px 20px;background:#fff;border:1px solid var(--line)}.empty-state h3{font:600 23px var(--serif);margin:10px}.empty-state p{color:var(--muted);font-size:13px}.manifesto{background:#e9eee7;padding:87px 0}.manifesto-grid{display:grid;grid-template-columns:1fr 2.3fr .8fr;align-items:center;gap:48px}.manifesto-mark{font-family:var(--serif);font-size:105px;font-weight:800;color:#b7d4a8;letter-spacing:-12px}.manifesto-mark span{color:#708765}.manifesto h2{font-size:39px;margin:13px 0 19px}.manifesto h2 em{font-style:normal;color:#809878}.manifesto p{font-size:13px;line-height:1.85;color:#6e786f;max-width:500px;margin-bottom:24px}.manifesto-side{align-self:end;display:flex;flex-direction:column;gap:13px;font-size:9px;letter-spacing:.4px;color:#879187}.manifesto-rule{height:1px;background:#ccd6c8;width:100%}.cta-section{background:#29372e;color:#f7f8f5;padding:70px 0;overflow:hidden}.cta-inner{position:relative;display:flex;align-items:center;justify-content:space-between}.cta-inner .eyebrow{color:#abc89d}.cta-inner h2{font-size:35px;margin-top:13px}.cta-decoration{position:absolute;right:39%;font-size:80px;color:rgba(197,226,178,.12)}.site-footer{background:#222e27;color:#fff}.footer-top{min-height:153px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand .brand-mark span{background:#f2f5ef}.footer-brand .brand-mark span:nth-child(2),.footer-brand .brand-mark span:nth-child(3){background:#b3df93}.footer-brand .brand-light{color:#829187}.footer-top>p{font-size:12px;line-height:1.7;color:#a3ada4;margin:0}.footer-links{display:flex;gap:26px;font-size:11px;color:#c1c9c1}.footer-links a:hover{color:#c1e4a4}.footer-bottom{height:57px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#89948b}.page-hero{padding:82px 0 66px;background:#e9eee7}.page-hero .eyebrow,.breadcrumb{display:flex;align-items:center;gap:10px}.page-hero h1{font-size:58px;margin-top:28px}.page-hero>div>p{font-size:14px;color:#748078;margin:17px 0 0}.catalog-section{padding-top:56px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{font-size:10px}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #e8ebe6;padding:0 9px 0 13px;width:230px;height:39px}.search-box>span{font-size:21px;color:#8b958d}.search-box input{border:0;outline:0;width:100%;font-size:11px;padding:0 8px;background:transparent}.search-box button{border:0;background:#e9f0e4;color:#50634b;width:25px;height:25px;cursor:pointer}.catalog-count{display:flex;justify-content:space-between;font-size:10px;color:#89928a;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.catalog-section .product-grid{row-gap:18px}.catalog-section .empty-state .button{margin-top:15px}.empty-symbol{font-size:30px;color:#9bae91}.product-detail{padding:44px 0 110px}.breadcrumb{margin-bottom:53px}.breadcrumb a:hover{color:#527345}.detail-grid{display:grid;grid-template-columns:1fr 310px;gap:100px}.detail-label{font-size:11px;color:#829079;font-weight:600}.detail-separator{padding:0 7px}.detail-main h1{font-size:62px;margin:17px 0}.detail-main h1 span{color:#9fbd8e}.detail-summary{font-size:17px;line-height:1.7;color:#737e75;max-width:630px}.detail-actions{display:flex;align-items:center;gap:27px;margin:28px 0 43px}.detail-description{font-size:14px;line-height:1.95;color:#59645c;white-space:pre-line;border-top:1px solid var(--line);padding-top:28px;max-width:670px}.detail-aside{background:#fff;padding:26px 23px;align-self:start;border:1px solid #e9ece7}.detail-product-icon{width:53px;height:53px;background:#e8f0e2;border-radius:13px;display:grid;place-items:center;font:700 23px var(--serif);color:#5c764e;margin-bottom:24px}.detail-aside>.eyebrow{display:block;margin-bottom:18px}.detail-spec{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eff1ed;font-size:10px;color:#838c85}.detail-spec strong{color:#39463d;font-weight:600;text-align:right}.detail-aside-note{display:flex;align-items:flex-start;gap:11px;margin-top:20px}.detail-aside-note span{color:#91b67c}.detail-aside-note p{font-size:10px;line-height:1.6;color:#849087;margin:0}.auth-section{position:relative;min-height:calc(100vh - 282px);display:grid;place-items:center;padding:65px 20px;overflow:hidden}.auth-card{width:min(440px,100%);background:#fff;padding:38px 42px;position:relative;z-index:1;box-shadow:0 20px 70px rgba(39,51,44,.07)}.back-link{font-size:11px;color:#839087;display:block;margin-bottom:32px}.auth-logo{margin-bottom:24px}.auth-card>.eyebrow{font-size:9px}.auth-card h1{font:600 31px var(--serif);letter-spacing:-1px;margin:12px 0 8px}.auth-card>p{font-size:12px;color:#818b83;margin:0 0 25px}.auth-form{display:grid;gap:16px}.auth-form label,.admin-form label,.category-create label{font-size:11px;font-weight:600;color:#536057;display:grid;gap:8px}.auth-form input,.admin-form input,.admin-form textarea,.admin-form select,.category-create input{border:1px solid #e3e8e2;background:#fbfcfa;padding:12px 13px;outline:0;font-size:12px;color:#303c33;min-width:0}.auth-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.category-create input:focus{border-color:#9bb58d}.auth-form input::placeholder,.admin-form input::placeholder{color:#adb5ae}.auth-submit{width:100%;margin-top:4px}.auth-switch{text-align:center;font-size:11px;color:#7f8981;border-top:1px solid #edf0eb;margin-top:22px;padding-top:19px}.auth-switch a{color:#4f7141;font-weight:600;margin-left:4px}.auth-decoration{position:absolute;width:500px;height:500px;border:1px solid #e4eae0;border-radius:50%;left:-160px;top:2%;pointer-events:none}.auth-spark{position:absolute;right:40px;top:40px;font-size:37px;color:#b3d69c}.auth-circle{position:absolute;width:160px;height:160px;border:1px solid #e2e9df;border-radius:50%;right:-50px;bottom:5px}.flash-stack{position:relative;z-index:8;padding-top:12px}.flash{position:relative;padding:12px 40px 12px 15px;font-size:12px;border:1px solid #d9e5d2;background:#f0f7ec;color:#405b36;margin-bottom:7px}.flash-error{background:#fff1ef;color:#954a40;border-color:#f0d5d0}.flash-info{background:#eef3f8;color:#48627c;border-color:#d8e3ed}.flash button{position:absolute;right:10px;top:7px;border:0;background:none;font-size:19px;color:inherit;cursor:pointer}.admin-shell{padding:44px 0 90px}.admin-layout{display:grid;grid-template-columns:225px 1fr;gap:48px;align-items:start}.admin-sidebar{background:#fff;border:1px solid var(--line);padding:25px 18px;position:sticky;top:20px}.admin-sidebar>.eyebrow{font-size:9px}.admin-sidebar h2{font:600 19px/1.35 var(--serif);margin:11px 0 25px;letter-spacing:-.4px}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a{font-size:11px;padding:11px 10px;color:#667169;display:flex;align-items:center;gap:11px}.admin-sidebar nav a span{font-size:15px;width:17px;text-align:center}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#edf3e9;color:#425d38}.admin-back{display:block;border-top:1px solid var(--line);margin-top:23px;padding:18px 7px 0;font-size:10px;color:#7d887f}.admin-content{min-width:0}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-heading .eyebrow a{color:#627d54}.admin-heading h1{font:600 28px var(--serif);letter-spacing:-.8px;margin:9px 0}.admin-heading p{font-size:11px;color:#7b857d;margin:0}.admin-heading>.button{white-space:nowrap;padding:12px 15px;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);padding:17px 16px;display:flex;flex-direction:column;gap:8px}.stat-card span,.stat-card small{font-size:9px;color:#849087}.stat-card strong{font:600 28px var(--serif);letter-spacing:-.8px}.admin-panel{background:#fff;border:1px solid var(--line);margin-bottom:18px}.panel-heading{padding:21px 22px;border-bottom:1px solid #edf0ec;display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font:600 18px var(--serif);margin:6px 0 0}.panel-heading .eyebrow{font-size:9px}.panel-heading .text-link{font-size:10px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.admin-table th{padding:13px 16px;color:#929b94;font-size:9px;font-weight:600;border-bottom:1px solid #edf0ec}.admin-table td{padding:15px 16px;border-bottom:1px solid #f0f2ef;font-size:10px;color:#657067}.admin-table tr:last-child td{border-bottom:0}.table-title{font-weight:600;color:#39463d}.table-slug{display:block;color:#a0a8a1;font-size:9px;margin-top:4px;white-space:normal;max-width:230px}.status-badge{display:inline-block;font-size:9px;padding:5px 8px;background:#f0f2ef;color:#8a938b}.status-badge.published{background:#edf5e8;color:#60824f}.status-badge.draft{background:#f4f0e9;color:#957c53}.table-actions{display:flex;gap:13px;align-items:center}.table-actions a,.table-actions button{font-size:10px;color:#59744e;background:none;border:0;padding:0;cursor:pointer}.table-actions button{color:#a26860}.table-actions .muted,.muted{font-size:10px;color:#a0a8a1}.admin-empty{padding:10px 20px 20px;font-size:11px;color:#89938b}.admin-form{padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-wide{grid-column:1/-1}.admin-form textarea{resize:vertical;line-height:1.6}.admin-form select{height:40px}.form-checks{display:grid;gap:13px;align-content:center;padding-top:5px}.admin-form label.check-label{display:flex;align-items:center;gap:9px;font-weight:500;cursor:pointer}.check-label input{accent-color:#779b65}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf0eb;margin-top:24px;padding-top:20px}.form-actions .button{padding:12px 16px;font-size:11px}.category-admin{padding-bottom:22px}.category-create{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:12px;align-items:end;padding:18px 22px}.category-create label{font-size:10px}.category-create input{padding:11px;font-size:11px}.category-create .button{padding:11px 13px;font-size:10px;white-space:nowrap} @media(max-width:1000px){.container{width:min(100% - 44px,850px)}.main-nav{margin-left:45px;gap:25px}.hero-grid{min-height:530px}.hero-art{transform:scale(.88);margin:0 -25px}.category-inner{gap:20px}.category-pills{gap:6px}.category-pills a{padding:9px}.manifesto-grid{grid-template-columns:.5fr 2fr .7fr;gap:30px}.detail-grid{gap:55px}.admin-layout{grid-template-columns:190px 1fr;gap:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.category-create{grid-template-columns:1fr 1fr}.category-create label:nth-child(3){grid-column:1/2}}@media(max-width:720px){.container{width:calc(100% - 36px)}.site-header{height:68px}.brand{font-size:21px}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;margin:0;padding:19px 22px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #26382a12}.main-nav.nav-open{display:flex;flex-direction:column;gap:18px}.nav-actions{gap:12px}.nav-actions>.login-link,.user-greeting,.nav-admin{display:none}.nav-actions .button{padding:10px 11px;font-size:10px}.menu-toggle{display:block;margin-left:12px}.hero-grid{grid-template-columns:1fr;padding-top:24px;padding-bottom:0}.hero-copy{padding:31px 0 0}.hero h1{font-size:55px;letter-spacing:-3px}.hero-lead{font-size:14px;max-width:430px}.hero-note{margin-top:34px}.hero-art{height:365px;transform:scale(.77);transform-origin:center top;margin:5px -30px -50px}.hero-bottom{font-size:9px}.category-inner{height:auto;min-height:90px;display:block;padding-top:19px;padding-bottom:18px}.category-inner>.eyebrow{display:block;margin-bottom:12px}.category-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.category-pills a{white-space:nowrap}.all-categories{display:none}.section{padding:70px 0}.section-heading{display:block;margin-bottom:27px}.section-heading h2,.manifesto h2{font-size:35px}.section-heading>p{margin-top:14px;font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{padding:18px 16px;min-height:276px}.card-topline{margin-bottom:16px}.product-card h3{font-size:16px}.product-card>p{font-size:10px}.badge-featured{font-size:8px;padding:6px}.manifesto{padding:67px 0}.manifesto-grid{grid-template-columns:1fr;gap:16px}.manifesto-mark{font-size:68px}.manifesto h2{margin-top:10px}.manifesto-side{display:none}.cta-section{padding:55px 0}.cta-inner{align-items:flex-start;gap:25px;flex-direction:column}.cta-inner h2{font-size:30px}.cta-decoration{right:5%;top:-12px}.footer-top{padding:27px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer-top>p{justify-self:end}.footer-links{grid-column:1/-1;gap:15px;flex-wrap:wrap}.footer-bottom{font-size:8px;gap:12px}.page-hero{padding:59px 0 49px}.page-hero h1{font-size:47px;letter-spacing:-2.5px}.page-hero>div>p{font-size:12px;line-height:1.7}.catalog-section{padding-top:35px}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.catalog-count{margin-top:5px}.catalog-count span:last-child{display:none}.product-detail{padding:32px 0 70px}.breadcrumb{font-size:9px;gap:7px;margin-bottom:36px;flex-wrap:wrap}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-main h1{font-size:47px;letter-spacing:-2px}.detail-summary{font-size:14px}.detail-description{font-size:12px}.detail-aside{max-width:none}.auth-section{min-height:calc(100vh - 240px);padding:45px 18px}.auth-card{padding:30px 24px}.auth-decoration{left:-350px}.admin-shell{padding:25px 0 60px}.admin-layout{grid-template-columns:1fr;gap:20px}.admin-sidebar{position:static;padding:15px 15px 12px}.admin-sidebar h2{font-size:16px;margin:7px 0 12px}.admin-sidebar h2 br{display:none}.admin-sidebar nav{display:flex;overflow:auto;gap:4px}.admin-sidebar nav a{white-space:nowrap;padding:9px}.admin-back{margin-top:10px;padding-top:10px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-heading h1{font-size:25px}.stats-grid{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:24px}.stat-card span,.stat-card small{font-size:8px}.admin-table th,.admin-table td{padding:12px}.admin-form{padding:18px}.form-grid{grid-template-columns:1fr;gap:14px}.form-wide{grid-column:auto}.category-create{grid-template-columns:1fr}.category-create label:nth-child(3){grid-column:auto}.panel-heading{padding:17px}.form-actions{justify-content:stretch}.form-actions .button{flex:1}}@media(max-width:420px){.container{width:calc(100% - 30px)}.nav-actions .button span{display:none}.hero h1{font-size:48px}.hero-art{transform:scale(.67);margin-left:-55px;margin-right:-55px;height:335px}.hero-bottom span:first-child{max-width:205px;line-height:1.5}.product-grid{grid-template-columns:1fr}.product-card{min-height:252px}.category-pills a{font-size:10px}.footer-links{font-size:9px;gap:11px}.footer-bottom span:last-child{display:none}.detail-actions{gap:16px}.detail-actions .button{padding:13px;font-size:11px}.detail-actions .text-link{font-size:11px}} /* Slightly larger supporting text for comfortable reading. */ body{font-size:16px} .main-nav a,.login-link,.nav-admin{font-size:14px} .eyebrow{font-size:11px} .hero-kicker{font-size:12px} .hero-lead{font-size:17px} .hero-note{font-size:12px} .hero-bottom{font-size:11px} .category-pills a,.all-categories{font-size:12px} .section-heading>p,.manifesto p,.page-hero>div>p{font-size:14px} .product-card>p{font-size:12px} .card-category{font-size:10px} .card-bottom{font-size:11px} .footer-links{font-size:12px} .footer-bottom{font-size:10px} .filter-pill{font-size:11px} .catalog-count{font-size:11px} .detail-summary{font-size:18px} .detail-description{font-size:15px} .detail-spec{font-size:12px} .auth-card>p,.auth-form label,.auth-switch{font-size:13px} .auth-form input{font-size:14px} .admin-heading p{font-size:13px} .admin-table th,.admin-table td{font-size:12px} .status-badge,.table-actions a,.table-actions button{font-size:11px} .stat-card span,.stat-card small{font-size:11px} .admin-sidebar nav a{font-size:13px} .admin-form label,.category-create label{font-size:13px} .admin-form input,.admin-form textarea,.admin-form select,.category-create input{font-size:14px} .theme-toggle{white-space:nowrap;gap:8px} .theme-icon{font-size:16px;line-height:1} html[data-theme="dark"]{color-scheme:dark;--ink:#e8eee8;--muted:#a3ada5;--paper:#151c18;--white:#202a23;--line:#344038} html[data-theme="dark"] body{background:#151c18;color:#e8eee8} html[data-theme="dark"] .site-header{background:rgba(22,30,25,.97);border-color:#303b33} html[data-theme="dark"] .brand-light{color:#a0aca2} html[data-theme="dark"] .brand-mark span{background:#d7e2d6} html[data-theme="dark"] .main-nav a,html[data-theme="dark"] .login-link,html[data-theme="dark"] .nav-admin,html[data-theme="dark"] .user-greeting{color:#c3cec4} html[data-theme="dark"] .hero,html[data-theme="dark"] .page-hero,html[data-theme="dark"] .manifesto{background:#1d2821} html[data-theme="dark"] .hero-kicker,html[data-theme="dark"] .eyebrow{color:#a7b5a7} html[data-theme="dark"] .hero h1 span,html[data-theme="dark"] .page-hero h1 span{color:#a9c79a} html[data-theme="dark"] .hero-lead,html[data-theme="dark"] .hero-note,html[data-theme="dark"] .hero-bottom,html[data-theme="dark"] .page-hero>div>p,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .manifesto p{color:#b0bbb1} html[data-theme="dark"] .hero-bottom{border-color:#3c4a40} html[data-theme="dark"] .category-strip{background:#19221c;border-color:#303b33} html[data-theme="dark"] .category-pills a,html[data-theme="dark"] .filter-pill{background:#27342b;color:#cad5ca} html[data-theme="dark"] .category-pills a:hover,html[data-theme="dark"] .filter-pill:hover,html[data-theme="dark"] .filter-pill.active{background:#344936;color:#e0edda} html[data-theme="dark"] .category-pills a span,html[data-theme="dark"] .all-categories{color:#b8c9b1} html[data-theme="dark"] .product-card,html[data-theme="dark"] .empty-state,html[data-theme="dark"] .detail-aside,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .admin-sidebar,html[data-theme="dark"] .admin-panel,html[data-theme="dark"] .stat-card{background:#202a23;border-color:#354139} html[data-theme="dark"] .product-card h3,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .manifesto h2,html[data-theme="dark"] .page-hero h1,html[data-theme="dark"] .detail-main h1,html[data-theme="dark"] .auth-card h1,html[data-theme="dark"] .admin-heading h1,html[data-theme="dark"] .admin-sidebar h2,html[data-theme="dark"] .panel-heading h2,html[data-theme="dark"] .empty-state h3{color:#e6ede6} html[data-theme="dark"] .product-card>p,html[data-theme="dark"] .card-bottom,html[data-theme="dark"] .empty-state p,html[data-theme="dark"] .detail-summary,html[data-theme="dark"] .detail-description,html[data-theme="dark"] .detail-spec,html[data-theme="dark"] .auth-card>p,html[data-theme="dark"] .auth-switch,html[data-theme="dark"] .admin-heading p,html[data-theme="dark"] .admin-sidebar nav a,html[data-theme="dark"] .admin-back,html[data-theme="dark"] .admin-table td,html[data-theme="dark"] .stat-card span,html[data-theme="dark"] .stat-card small{color:#b2beb3} html[data-theme="dark"] .product-card{box-shadow:none} html[data-theme="dark"] .product-card:hover{box-shadow:0 15px 35px #0005} html[data-theme="dark"] .card-bottom,html[data-theme="dark"] .detail-description,html[data-theme="dark"] .detail-spec,html[data-theme="dark"] .auth-switch,html[data-theme="dark"] .admin-back,html[data-theme="dark"] .admin-table th,html[data-theme="dark"] .admin-table td,html[data-theme="dark"] .panel-heading,html[data-theme="dark"] .form-actions{border-color:#344038} html[data-theme="dark"] .badge-featured{background:#344936;color:#c9e0bc} html[data-theme="dark"] .product-icon,html[data-theme="dark"] .detail-product-icon{background:#334332;color:#d3e8c7} html[data-theme="dark"] .product-icon.icon-1{background:#40352c;color:#e1c6a5} html[data-theme="dark"] .product-icon.icon-2{background:#303749;color:#c4cdec} html[data-theme="dark"] .product-icon.icon-3{background:#40313a;color:#e2c1d1} html[data-theme="dark"] .manifesto-mark{color:#77946b} html[data-theme="dark"] .manifesto-mark span,html[data-theme="dark"] .manifesto h2 em{color:#b1d49f} html[data-theme="dark"] .manifesto-rule{background:#465348} html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .breadcrumb a,html[data-theme="dark"] .detail-label{color:#a7b69f} html[data-theme="dark"] .detail-main h1 span{color:#a9c994} html[data-theme="dark"] .detail-spec strong{color:#e1e9e1} html[data-theme="dark"] .search-box{background:#202a23;border-color:#38453b} html[data-theme="dark"] .search-box input{color:#e5ece5} html[data-theme="dark"] .search-box input::placeholder{color:#9aa79b} html[data-theme="dark"] .search-box button{background:#354634;color:#d7e8ce} html[data-theme="dark"] .text-link{color:#d2e0d1} html[data-theme="dark"] .auth-form input,html[data-theme="dark"] .admin-form input,html[data-theme="dark"] .admin-form textarea,html[data-theme="dark"] .admin-form select,html[data-theme="dark"] .category-create input{background:#18211b;border-color:#3a473d;color:#e2eae2} html[data-theme="dark"] .auth-form input::placeholder,html[data-theme="dark"] .admin-form input::placeholder,html[data-theme="dark"] .category-create input::placeholder{color:#849187} html[data-theme="dark"] .auth-form label,html[data-theme="dark"] .admin-form label,html[data-theme="dark"] .category-create label{color:#c3cec3} html[data-theme="dark"] .auth-switch a,html[data-theme="dark"] .admin-sidebar nav a.active,html[data-theme="dark"] .admin-sidebar nav a:hover{color:#d4e8c9} html[data-theme="dark"] .admin-sidebar nav a.active,html[data-theme="dark"] .admin-sidebar nav a:hover{background:#304232} html[data-theme="dark"] .admin-table th{color:#a1ada2} html[data-theme="dark"] .table-title{color:#e0e9df} html[data-theme="dark"] .table-slug{color:#97a499} html[data-theme="dark"] .admin-table tr:last-child td{border-color:transparent} html[data-theme="dark"] .button-outline,html[data-theme="dark"] .button-quiet{background:transparent;border-color:#465449;color:#d6e0d6} html[data-theme="dark"] .button-outline:hover,html[data-theme="dark"] .button-quiet:hover{background:#2b382f} html[data-theme="dark"] .main-nav{background:#202a23;border-color:#354139} html[data-theme="dark"] .menu-toggle{color:#e0e8df} html[data-theme="dark"] .flash-success{background:#243527;color:#c7e5b9;border-color:#3c5940} html[data-theme="dark"] .flash-error{background:#392a28;color:#f0c1b8;border-color:#62413b} html[data-theme="dark"] .flash-info{background:#26313b;color:#c3d7eb;border-color:#3d5263} html[data-theme="dark"] .flash-stack .flash{box-shadow:0 3px 12px #0002} @media(max-width:720px){.nav-actions .theme-toggle{padding:9px 10px;font-size:11px}.nav-actions .theme-toggle .theme-label{display:none}.nav-actions .theme-toggle .theme-icon{display:inline}.hero-lead{font-size:16px}.section-heading>p,.manifesto p,.page-hero>div>p{font-size:13px}.product-card>p{font-size:12px}.detail-summary{font-size:16px}.detail-description{font-size:14px}.footer-links{font-size:11px}.admin-table th,.admin-table td{font-size:11px}.admin-form label,.category-create label{font-size:12px}.auth-form label{font-size:12px}} .product-image-thumb{width:46px;height:42px;object-fit:cover;border-radius:5px;background:#edf1eb;border:1px solid var(--line)} .product-screenshot{margin:32px 0 36px;padding:8px;background:#edf1eb;border:1px solid var(--line)} .product-screenshot img{display:block;width:100%;height:auto;max-height:580px;object-fit:contain} .product-gallery{margin:32px 0 36px} .product-gallery-stage{position:relative;margin:0;padding:8px;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#eef2ed,#e7ece6);box-shadow:0 12px 35px rgba(38,54,42,.09)} .product-gallery-stage .screenshot-zoom{overflow:hidden;border-radius:4px} .product-gallery-stage .product-gallery-image{width:100%;max-height:580px;object-fit:contain} .gallery-arrow,.lightbox-arrow{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffffa8;border-radius:50%;background:rgba(27,39,30,.72);color:#fff;font-size:31px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:background .2s,scale .2s} .gallery-arrow:hover,.lightbox-arrow:hover{background:rgba(39,57,42,.94);scale:1.06} .gallery-previous{left:18px}.gallery-next{right:18px} .product-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px} .gallery-count{flex:0 0 auto;color:#758078;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums} .gallery-thumbnails{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:3px} .gallery-thumbnail{flex:0 0 76px;width:76px;height:54px;padding:3px;border:1px solid #d8e0d7;border-radius:4px;background:#fff;cursor:pointer;opacity:.7;transition:opacity .2s,border-color .2s,transform .2s} .gallery-thumbnail:hover{opacity:1;transform:translateY(-2px)} .gallery-thumbnail.active{border-color:#77946d;box-shadow:0 0 0 2px #77946d33;opacity:1} .gallery-thumbnail img{display:block;width:100%;height:100%;object-fit:cover} .image-input-section{border-top:1px solid var(--line);padding-top:18px} .form-label{font-size:13px;font-weight:600;color:#536057} .form-hint,.image-or{display:block;font-size:11px;color:#879188;margin:0} .image-input-section>label{margin-top:12px} .image-current{display:flex;align-items:center;gap:16px;margin-top:16px;flex-wrap:wrap} .image-current img{width:min(250px,100%);height:130px;object-fit:contain;background:#edf1eb;border:1px solid var(--line);padding:5px} .image-current label{display:flex!important;align-items:center;gap:7px} .screenshot-admin-list{align-items:flex-start} .screenshot-admin-item{display:grid;gap:9px;min-width:0} .screenshot-admin-item img{width:min(230px,100%)} .screenshot-admin-item .check-label{font-size:11px!important} .screenshot-files-label>input[type="file"]{max-width:100%} .product-video-section{margin:32px 0} .product-video-section>.eyebrow{display:block;margin-bottom:12px} .product-video{width:100%;aspect-ratio:16/9;background:#111;border:1px solid var(--line);overflow:hidden} .product-video iframe{width:100%;height:100%;border:0;display:block} .user-create-form{padding:20px 22px} .user-create-form .form-actions{margin-top:17px;padding-top:15px} .user-stats{margin-bottom:20px} html[data-theme="dark"] .product-screenshot,html[data-theme="dark"] .product-image-thumb,html[data-theme="dark"] .image-current img{background:#18211b;border-color:#39473c} html[data-theme="dark"] .product-gallery-stage{background:linear-gradient(145deg,#202b23,#18211b);box-shadow:0 12px 35px #0003} html[data-theme="dark"] .gallery-count{color:#aab6ab} html[data-theme="dark"] .gallery-thumbnail{background:#202a23;border-color:#3b493e} html[data-theme="dark"] .gallery-thumbnail.active{border-color:#829c73} html[data-theme="dark"] .form-label{color:#c3cec3} html[data-theme="dark"] .form-hint,html[data-theme="dark"] .image-or{color:#aab6ab} @media(max-width:720px){.user-create-form{padding:16px}.product-screenshot{margin:24px 0}.image-current{align-items:flex-start;flex-direction:column}} @media(max-width:720px){.product-video-section{margin:24px 0}} /* Product cards: give software screenshots enough space to be useful. */ .product-card{min-height:350px;padding:17px 18px 18px;border-radius:5px} .product-card-media{width:100%;aspect-ratio:16/9;margin:0 0 15px;overflow:hidden;border:1px solid #dfe5dc;border-radius:4px;background:#edf1eb} .product-image-thumb{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent;transition:transform .25s} .product-card:hover .product-image-thumb{transform:scale(1.025)} .card-topline{margin-bottom:14px} .card-stats{display:flex;align-items:center;gap:7px;margin:12px 0 13px;color:#68756b;font-size:11px} .card-stats>span{display:inline-flex;align-items:center;gap:5px} .card-stats>span:first-letter{color:#648359} .card-bottom{padding-top:12px} .product-usage-stats{display:flex;flex-wrap:wrap;gap:10px;margin:-25px 0 35px} .product-usage-stats>div{display:flex;align-items:baseline;gap:8px;padding:10px 13px;border:1px solid #dce3da;border-radius:4px;background:#f8faf7} .product-usage-stats strong{font-size:16px;font-weight:700;color:#334237} .product-usage-stats span{font-size:11px;color:#68756b} /* A clearly layered, higher-contrast light palette. */ html[data-theme="light"]{color-scheme:light;--ink:#202b26;--muted:#657169;--paper:#f1f4ef;--white:#fff;--line:#d7dfd6} html[data-theme="light"] body{background:#f1f4ef;color:#202b26} html[data-theme="light"] .site-header{background:rgba(252,253,251,.97);border-color:#d7dfd6;box-shadow:0 2px 10px rgba(36,51,39,.035)} html[data-theme="light"] .hero,html[data-theme="light"] .page-hero,html[data-theme="light"] .manifesto{background:#e5ece2} html[data-theme="light"] .category-strip{background:#fbfcfa;border-color:#d7dfd6} html[data-theme="light"] .category-pills a,html[data-theme="light"] .filter-pill{background:#edf2ea;color:#465449;border:1px solid #dce4d9} html[data-theme="light"] .category-pills a:hover,html[data-theme="light"] .filter-pill:hover,html[data-theme="light"] .filter-pill.active{background:#dfead9;color:#314630;border-color:#c9d9c2} html[data-theme="light"] .product-card,html[data-theme="light"] .empty-state,html[data-theme="light"] .detail-aside,html[data-theme="light"] .auth-card,html[data-theme="light"] .admin-sidebar,html[data-theme="light"] .admin-panel,html[data-theme="light"] .stat-card{background:#fff;border-color:#d5ded4;box-shadow:0 5px 20px rgba(35,53,40,.055)} html[data-theme="light"] .product-card:hover{box-shadow:0 15px 32px rgba(35,53,40,.11)} html[data-theme="light"] .product-card h3,html[data-theme="light"] .section-heading h2,html[data-theme="light"] .detail-main h1,html[data-theme="light"] .auth-card h1,html[data-theme="light"] .admin-heading h1{color:#202b26} html[data-theme="light"] .product-card>p,html[data-theme="light"] .card-bottom,html[data-theme="light"] .detail-summary,html[data-theme="light"] .detail-description,html[data-theme="light"] .detail-spec,html[data-theme="light"] .admin-heading p{color:#5e6b61} html[data-theme="light"] .card-bottom,html[data-theme="light"] .detail-description,html[data-theme="light"] .detail-spec,html[data-theme="light"] .panel-heading,html[data-theme="light"] .form-actions{border-color:#e0e6df} html[data-theme="light"] .product-card-media{background:#edf2eb;border-color:#d4ded2} html[data-theme="light"] .card-stats{color:#526254} html[data-theme="light"] .product-usage-stats>div{background:#f7f9f6;border-color:#d7e0d6} html[data-theme="light"] .product-usage-stats strong{color:#28392d} html[data-theme="light"] .product-usage-stats span{color:#526254} html[data-theme="light"] .search-box{background:#fff;border-color:#cfd9cf;box-shadow:0 2px 8px rgba(35,53,40,.04)} html[data-theme="light"] .search-box input{color:#202b26} html[data-theme="light"] .search-box input::placeholder{color:#737f75} html[data-theme="light"] .search-box button{background:#e5eee0;color:#38503a} html[data-theme="light"] .detail-spec strong{color:#29372d} html[data-theme="light"] .button-outline,html[data-theme="light"] .button-quiet{border-color:#c3cec2} html[data-theme="light"] .button-outline:hover,html[data-theme="light"] .button-quiet:hover{background:#f4f7f2;border-color:#8fa38c} html[data-theme="dark"] .product-card-media{background:#18211b;border-color:#39473c} html[data-theme="dark"] .card-stats{color:#b2beb3} html[data-theme="dark"] .product-usage-stats>div{background:#202a23;border-color:#354139} html[data-theme="dark"] .product-usage-stats strong{color:#e1e9e1} html[data-theme="dark"] .product-usage-stats span{color:#b2beb3} @media(max-width:720px){.product-card{min-height:315px;padding:14px 12px 15px}.product-card-media{margin-bottom:12px}.card-stats{font-size:10px}.product-usage-stats{margin:-20px 0 27px}} .profile-link{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:#435046;white-space:nowrap} .profile-link:hover{color:#26372b} .nav-balance{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #607355;border-radius:12px;background:#2a3b2b;color:#c8e5b8;font-size:10px;font-weight:700;line-height:1;white-space:nowrap} .avatar-small{width:34px;height:34px;display:grid;place-items:center;object-fit:cover;border-radius:50%;border:1px solid #d8e1d5;background:#e7eee3} .avatar-initial{font-weight:700;color:#51694b} .profile-page{padding:45px 0 95px} .profile-page .breadcrumb{margin-bottom:38px} .profile-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px} .profile-heading h1{font:600 clamp(38px,5vw,54px)/1.1 var(--serif);letter-spacing:-2px;margin:12px 0} .profile-heading h1 span{color:#8ca57d} .profile-heading p{margin:0;color:#6d786f;font-size:14px} .profile-role{padding:8px 12px;border:1px solid #d7e0d5;border-radius:20px;background:#f7f9f6;color:#536451;font-size:12px} .profile-balance-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:20px 25px;border:1px solid #d4dfd1;border-radius:5px;background:linear-gradient(125deg,#f6faf3,#eaf2e5);box-shadow:0 5px 18px rgba(38,53,40,.045)} .profile-balance-card p{margin:7px 0 0;color:#758176;font-size:12px} .profile-balance-card strong{color:#385137;font:700 clamp(22px,4vw,30px) var(--serif);letter-spacing:-.7px} .profile-panel{width:100%;padding:30px;background:#fff;border:1px solid #dbe2da;box-shadow:0 8px 28px rgba(38,53,40,.06)} .profile-avatar-section{display:flex;align-items:center;gap:20px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #e4e9e2} .avatar-preview{width:90px;height:90px;flex:0 0 90px;display:grid;place-items:center;object-fit:cover;border-radius:50%;border:1px solid #d7e0d5;background:#edf2ea;font-size:32px} .profile-avatar-section strong{font-size:15px} .profile-avatar-section p{margin:6px 0 12px;color:#748077;font-size:12px} .avatar-action-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap} .avatar-upload{position:relative;display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #cbd7c8;border-radius:4px;background:#f8faf7;color:#394b3c;font-size:12px;font-weight:600;cursor:pointer} .avatar-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer} .avatar-save-button[hidden]{display:none} .avatar-remove{display:flex;align-items:center;gap:7px;margin-top:12px;color:#67736a;font-size:12px} .profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .profile-fields label,.password-fieldset>label{display:flex;flex-direction:column;gap:8px;color:#445147;font-size:13px;font-weight:600} .profile-fields input,.password-fieldset input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d2dbd1;border-radius:3px;background:#fbfcfa;color:#26332a;outline:none} .profile-fields input:focus,.password-fieldset input:focus,.comment-form textarea:focus{border-color:#789171;box-shadow:0 0 0 3px rgba(120,145,113,.14)} .password-fieldset{display:grid;gap:17px;margin:27px 0 0;padding:20px 0 0;border:0;border-top:1px solid #e4e9e2} .password-fieldset legend{padding:0;margin-bottom:17px;font-size:14px;font-weight:700;color:#344238} .password-fieldset legend span{display:block;margin-top:5px;color:#7a857d;font-size:11px;font-weight:400} .profile-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:21px;border-top:1px solid #e4e9e2} .screenshot-zoom{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in} .screenshot-zoom img{transition:transform .25s,filter .25s} .screenshot-zoom:hover img{transform:scale(1.015);filter:drop-shadow(0 9px 15px rgba(32,43,38,.18))} .screenshot-lightbox[hidden]{display:none} .screenshot-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:5vh 5vw} .lightbox-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(10,16,12,.78);backdrop-filter:blur(9px);cursor:zoom-out;animation:lightbox-fade .25s ease both} .lightbox-content{position:relative;z-index:1;display:grid;place-items:center;max-width:100%;max-height:90vh} .lightbox-image{display:block;max-width:90vw;max-height:82vh;object-fit:contain;border:1px solid rgba(255,255,255,.45);border-radius:7px;box-shadow:0 28px 90px rgba(0,0,0,.48);animation:lightbox-appear .35s cubic-bezier(.2,.8,.2,1) both,screenshot-float 4.5s ease-in-out .35s infinite} .lightbox-close{position:absolute;z-index:2;top:-43px;right:-7px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(25,34,28,.75);color:#fff;font-size:25px;line-height:1;cursor:pointer} .lightbox-arrow{width:48px;height:48px;font-size:36px} .lightbox-previous{left:-68px}.lightbox-next{right:-68px} .lightbox-count{position:absolute;bottom:-31px;color:#fff;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums} @media(max-width:720px){.product-gallery-controls{align-items:flex-start;flex-direction:column}.gallery-thumbnails{width:100%}.lightbox-previous{left:7px}.lightbox-next{right:7px}.lightbox-arrow{width:40px;height:40px}} @keyframes lightbox-fade{from{opacity:0}to{opacity:1}} @keyframes lightbox-appear{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}} @keyframes screenshot-float{0%,100%{translate:0 0}50%{translate:0 -11px}} .lightbox-open{overflow:hidden} .comments-section{max-width:700px;margin:58px 0 0;scroll-margin-top:28px} .comments-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #dfe5dd} .comments-heading h2{display:flex;align-items:center;gap:10px;margin:8px 0 0;font:600 26px/1.2 var(--serif);letter-spacing:-.6px} .comments-heading h2 span{display:inline-grid;min-width:25px;height:25px;place-items:center;padding:0 6px;border-radius:14px;background:#e8efe5;color:#56704f;font:600 12px var(--sans)} .comments-heading>p{margin:0;color:#778279;font-size:12px} .comment-form,.comment-login-prompt{padding:18px;border:1px solid #dbe3d9;border-radius:4px;background:#fff} .comment-form>label{display:block;margin-bottom:9px;color:#425045;font-size:13px;font-weight:600} .comment-form textarea{display:block;width:100%;min-height:100px;resize:vertical;padding:12px;border:1px solid #d5ded3;border-radius:3px;background:#fbfcfa;color:#253229;font:400 14px/1.6 var(--sans);outline:none} .comment-form-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px} .comment-form-footer>span{color:#808b81;font-size:11px} .comment-form-footer .button{padding:10px 15px} .comment-login-prompt p{margin:0 0 13px;color:#647167;font-size:13px} .comment-login-prompt .button{padding:11px 14px} .comment-list{margin-top:20px} .comment-item{display:flex;gap:14px;padding:18px 2px;border-bottom:1px solid #e2e7e0} .comment-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;object-fit:cover;border-radius:50%;border:1px solid #dbe3d9;background:#edf2ea;color:#526a4b;font-weight:700} .comment-content{min-width:0;flex:1} .comment-meta{display:flex;align-items:center;gap:12px} .comment-meta strong{color:#2e3c32;font-size:13px} .comment-meta time{color:#879188;font-size:11px} .comment-content p{margin:8px 0 0;color:#59665c;font-size:13px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere} .comments-empty{margin:20px 0;color:#7a867c;font-size:13px} html[data-theme="dark"] .profile-link{color:#d5dfd5} html[data-theme="dark"] .avatar-small,html[data-theme="dark"] .avatar-preview,html[data-theme="dark"] .comment-avatar{background:#2b392e;border-color:#425144;color:#d0e2c8} html[data-theme="dark"] .profile-role,html[data-theme="dark"] .avatar-upload{background:#202a23;border-color:#3c4a3e;color:#cfddca} html[data-theme="dark"] .profile-panel,html[data-theme="dark"] .comment-form,html[data-theme="dark"] .comment-login-prompt{background:#202a23;border-color:#354139} html[data-theme="dark"] .profile-heading p,html[data-theme="dark"] .profile-avatar-section p,html[data-theme="dark"] .profile-fields label,html[data-theme="dark"] .password-fieldset>label,html[data-theme="dark"] .password-fieldset legend span,html[data-theme="dark"] .comments-heading>p,html[data-theme="dark"] .comment-form-footer>span,html[data-theme="dark"] .comment-login-prompt p,html[data-theme="dark"] .comments-empty{color:#b2beb3} html[data-theme="dark"] .profile-avatar-section,html[data-theme="dark"] .password-fieldset,html[data-theme="dark"] .profile-actions,html[data-theme="dark"] .comments-heading,html[data-theme="dark"] .comment-item{border-color:#354139} html[data-theme="dark"] .profile-fields input,html[data-theme="dark"] .password-fieldset input,html[data-theme="dark"] .comment-form textarea{background:#18211b;border-color:#3a473d;color:#e2eae2} html[data-theme="dark"] .password-fieldset legend,html[data-theme="dark"] .comment-form>label,html[data-theme="dark"] .comment-meta strong{color:#dce6dc} html[data-theme="dark"] .comments-heading h2{color:#e6ede6} html[data-theme="dark"] .comments-heading h2 span{background:#344936;color:#c9e0bc} html[data-theme="dark"] .comment-content p{color:#bec9bf} html[data-theme="light"] .profile-panel{background:#fff;border-color:#d5ded4;box-shadow:0 8px 28px rgba(35,53,40,.07)} html[data-theme="light"] .comment-form,html[data-theme="light"] .comment-login-prompt{background:#fff;border-color:#d5ded4;box-shadow:0 4px 16px rgba(35,53,40,.035)} html[data-theme="light"] .comments-heading,html[data-theme="light"] .comment-item{border-color:#dce3db} html[data-theme="light"] .profile-fields input,html[data-theme="light"] .password-fieldset input,html[data-theme="light"] .comment-form textarea{background:#fbfcfa;border-color:#cfd9cd;color:#27352b} html[data-theme="light"] .comment-meta strong{color:#29372d} @media(max-width:720px){.profile-page{padding:32px 0 65px}.profile-heading{align-items:flex-start;flex-direction:column}.profile-panel{padding:20px 16px}.profile-fields{grid-template-columns:1fr;gap:14px}.profile-actions{justify-content:stretch}.profile-actions .button{flex:1;padding:12px 8px}.profile-avatar-section{align-items:flex-start}.comments-heading{align-items:flex-start;flex-direction:column}.comments-section{margin-top:42px}.comment-form,.comment-login-prompt{padding:14px}.screenshot-lightbox{padding:7vh 5vw}.lightbox-image{max-height:78vh}.lightbox-close{top:-40px;right:0}.profile-link{gap:5px}.profile-name{display:none}} @media(max-width:420px){.nav-balance{padding:5px 6px;font-size:9px}.nav-actions{gap:8px}.menu-toggle{margin-left:5px}} .user-search-form{display:grid;gap:8px;margin-bottom:16px;padding:16px 18px;border:1px solid #d5ded4;border-radius:4px;background:#fff} .user-search-form>label{color:#536057;font-size:11px;font-weight:600} .user-search-form>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap} .user-search-form input{width:min(100%,420px);height:39px;padding:9px 12px;border:1px solid #d2dbd1;border-radius:3px;background:#fbfcfa;color:#26332a;font-size:12px} .user-search-form input:focus{border-color:#9bb58d;outline:2px solid #9bb58d33} .user-search-form .text-link{font-size:11px} html[data-theme="dark"] .user-search-form{border-color:#354139;background:#202a23} html[data-theme="dark"] .user-search-form>label{color:#c3cec3} html[data-theme="dark"] .user-search-form input{border-color:#3a473d;background:#18211b;color:#e2eae2} .admin-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap} .admin-heading-actions .button{padding:12px 15px;font-size:11px} @media(max-width:720px){.admin-heading-actions{width:100%}.admin-heading-actions .button{flex:1;white-space:nowrap}} @media(prefers-reduced-motion:reduce){.lightbox-backdrop,.lightbox-image{animation:none!important;scroll-behavior:auto}} .card-stats{flex-wrap:wrap;column-gap:12px;row-gap:7px;font-size:10px} .card-stats>span{gap:4px;white-space:nowrap} .comment-role{color:#7a867d;font-size:11px;font-weight:500} .comment-reply{margin-left:30px;padding-left:15px;border-left:2px solid #dce5d9} .comment-quote{margin:10px 0 8px;padding:9px 12px;border-left:2px solid #a8c19b;background:#f5f8f3;color:#69776b;font-size:12px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere} .comment-reply-button{margin-top:10px;padding:0;border:0;background:transparent;color:#59764f;font-size:11px;font-weight:600;cursor:pointer} .comment-reply-button:hover{text-decoration:underline} .comment-delete-form{display:inline-flex;margin-left:14px} .comment-delete-form button{padding:0;border:0;background:transparent;color:#a34e47;font-size:11px;font-weight:600;cursor:pointer} .comment-delete-form button:hover{text-decoration:underline} .comment-replying{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:9px 11px;border:1px solid #dce5d9;border-radius:3px;background:#f5f8f3;color:#596b57;font-size:12px} .comment-replying[hidden]{display:none} .comment-replying button{padding:0;border:0;background:none;color:#536a4d;font-size:11px;font-weight:600;cursor:pointer} html[data-theme="dark"] .comment-role{color:#9fac9f} html[data-theme="dark"] .comment-reply{border-color:#53684d} html[data-theme="dark"] .comment-quote,html[data-theme="dark"] .comment-replying{background:#19241c;border-color:#394b39;color:#b9c8b6} html[data-theme="dark"] .comment-replying button,html[data-theme="dark"] .comment-reply-button{color:#c3d9b6} html[data-theme="dark"] .comment-delete-form button{color:#e39a8d} html[data-theme="light"] .comment-quote,html[data-theme="light"] .comment-replying{background:#f4f7f2;border-color:#d7e1d4;color:#536453} html[data-theme="light"] .comment-reply{border-color:#c6d7bf} @media(max-width:720px){.card-stats{column-gap:8px;font-size:9px}.comment-reply{margin-left:12px;padding-left:10px}.comment-meta{align-items:flex-start;flex-wrap:wrap;gap:6px 10px}} .hero-logo{position:absolute;z-index:1;top:calc(50% + 18px);left:50%;display:block;width:650px;max-width:none;height:auto;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.24));animation:hero-logo-float 5s ease-in-out infinite} .art-spark,.art-orbit-label{z-index:2} @keyframes hero-logo-float{0%,100%{transform:translate(-50%,-50%) translateY(0) rotate(-1deg)}50%{transform:translate(-50%,-50%) translateY(-14px) rotate(1deg)}} @media(prefers-reduced-motion:reduce){.hero-logo{animation:none;transform:translate(-50%,-50%)}} .comment-notifications{position:relative;display:flex;align-items:center} .comment-notification-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:36px;padding:0;border:0;background:transparent;cursor:pointer} .notification-exclamation{width:23px;height:23px;display:grid;place-items:center;border:1px solid #d84a43;border-radius:50%;background:#fff0ef;color:#c9332e;font-size:16px;font-weight:800;line-height:1;box-shadow:0 2px 9px rgba(195,46,40,.17)} .notification-count{position:absolute;top:0;right:-2px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:1px solid #fff;border-radius:10px;background:#c93832;color:#fff;font-size:9px;font-weight:700;line-height:1} .comment-notification-menu[hidden]{display:none} .comment-notification-menu{position:fixed;z-index:60;top:91px;right:max(24px,calc((100vw - 1160px)/2));width:min(380px,calc(100vw - 30px));max-height:calc(100vh - 112px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #d7dfd6;border-radius:7px;background:#fff;box-shadow:0 18px 55px rgba(24,36,27,.2);animation:notification-menu-in .18s ease-out both} .notification-menu-heading{flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:15px 17px;border-bottom:1px solid #e3e9e1;color:#26352b} .notification-menu-heading>strong{font-size:14px} .notification-menu-heading>span{min-width:21px;height:21px;display:grid;place-items:center;padding:0 5px;border-radius:11px;background:#fce5e3;color:#bd3833;font-size:10px;font-weight:700} .notification-menu-heading>button{width:28px;height:28px;margin-left:auto;border:0;border-radius:50%;background:transparent;color:#68756b;font-size:22px;cursor:pointer} .notification-menu-heading>button:hover{background:#f1f4ef} .notification-list{overflow:auto;overscroll-behavior:contain} .notification-form+.notification-form{border-top:1px solid #edf0eb} .notification-item{width:100%;display:flex;align-items:flex-start;gap:11px;padding:13px 16px;border:0;background:#fff;text-align:left;cursor:pointer} .notification-item:hover{background:#f5f8f4} .notification-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;object-fit:cover;border:1px solid #dbe3d9;border-radius:50%;background:#edf2ea;color:#526a4b;font-size:13px;font-weight:700} .notification-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px} .notification-copy>strong{display:block;overflow:hidden;color:#303e33;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap} .notification-copy>strong span{color:#718075;font-weight:500} .notification-product{overflow:hidden;color:#52694c;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap} .notification-text{display:-webkit-box;overflow:hidden;color:#68756b;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2} .notification-copy time{color:#89938b;font-size:10px} @keyframes notification-menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}} html[data-theme="dark"] .notification-exclamation{border-color:#9e4641;background:#432a29;color:#ffaaa0} html[data-theme="dark"] .notification-count{border-color:#202a23;background:#b53b36} html[data-theme="dark"] .comment-notification-menu{border-color:#3b493e;background:#202a23;box-shadow:0 18px 55px rgba(0,0,0,.42)} html[data-theme="dark"] .notification-menu-heading{border-color:#354139;color:#e3ebe2} html[data-theme="dark"] .notification-menu-heading>span{background:#482f2e;color:#ffc0b8} html[data-theme="dark"] .notification-menu-heading>button{color:#bcc8bc} html[data-theme="dark"] .notification-menu-heading>button:hover,html[data-theme="dark"] .notification-item:hover{background:#29362d} html[data-theme="dark"] .notification-form+.notification-form{border-color:#354139} html[data-theme="dark"] .notification-item{background:#202a23} html[data-theme="dark"] .notification-avatar{border-color:#425144;background:#2b392e;color:#d0e2c8} html[data-theme="dark"] .notification-copy>strong{color:#e0e9df} html[data-theme="dark"] .notification-copy>strong span,html[data-theme="dark"] .notification-text{color:#b2beb3} html[data-theme="dark"] .notification-product{color:#c6ddb9} html[data-theme="dark"] .notification-copy time{color:#95a297} @media(max-width:720px){.comment-notification-menu{top:75px;right:14px;max-height:calc(100vh - 90px)}} @media(prefers-reduced-motion:reduce){.comment-notification-menu{animation:none}} .product-notifications{position:relative;display:flex;align-items:center} .product-notification-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:36px;padding:0;border:0;background:transparent;cursor:pointer} .product-notification-mark{width:23px;height:23px;display:grid;place-items:center;border:1px solid #5b9b50;border-radius:50%;background:#eaf6e6;color:#42853b;font-size:15px;font-weight:800;line-height:1;box-shadow:0 2px 9px rgba(63,133,55,.18)} .product-notification-count{position:absolute;top:0;right:-2px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:1px solid #fff;border-radius:10px;background:#4d9843;color:#fff;font-size:9px;font-weight:700;line-height:1} .product-notification-menu[hidden]{display:none} .product-notification-menu{position:fixed;z-index:60;top:91px;right:max(24px,calc((100vw - 1160px)/2));width:min(380px,calc(100vw - 30px));max-height:calc(100vh - 112px);display:flex;flex-direction:column;overflow:hidden;border:1px solid #d7dfd6;border-radius:7px;background:#fff;box-shadow:0 18px 55px rgba(24,36,27,.2);animation:notification-menu-in .18s ease-out both} .product-notification-heading>span{background:#e7f3e3;color:#43803c} .product-notification-image{width:54px;height:48px;flex:0 0 54px;display:grid;place-items:center;object-fit:contain;border:1px solid #dce6d8;border-radius:4px;background:#f1f6ef;color:#4e7e47;font-size:17px;font-weight:700} .product-notification-item .notification-copy>strong{color:#354d34} html[data-theme="dark"] .product-notification-mark{border-color:#587b4f;background:#263d28;color:#9ed68f} html[data-theme="dark"] .product-notification-count{border-color:#202a23;background:#4b8c43} html[data-theme="dark"] .product-notification-menu{border-color:#3b493e;background:#202a23;box-shadow:0 18px 55px rgba(0,0,0,.42)} html[data-theme="dark"] .product-notification-heading>span{background:#2c452c;color:#a9dc9a} html[data-theme="dark"] .product-notification-image{border-color:#425144;background:#263329;color:#b7dca9} html[data-theme="dark"] .product-notification-item .notification-copy>strong{color:#d4e4ce} @media(max-width:720px){.product-notification-menu{top:75px;right:14px;max-height:calc(100vh - 90px)}} @media(prefers-reduced-motion:reduce){.product-notification-menu{animation:none}} .platform-download-fields{display:grid;gap:12px} .platform-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .platform-download-grid label{font-size:11px;font-weight:600;color:#536057;display:grid;gap:8px} .platform-download-grid input{border:1px solid #e3e8e2;background:#fbfcfa;padding:12px 13px;outline:0;font-size:12px;color:#303c33;min-width:0} .platform-download-grid input:focus{border-color:#9bb58d} .download-platform-choices{display:grid;gap:9px;margin:-25px 0 30px;color:#7b867d;font-size:11px} .download-platform-choices>div{display:flex;flex-wrap:wrap;gap:8px} .download-platform-choices a{padding:7px 10px;border:1px solid #d4dfd1;border-radius:3px;background:#fff;color:#4d6847;font-size:10px;font-weight:600;transition:background .2s,border-color .2s} .download-platform-choices a:hover{background:#edf4e9;border-color:#aabfa1} html[data-theme="dark"] .platform-download-grid label{color:#c3cec3} html[data-theme="dark"] .platform-download-grid input{background:#18211b;border-color:#3a473d;color:#e2eae2} html[data-theme="dark"] .download-platform-choices{color:#b2beb3} html[data-theme="dark"] .download-platform-choices a{background:#202a23;border-color:#435244;color:#cee0c6} html[data-theme="dark"] .download-platform-choices a:hover{background:#293b2b;border-color:#607c58} @media(max-width:720px){.platform-download-grid{grid-template-columns:1fr}.download-platform-choices{margin:-18px 0 25px}} .card-added{margin-top:8px;color:#9aa39b;font-size:9px;letter-spacing:.15px} .comment-author{position:relative;display:inline-block;cursor:help;outline:none} .comment-author-name{border-bottom:1px dotted #99a895} .comment-author-tooltip{position:absolute;z-index:20;left:50%;bottom:calc(100% + 11px);width:230px;padding:14px 15px;display:grid;gap:9px;border:1px solid #dce5d9;border-radius:7px;background:#fff;color:#59665c;box-shadow:0 14px 35px rgba(27,42,30,.18);font:400 11px/1.45 var(--sans);white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,5px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s} .comment-author-tooltip>span:not(.tooltip-title){display:grid;gap:2px;overflow-wrap:anywhere} .comment-author-tooltip b{color:#879388;font-size:9px;font-weight:600} .comment-author-tooltip .tooltip-title{color:#2f4033;font:700 12px var(--serif)} .comment-author:hover .comment-author-tooltip,.comment-author:focus .comment-author-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:1.5s} .comment-author:focus-visible .comment-author-name{outline:2px solid #8dad7f;outline-offset:3px} .account-detail-panel{display:grid;grid-template-columns:110px 1fr;gap:25px;padding:27px} .account-detail-avatar{width:96px;height:96px;display:grid;place-items:center;overflow:hidden;border:1px solid #dce5d9;border-radius:50%;background:#edf3e9;color:#5a7650;font:700 34px var(--serif)} .account-detail-avatar img{width:100%;height:100%;object-fit:cover} .account-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0} .account-detail-grid>div{padding:12px 0;border-bottom:1px solid #edf0eb;min-width:0} .account-detail-grid dt{margin-bottom:5px;color:#8a958c;font-size:10px} .account-detail-grid dd{margin:0;color:#354238;font-size:13px;overflow-wrap:anywhere} .role-management-panel .panel-heading{margin-bottom:0} .role-management-body{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px} .role-management-body>p{margin:0;color:#6f7b71;font-size:12px;line-height:1.6} .role-management-form{display:flex;align-items:center;gap:12px} .role-management-form .button{white-space:nowrap;padding:11px 14px;font-size:11px} .role-demote-button{border-color:#dbb8b0;color:#9b4b40} .role-demote-button:hover{background:#fff3f0;border-color:#c9887d} html[data-theme="dark"] .role-management-body>p{color:#b2beb3} html[data-theme="dark"] .role-demote-button{border-color:#68443e;color:#e5a59a} html[data-theme="dark"] .role-demote-button:hover{background:#392a28;border-color:#8a534a} .balance-adjust-panel{margin-top:18px} .balance-current{color:#48623f;font:700 18px var(--serif)} .balance-credit-form{display:flex;align-items:end;gap:14px} .balance-credit-form label{flex:1} .balance-credit-form input{max-width:260px} .balance-credit-form .button{white-space:nowrap} html[data-theme="dark"] .profile-balance-card{border-color:#3f533e;background:linear-gradient(125deg,#263629,#202a23);box-shadow:0 5px 18px #0002} html[data-theme="dark"] .profile-balance-card p{color:#aab6ab} html[data-theme="dark"] .profile-balance-card strong,html[data-theme="dark"] .balance-current{color:#c6e0b8} html[data-theme="dark"] .comment-author-tooltip{background:#202a23;border-color:#435244;color:#c4d0c4} html[data-theme="dark"] .comment-author-tooltip .tooltip-title,html[data-theme="dark"] .account-detail-grid dd{color:#e0e9df} html[data-theme="dark"] .comment-author-tooltip b,html[data-theme="dark"] .account-detail-grid dt{color:#9fac9f} html[data-theme="dark"] .account-detail-grid>div{border-color:#354139} html[data-theme="dark"] .account-detail-avatar{background:#2b392e;border-color:#425144;color:#d0e2c8} html[data-theme="light"] .account-detail-grid>div{border-color:#dce3db} @media(max-width:720px){.profile-balance-card{padding:17px}.account-detail-panel{grid-template-columns:1fr;padding:20px}.account-detail-avatar{width:72px;height:72px;font-size:27px}.account-detail-grid{grid-template-columns:1fr}.role-management-body{align-items:stretch;flex-direction:column;padding:16px}.role-management-form .button{width:100%}.balance-credit-form{align-items:stretch;flex-direction:column}.balance-credit-form input{max-width:none}.balance-credit-form .button{width:100%}.comment-author-tooltip{left:0;transform:translate(0,5px)}.comment-author:hover .comment-author-tooltip,.comment-author:focus .comment-author-tooltip{transform:translate(0,0)}} .about-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;max-width:610px} .about-contact-link{min-width:0;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d1ddce;border-radius:6px;background:#f8faf6;box-shadow:0 3px 12px rgba(34,53,38,.045);transition:transform .2s,border-color .2s,box-shadow .2s} .about-contact-link:hover{transform:translateY(-2px);border-color:#9ab58c;box-shadow:0 7px 18px rgba(34,53,38,.1)} .about-contact-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#2798d7;color:#fff} .about-contact-icon svg{width:21px;height:21px;fill:currentColor} .max-contact .about-contact-icon{background:#dcefd4;color:#467c4b} .max-contact .about-contact-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .about-contact-copy{min-width:0;display:grid;gap:3px} .about-contact-copy small{color:#758278;font-size:9px;font-weight:700;letter-spacing:.55px} .about-contact-copy strong{overflow:hidden;color:#344238;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap} .about-contact-arrow{margin-left:auto;color:#7d9280;font-size:16px} html[data-theme="dark"] .about-contact-link{background:#202a23;border-color:#3d4b3f;box-shadow:0 3px 12px #0002} html[data-theme="dark"] .about-contact-link:hover{border-color:#829c73;box-shadow:0 7px 18px #0004} html[data-theme="dark"] .about-contact-copy small{color:#a4b1a5} html[data-theme="dark"] .about-contact-copy strong{color:#e0e9df} html[data-theme="dark"] .about-contact-arrow{color:#aec0ac} html[data-theme="dark"] .max-contact .about-contact-icon{background:#334b35;color:#bce0af} @media(max-width:720px){.about-contacts{grid-template-columns:1fr;gap:8px}.about-contact-link{padding:10px 12px}} .holiday-garland{position:absolute;z-index:1;inset:0 0 auto;height:40px;overflow:hidden;pointer-events:none} .garland-wire{position:absolute;inset:0;width:100%;height:36px;overflow:visible} .garland-wire path{fill:none;stroke:#87977b;stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #0007)} .garland-bulb{position:absolute;z-index:1;left:var(--bulb-x);top:calc(2px + var(--bulb-drop));width:11px;height:15px;border:1px solid #ffffff75;border-radius:48% 48% 52% 52%;background:radial-gradient(circle at 34% 25%,#fff 0 9%,var(--bulb-light) 22%,var(--bulb-color) 60%,var(--bulb-shade) 100%);box-shadow:0 0 3px 1px var(--bulb-glow),0 0 9px 2px var(--bulb-glow);transform:translateX(-50%);animation:garland-blink var(--twinkle-duration) ease-in-out var(--twinkle-delay) infinite} .garland-bulb::before{content:"";position:absolute;left:2px;top:-5px;width:5px;height:5px;border-radius:2px 2px 0 0;background:#53634e} .garland-bulb::after{content:"";position:absolute;left:2px;top:2px;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.86;filter:blur(.3px)} .bulb-0{--bulb-light:#ffd1b0;--bulb-color:#ed483e;--bulb-shade:#a92735;--bulb-glow:#f3534380} .bulb-1{--bulb-light:#fff7ad;--bulb-color:#f4c52e;--bulb-shade:#b37a16;--bulb-glow:#ffe45e8c} .bulb-2{--bulb-light:#c9ffe0;--bulb-color:#36cf83;--bulb-shade:#16834d;--bulb-glow:#54e59880} .bulb-3{--bulb-light:#d5efff;--bulb-color:#4aa8ec;--bulb-shade:#2361ac;--bulb-glow:#66bcff8c} .holiday-countdown{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #687653;border-radius:5px;background:linear-gradient(145deg,#2b3a2e,#1b251f);color:#e0e8dc;box-shadow:inset 0 1px 0 #ffffff14,0 3px 12px #0005;white-space:nowrap} .countdown-spark{color:#e5c56b;font-size:13px} .countdown-label,.countdown-days{font-size:9px;font-weight:600} .holiday-countdown strong{min-width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#a23b35;color:#fff;font:700 12px var(--serif);box-shadow:0 2px 7px #0006} .holiday-snow{position:fixed;z-index:20;inset:0;display:block;width:100%;height:100%;pointer-events:none} html[data-site-theme="newyear"] .site-header .nav-wrap{position:relative;z-index:2;padding-top:10px} html[data-site-theme="newyear"] .site-header{background:rgba(22,30,25,.98);border-color:#303b33;box-shadow:0 2px 12px #0005} html[data-site-theme="newyear"] .site-header .brand-light{color:#a0aca2} html[data-site-theme="newyear"] .site-header .brand-mark span{background:#d7e2d6} html[data-site-theme="newyear"] .site-header .brand-mark span:nth-child(2),html[data-site-theme="newyear"] .site-header .brand-mark span:nth-child(3){background:#b3df93} html[data-site-theme="newyear"] .site-header .brand-mark{position:relative} html[data-site-theme="newyear"] .site-header .brand-mark .holiday-brand-hat{position:absolute;z-index:1;top:-19px;left:-10px;width:34px;height:34px;object-fit:contain;transform:rotate(-3deg);animation:holiday-hat-float 2.8s ease-in-out infinite;pointer-events:none} @keyframes holiday-hat-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-2px) rotate(0deg)}} html[data-site-theme="newyear"] .site-header .main-nav a,html[data-site-theme="newyear"] .site-header .login-link,html[data-site-theme="newyear"] .site-header .nav-admin,html[data-site-theme="newyear"] .site-header .profile-link,html[data-site-theme="newyear"] .site-header .menu-toggle{color:#d5dfd5} html[data-site-theme="newyear"] .site-header .main-nav a:hover,html[data-site-theme="newyear"] .site-header .login-link:hover,html[data-site-theme="newyear"] .site-header .nav-admin:hover{color:#fff} html[data-site-theme="newyear"] .site-header .button-quiet{background:#202a23;border-color:#435244;color:#d5dfd5} html[data-site-theme="newyear"] .hero{background:linear-gradient(135deg,#f1eee3,#e5eee5 58%,#edf0f4)} html[data-site-theme="newyear"] .hero h1 span,html[data-site-theme="newyear"] .page-hero h1 span{color:#a4483f} html[data-site-theme="newyear"] .button-dark{background:#8f332e} html[data-site-theme="newyear"] .button-dark:hover{background:#a8443c} html[data-theme="dark"][data-site-theme="newyear"] .hero{background:linear-gradient(135deg,#1d2821,#222e26 58%,#202a32)} html[data-theme="dark"][data-site-theme="newyear"] .hero h1 span,html[data-theme="dark"][data-site-theme="newyear"] .page-hero h1 span{color:#e89a83} @keyframes garland-blink{0%,100%{filter:brightness(1.2);opacity:1;box-shadow:0 0 4px 1px var(--bulb-glow),0 0 13px 4px var(--bulb-glow)}32%{filter:brightness(.45);opacity:.62;box-shadow:0 0 1px 0 var(--bulb-glow),0 0 3px 1px var(--bulb-glow)}42%{filter:brightness(.7);opacity:.82;box-shadow:0 0 2px 1px var(--bulb-glow),0 0 7px 2px var(--bulb-glow)}51%{filter:brightness(.38);opacity:.55;box-shadow:0 0 1px 0 var(--bulb-glow),0 0 2px 1px var(--bulb-glow)}65%{filter:brightness(1.05);opacity:1;box-shadow:0 0 4px 1px var(--bulb-glow),0 0 12px 3px var(--bulb-glow)}} .appearance-form{padding:25px} .appearance-options{display:grid;gap:14px;margin:0;padding:0;border:0} .appearance-options legend{margin-bottom:14px;color:#354238;font:600 17px var(--serif)} .appearance-option{position:relative;display:grid!important;grid-template-columns:135px 1fr;align-items:center;gap:18px!important;padding:15px;border:1px solid #e0e7de;border-radius:5px;background:#fbfcfa;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s} .appearance-option.selected{border-color:#89a77a;background:#f5f9f2;box-shadow:0 0 0 2px #89a77a22} .appearance-option:focus-within{outline:2px solid #9dbb8c;outline-offset:2px} .appearance-option>input{position:absolute;width:1px;height:1px;opacity:0} .appearance-preview{height:72px;display:flex;align-items:center;justify-content:center;gap:11px;overflow:hidden;border:1px solid #e5e9e3;border-radius:3px;background:#f0f2ee} .appearance-preview i{font-style:normal} .classic-preview i{width:23px;height:30px;border-radius:3px;background:#fff;box-shadow:0 2px 6px #28372d18} .classic-preview i:nth-child(2){height:42px;background:#dcebd5} .newyear-preview{background:linear-gradient(145deg,#f8efda,#e4eee3)} .newyear-preview i{color:#b83f35;font-size:20px;text-shadow:0 2px 5px #d9a14960} .newyear-preview i:nth-child(2){color:#fff;font-size:27px} .appearance-copy{display:grid;gap:5px} .appearance-copy strong{color:#344238;font-size:14px} .appearance-copy span{color:#78847a;font-size:11px;font-weight:400;line-height:1.5} html[data-theme="dark"] .appearance-options legend,html[data-theme="dark"] .appearance-copy strong{color:#e0e9df} html[data-theme="dark"] .appearance-option{border-color:#3b493e;background:#202a23} html[data-theme="dark"] .appearance-option.selected{border-color:#829c73;background:#27352a} html[data-theme="dark"] .appearance-copy span{color:#b2beb3} html[data-theme="dark"] .appearance-preview{border-color:#3b493e;background:#29352c} html[data-theme="dark"] .newyear-preview{background:linear-gradient(145deg,#493b27,#293b2b)} @media(max-width:720px){html[data-site-theme="newyear"] .site-header .main-nav{background:#202a23;border-color:#354139;box-shadow:0 10px 20px #0005}html[data-site-theme="newyear"] .site-header .main-nav a{color:#d5dfd5}.holiday-countdown{gap:3px;padding:4px 3px}.countdown-label{display:none}.countdown-spark{font-size:10px}.holiday-countdown strong{min-width:20px;height:20px}.countdown-days{font-size:8px}.appearance-form{padding:18px}.appearance-option{grid-template-columns:78px 1fr;gap:12px!important;padding:11px}.appearance-preview{height:61px}} @media(prefers-reduced-motion:reduce){.holiday-snow{display:none}.garland-bulb,.holiday-brand-hat{animation:none}} html[data-theme="light"] .site-header,html[data-theme="dark"] .site-header{background:rgba(22,30,25,.98);border-color:#303b33;box-shadow:0 2px 12px #0005} html[data-theme="light"] .site-header .brand,html[data-theme="dark"] .site-header .brand{color:#e5ede5} html[data-theme="light"] .site-header .brand-light,html[data-theme="dark"] .site-header .brand-light{color:#a0aca2} html[data-theme="light"] .site-header .brand-mark span,html[data-theme="dark"] .site-header .brand-mark span{background:#d7e2d6} html[data-theme="light"] .site-header .brand-mark span:nth-child(2),html[data-theme="light"] .site-header .brand-mark span:nth-child(3),html[data-theme="dark"] .site-header .brand-mark span:nth-child(2),html[data-theme="dark"] .site-header .brand-mark span:nth-child(3){background:#b3df93} html[data-theme="light"] .site-header .main-nav a,html[data-theme="light"] .site-header .login-link,html[data-theme="light"] .site-header .nav-admin,html[data-theme="light"] .site-header .profile-link,html[data-theme="light"] .site-header .menu-toggle,html[data-theme="dark"] .site-header .main-nav a,html[data-theme="dark"] .site-header .login-link,html[data-theme="dark"] .site-header .nav-admin,html[data-theme="dark"] .site-header .profile-link,html[data-theme="dark"] .site-header .menu-toggle{color:#d5dfd5} html[data-theme="light"] .site-header .main-nav a:hover,html[data-theme="light"] .site-header .login-link:hover,html[data-theme="light"] .site-header .nav-admin:hover,html[data-theme="dark"] .site-header .main-nav a:hover,html[data-theme="dark"] .site-header .login-link:hover,html[data-theme="dark"] .site-header .nav-admin:hover{color:#fff} html[data-theme="light"] .site-header .button-quiet,html[data-theme="dark"] .site-header .button-quiet{background:#202a23;border-color:#435244;color:#d5dfd5} html[data-theme="light"] .site-header .button-dark,html[data-theme="dark"] .site-header .button-dark{background:#c1e4a4;color:#203027} html[data-theme="light"] .site-header .button-dark:hover,html[data-theme="dark"] .site-header .button-dark:hover{background:#d2efbd} @media(max-width:720px){html[data-theme="light"] .site-header .main-nav,html[data-theme="dark"] .site-header .main-nav{background:#202a23;border-color:#354139;box-shadow:0 10px 20px #0005}} .site-header{position:sticky;top:0} html{scroll-padding-top:82px} @media(max-width:720px){html{scroll-padding-top:68px}} html[data-theme="light"] .filter-pill.free-filter.active,html[data-theme="dark"] .filter-pill.free-filter.active{border-color:#b88614;background:linear-gradient(135deg,#f5d879,#d7a51d);box-shadow:0 2px 10px rgba(184,134,20,.28);color:#382906;font-weight:700} html[data-theme="light"] .filter-pill.free-filter.active:hover,html[data-theme="dark"] .filter-pill.free-filter.active:hover{border-color:#9d710c;background:linear-gradient(135deg,#f2cf60,#c89412);color:#302304} html[data-theme="light"] .filter-pill.free-filter:focus-visible,html[data-theme="dark"] .filter-pill.free-filter:focus-visible{outline:2px solid #d5a21b;outline-offset:2px} .visit-date-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding:17px 20px;border:1px solid #d5ded4;border-radius:4px;background:#fff} .visit-date-filter label{display:grid;gap:6px;color:#536057;font-size:11px;font-weight:600} .visit-date-filter input{height:38px;padding:8px 10px;border:1px solid #d2dbd1;border-radius:3px;background:#fbfcfa;color:#26332a;font-size:12px} .visit-date-filter .text-link{padding:10px 0;font-size:11px} .visit-stats-grid .stat-card small{line-height:1.5} .visit-stats-grid .stat-card strong{font-size:24px} .visit-table td{vertical-align:middle} html[data-theme="dark"] .visit-date-filter{border-color:#354139;background:#202a23} html[data-theme="dark"] .visit-date-filter label{color:#c3cec3} html[data-theme="dark"] .visit-date-filter input{border-color:#3a473d;background:#18211b;color:#e2eae2} @media(max-width:720px){.visit-date-filter{align-items:stretch;flex-direction:column;padding:15px}.visit-date-filter input,.visit-date-filter .button{width:100%}.visit-date-filter .text-link{align-self:center}} .visit-chart-panel{overflow:hidden} .visit-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))} @media(max-width:1000px){.visit-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} .visit-chart-panel .panel-heading{gap:16px;flex-wrap:wrap} .visit-chart-legend{display:flex;gap:16px;flex-wrap:wrap;color:#718074;font-size:10px} .visit-chart-legend>span{display:inline-flex;align-items:center;gap:6px} .visit-chart-legend i{width:10px;height:10px;border-radius:3px} .legend-registered{background:#63975b}.legend-guests{background:#d9aa3d} .visit-chart-note{margin:0;padding:13px 22px 0;color:#839087;font-size:11px} .visit-chart-scroll{width:100%;overflow-x:auto;padding:8px 14px 12px} .visit-chart{display:block;width:100%;min-width:680px;height:auto;overflow:visible} .chart-gridline{stroke:#e8ede7;stroke-width:1} .chart-axis-text,.chart-period-label{fill:#839087;font:10px var(--sans)} .chart-period-label{font-size:9px} .visit-bar-registered{fill:url(#registered-gradient)} .visit-bar-guest{fill:url(#guest-gradient)} .duration-area{fill:url(#duration-area-gradient)} .duration-line{fill:none;stroke:#63975b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round} .duration-point{fill:#fff;stroke:#63975b;stroke-width:3} .visit-chart-empty{padding:32px 22px;color:#78847a;font-size:13px} html[data-theme="dark"] .visit-chart-legend,html[data-theme="dark"] .visit-chart-note,html[data-theme="dark"] .visit-chart-empty{color:#aab6ab} html[data-theme="dark"] .chart-gridline{stroke:#344038} html[data-theme="dark"] .chart-axis-text,html[data-theme="dark"] .chart-period-label{fill:#aab6ab} html[data-theme="dark"] .duration-point{fill:#202a23} @media(max-width:720px){.visit-chart-panel .panel-heading{align-items:flex-start;flex-direction:column}.visit-chart-note{padding:10px 16px 0}.visit-chart-scroll{padding-inline:8px}} .live-presence{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.09)} .live-presence-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 19px;border:1px solid #3b5143;border-radius:8px;background:linear-gradient(115deg,#28392f,#25342d 55%,#293b32);box-shadow:0 8px 24px rgba(0,0,0,.12)} .live-presence-summary{display:flex;align-items:center;gap:12px;flex:0 0 auto} .live-presence-indicator{width:10px;height:10px;border-radius:50%;background:#8fd17a;box-shadow:0 0 0 4px rgba(143,209,122,.12),0 0 14px rgba(143,209,122,.44);animation:presence-pulse 2.2s ease-in-out infinite} .live-presence-summary>div{display:grid;gap:4px} .live-presence-kicker{color:#a9bcaa;font-size:9px;font-weight:700;letter-spacing:1.2px} .live-presence-summary strong{color:#f1f5ef;font:700 16px var(--serif)} .live-presence-list{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .live-presence-person,.live-presence-guests{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:4px 10px 4px 5px;border:1px solid #496050;border-radius:18px;background:rgba(255,255,255,.045);color:#e2ebe1;font-size:10px;font-weight:600;white-space:nowrap} .live-presence-person img,.live-presence-initial{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border:1px solid #8ba48b;border-radius:50%;object-fit:cover;background:#394c3c;color:#e0eddb;font-size:10px;font-weight:700} .live-presence-guests{padding:4px 11px;border-color:#71613b;background:rgba(201,164,82,.12);color:#ead9a9} .live-presence-guests>span{color:#e3c66d;font-size:15px} .live-presence-empty{color:#aab9aa;font-size:11px} @keyframes presence-pulse{0%,100%{box-shadow:0 0 0 4px rgba(143,209,122,.12),0 0 14px rgba(143,209,122,.35)}50%{box-shadow:0 0 0 6px rgba(143,209,122,.08),0 0 19px rgba(143,209,122,.55)}} @media(prefers-reduced-motion:reduce){.live-presence-indicator{animation:none}} @media(max-width:720px){.live-presence{padding:13px 0}.live-presence-panel{align-items:flex-start;flex-direction:column;gap:13px;padding:14px}.live-presence-list{justify-content:flex-start}} html[data-vision="high"] body .balance-topup-history{background:var(--vision-surface)!important;border:2px solid var(--vision-border)!important} @media(max-width:720px){.nav-actions>.login-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border:1px solid #69776c;border-radius:5px;color:#f0f5ef!important;font-size:11px;font-weight:700;white-space:nowrap}} @media(max-width:420px){.nav-actions>.login-link{padding:0 8px;font-size:10px}.nav-actions>.button-dark{display:none}} .detail-description{width:100%;max-width:none;min-width:0;font-weight:400} .detail-description p,.detail-description li{ text-align:justify;text-justify:inter-word;hyphens:auto} .detail-description h2,.detail-description h3,.detail-description h4{font-weight:700} .product-gallery,.product-video-section{width:100%;max-width:1000px;margin-left:auto;margin-right:auto} .password-reset-section{padding-top:20px;margin-top:3px;border-top:1px solid #edf0eb} .password-reset-section h2{margin:0 0 7px;color:#344137;font:600 16px/1.3 var(--serif)} .password-reset-section>p{margin:0 0 15px;color:#7b857d;font-size:11px;line-height:1.6} html[data-theme="dark"] .password-reset-section{border-color:#354139} html[data-theme="dark"] .password-reset-section h2{color:#e3ece3} html[data-theme="dark"] .password-reset-section>p{color:#b2beb3} .user-delete-panel{border-color:#ead8d5} .user-delete-panel .panel-heading{border-color:#f0dedb} .user-delete-body{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px} .user-delete-body p{max-width:620px;margin:0;color:#7b625f;font-size:11px;line-height:1.65} .user-delete-button{background:#a24e43;color:#fff} .user-delete-button:hover{background:#873d34} html[data-theme="dark"] .user-delete-panel,html[data-theme="dark"] .user-delete-panel .panel-heading{border-color:#69423e} html[data-theme="dark"] .user-delete-body p{color:#efaaa0} @media(max-width:720px){.user-delete-body{align-items:stretch;flex-direction:column;padding:16px}.user-delete-button{width:100%}} .user-table-scroll{max-height:330px;overflow:auto;overscroll-behavior:contain} .user-table-scroll:focus-visible{outline:3px solid rgba(120,145,113,.42);outline-offset:2px} .user-table-scroll .admin-table thead th{position:sticky;top:0;z-index:2;background:var(--white)} @media(max-width:720px){.user-table-scroll{max-height:290px}} .live-presence-admin{border-color:#a88b45;background:linear-gradient(120deg,rgba(174,139,55,.24),rgba(255,255,255,.07));color:#ffedb5;box-shadow:0 0 0 1px rgba(229,195,104,.12),0 3px 12px rgba(0,0,0,.1)} .live-presence-admin img,.live-presence-admin .live-presence-initial{border-color:#d4b65f} .live-presence-admin-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border:1px solid rgba(228,194,99,.4);border-radius:12px;background:rgba(133,106,42,.38);color:#ffe8a1;font-size:8px;font-weight:800;letter-spacing:.2px} .live-presence-admin-badge>span{font-size:9px;color:#f1d36e} html[data-vision="high"] body .live-presence-admin-badge{color:#fff!important;background:#000!important;border:2px solid #fff!important} .live-presence-person{font-family:var(--sans);font-size:10px;font-weight:600;line-height:normal;cursor:pointer;text-align:left} .live-presence-person:hover{transform:translateY(-1px);border-color:#91b47c;box-shadow:0 4px 12px rgba(0,0,0,.16)} .live-presence-person:focus-visible{outline:2px solid #c3e4a4;outline-offset:3px} .live-presence-admin:hover{border-color:#e2c267} .presence-modal[hidden]{display:none} .presence-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:20px} .presence-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(9,15,11,.76);cursor:pointer} .presence-modal-card{position:relative;z-index:1;width:min(470px,100%);max-height:min(88vh,680px);overflow:auto;padding:32px;background:var(--white);border:1px solid #dfe7dc;box-shadow:0 24px 90px rgba(0,0,0,.38);animation:presence-modal-appear .2s ease-out} .presence-modal-card>.eyebrow{display:block;color:#84917f;font-size:9px} .presence-modal-card>h2{margin:9px 38px 21px 0;color:var(--ink);font:600 24px/1.2 var(--serif);letter-spacing:-.6px} .presence-modal-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer} .presence-modal-close:hover{border-color:var(--line);background:rgba(120,145,113,.1);color:var(--ink)} .presence-modal-content{min-height:100px} .presence-modal-loading,.presence-modal-error{margin:0;padding:30px 0;color:var(--muted);font-size:13px;line-height:1.6;text-align:center} .presence-profile-identity{display:flex;align-items:center;gap:17px;padding:19px;border:1px solid #e5ece1;background:linear-gradient(135deg,#f3f7f0,#fff);border-radius:8px} .presence-profile-avatar{width:72px;height:72px;flex:0 0 72px;object-fit:cover;border:2px solid #b8cda9;border-radius:50%;background:#e6eee1} .presence-profile-initial{display:grid;place-items:center;color:#52674a;font:700 27px var(--serif)} .presence-profile-identity h3{margin:0 0 9px;color:#2e3c31;font:600 20px/1.2 var(--serif);overflow-wrap:anywhere} .presence-profile-role{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #dce4d8;border-radius:20px;background:#edf3e9;color:#526b47;font-size:10px;font-weight:700} .presence-profile-role.is-admin{border-color:#dfca8b;background:#faf1d9;color:#866b28} .presence-profile-facts{display:grid;gap:0;margin:17px 0 0} .presence-profile-facts>div{display:grid;grid-template-columns:minmax(115px,.7fr) 1fr;gap:15px;padding:12px 2px;border-bottom:1px solid #edf0eb} .presence-profile-facts>div:last-child{border-bottom:0} .presence-profile-facts dt{color:#89948a;font-size:11px} .presence-profile-facts dd{margin:0;color:#39463d;font-size:12px;font-weight:600;overflow-wrap:anywhere} .presence-modal-open{overflow:hidden} html[data-theme="dark"] .presence-modal-card{background:#202a23;border-color:#354139} html[data-theme="dark"] .presence-profile-identity{border-color:#354139;background:linear-gradient(135deg,#29372d,#202a23)} html[data-theme="dark"] .presence-profile-identity h3,html[data-theme="dark"] .presence-profile-facts dd{color:#e3ece3} html[data-theme="dark"] .presence-profile-role{border-color:#465443;background:#2b392e;color:#c7dfbb} html[data-theme="dark"] .presence-profile-role.is-admin{border-color:#75643a;background:#3a3321;color:#f0d887} html[data-theme="dark"] .presence-profile-facts>div{border-color:#354139} html[data-theme="dark"] .presence-profile-facts dt{color:#aab6ab} html[data-vision="high"] body .presence-modal-card,html[data-vision="high"] body .presence-modal-card *{color:var(--vision-foreground)!important;border-color:var(--vision-border)!important;background:var(--vision-surface)!important;box-shadow:none!important} html[data-vision="high"] body .presence-modal-backdrop{background:#000c!important} @keyframes presence-modal-appear{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} @media(prefers-reduced-motion:reduce){.presence-modal-card{animation:none}.live-presence-person{transition:none}} @media(max-width:520px){.presence-modal{padding:12px}.presence-modal-card{padding:27px 19px}.presence-profile-identity{padding:14px;gap:12px}.presence-profile-avatar{width:58px;height:58px;flex-basis:58px}.presence-profile-identity h3{font-size:18px}.presence-profile-facts>div{grid-template-columns:105px 1fr;gap:10px}} .license-purchase{margin-top:20px;padding-top:18px;border-top:1px solid #eff1ed} .license-purchase-button{width:100%} .license-purchase-status{min-height:0;margin:10px 0 0;color:#a24e43;font-size:11px;line-height:1.55} .license-modal[hidden]{display:none} .license-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px} .license-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(12,18,14,.72);cursor:pointer} .license-modal-card{position:relative;z-index:1;width:min(510px,100%);max-height:min(90vh,760px);overflow:auto;padding:34px;background:#fff;border:1px solid #e4e9e2;box-shadow:0 24px 90px #0005} .license-modal-card>.eyebrow{display:block;color:#758674;font-size:9px} .license-modal-card h2,.license-history-heading h2{margin:11px 0 8px;font:600 27px/1.2 var(--serif);letter-spacing:-.8px} .license-modal-card h2 span,.license-history-heading h2 span{color:#9fbd8e} .license-modal-description{margin:0 0 22px;color:#78837a;font-size:12px;line-height:1.7} .license-modal-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:0;background:transparent;color:#6c786e;font-size:27px;cursor:pointer} .license-purchase-form{display:grid;gap:11px} .license-purchase-form label,.license-key-label{color:#536057;font-size:11px;font-weight:700} .license-purchase-form input,.license-key-field{width:100%;min-width:0;padding:12px 13px;border:1px solid #dce4da;background:#fbfcfa;color:#303c33;font:12px/1.6 var(--sans);outline:0} .license-purchase-form input:focus,.license-key-field:focus{border-color:#91ad82} .license-purchase-form .button,.license-modal-card>[data-copy-text]{width:100%;margin-top:6px} .license-key-label{display:block;margin-bottom:8px} .license-key-field{resize:vertical;overflow-wrap:anywhere} .license-profile-link{display:inline-block;margin-top:19px;color:#58764d;font-size:11px;font-weight:600} .license-profile-link:hover{text-decoration:underline} .license-modal-open{overflow:hidden} .license-history{width:100%;margin:0 0 24px;border:1px solid #e4e9e2;background:#fff} .license-history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;cursor:pointer;list-style:none;transition:background .2s ease} .license-history-heading::-webkit-details-marker{display:none} .license-history-heading::marker{content:""} .license-history-heading:hover{background:#f8faf7} .license-history-heading:focus-visible{outline:3px solid rgba(120,145,113,.42);outline-offset:3px} .license-history-heading-copy{display:grid;gap:7px} .license-history-heading .eyebrow{font-size:9px} .license-history-heading h2,.license-history-title{margin:0;color:#344137;font:600 23px/1.2 var(--serif);letter-spacing:-.8px} .license-history-heading h2 span,.license-history-title>span{color:#9fbd8e} .license-history-count{padding:7px 10px;background:#edf4e9;color:#5d7c50;font-size:10px;font-weight:700;white-space:nowrap} .license-history-toggle-meta{display:inline-flex;align-items:center;gap:13px;margin-left:auto} .license-history-chevron{width:10px;height:10px;flex:none;margin-left:3px;border-right:1.5px solid #778679;border-bottom:1.5px solid #778679;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease} .license-history[open] .license-history-heading{border-bottom:1px solid #edf0eb} .license-history[open] .license-history-chevron{transform:rotate(225deg) translate(-2px,-1px)} .license-history-list{padding:0 22px 20px} .license-history-item{padding:20px 0;border-bottom:1px solid #edf0eb} .license-history-item:last-child{padding-bottom:0;border-bottom:0} .license-history-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px} .license-history-meta h3{margin:0 0 6px;color:#344137;font:600 16px var(--serif)} .license-history-meta p{margin:0;color:#849087;font-size:10px} .license-history-meta p strong{color:#58675b;font-weight:600} .license-history-date{display:grid;gap:5px;text-align:right;color:#89938b;font-size:10px} .license-history-date span{color:#5b754f;font-weight:700} .profile-license-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px} .profile-license-copy .button{align-self:start;padding:11px 13px;font-size:10px;white-space:nowrap} .license-delete-form{display:flex;justify-content:flex-end;margin-top:10px} .license-delete-button{border:1px solid #ead8d5;color:#a24e43} .license-delete-button:hover{border-color:#c77c70;color:#873d34} .license-history-empty{display:flex;align-items:center;gap:13px;padding:20px 0 4px} .license-history-empty-state{padding:0 22px 22px} .license-history-empty-state .license-history-heading{padding-right:0;padding-left:0;cursor:default;border-bottom:1px solid #edf0eb} .license-history-empty-state .license-history-heading:hover{background:transparent} .license-history-empty>span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#edf4e9;color:#6f8b61} .license-history-empty strong{color:#536057;font-size:12px} .license-history-empty p{margin:5px 0 0;color:#879188;font-size:10px} html[data-theme="dark"] .license-modal-card,html[data-theme="dark"] .license-history{background:#202a23;border-color:#354139} html[data-theme="dark"] .license-modal-card h2,html[data-theme="dark"] .license-history-heading h2,html[data-theme="dark"] .license-history-title,html[data-theme="dark"] .license-history-meta h3{color:#e3ece3} html[data-theme="dark"] .license-history-heading:hover{background:#263229} html[data-theme="dark"] .license-history-empty-state .license-history-heading:hover{background:transparent} html[data-theme="dark"] .license-history-chevron{border-color:#a9b8a8} html[data-theme="dark"] .license-modal-description,html[data-theme="dark"] .license-history-meta p,html[data-theme="dark"] .license-history-date,html[data-theme="dark"] .license-history-empty p{color:#b2beb3} html[data-theme="dark"] .license-purchase-form label,html[data-theme="dark"] .license-key-label,html[data-theme="dark"] .license-history-empty strong{color:#d4ded4} html[data-theme="dark"] .license-purchase-form input,html[data-theme="dark"] .license-key-field{background:#18211b;border-color:#3a473d;color:#e2eae2} html[data-theme="dark"] .license-history-item,html[data-theme="dark"] .license-history[open] .license-history-heading,html[data-theme="dark"] .license-history-empty-state .license-history-heading{border-color:#354139} html[data-theme="dark"] .license-history-count,html[data-theme="dark"] .license-history-empty>span{background:#2b392e;color:#c7dfbb} html[data-theme="dark"] .license-delete-button{border-color:#69423e;color:#efaaa0} html[data-theme="dark"] .license-delete-button:hover{border-color:#a86258;color:#ffd0c8} @media(max-width:720px){.license-modal{padding:12px}.license-modal-card{padding:29px 20px}.license-history-heading{padding:17px 15px}.license-history-empty-state{padding:0 15px 18px}.license-history-title,.license-history-heading h2{font-size:20px}.license-history-count{padding:6px 8px;font-size:9px}.license-history-list{padding:0 15px 17px}.license-history-meta{flex-direction:column}.license-history-date{text-align:left;display:flex;flex-wrap:wrap;gap:8px 15px}.profile-license-copy{grid-template-columns:1fr}.profile-license-copy .button{width:100%}} html[data-vision="high"][data-theme="light"]{--vision-background:#fff;--vision-surface:#fff;--vision-foreground:#050505;--vision-border:#111;color-scheme:light} html[data-vision="high"][data-theme="dark"]{--vision-background:#000;--vision-surface:#050505;--vision-foreground:#fff;--vision-border:#fff;color-scheme:dark} html[data-vision="high"] body{background:var(--vision-background)!important;color:var(--vision-foreground)!important;font-size:18px!important;font-weight:500;line-height:1.65!important;letter-spacing:.015em} html[data-vision="high"] body *{color:var(--vision-foreground)!important;border-color:var(--vision-border)!important;box-shadow:none!important;text-shadow:none!important} html[data-vision="high"] body :is(.site-header,.main-nav,.hero,.page-hero,.manifesto,.category-strip,.product-card,.product-card-media,.detail-aside,.auth-card,.admin-sidebar,.admin-panel,.stat-card,.profile-panel,.profile-balance-card,.user-search-form,.search-box,.comment-form,.comment-login-prompt,.appearance-option,.product-screenshot,.product-gallery-stage,.live-presence-panel,.live-presence-person,.live-presence-guests){background:var(--vision-surface)!important} html[data-vision="high"] body :is(button,.button){border:2px solid var(--vision-border)!important;background:var(--vision-surface)!important;color:var(--vision-foreground)!important;font-weight:700!important} html[data-vision="high"] body :is(.button-dark,.button-light,.vision-toggle[aria-pressed="true"],.filter-pill.free-filter.active,.nav-balance){border:2px solid #000!important;background:#ffdf4d!important;color:#000!important} html[data-vision="high"] body :is(input,textarea,select){border:2px solid var(--vision-border)!important;background:var(--vision-surface)!important;color:var(--vision-foreground)!important} html[data-vision="high"] body :is(h1,h2,h3,h4,p,li,dt,dd,th,td,label,button,input,select,textarea,small,time,.eyebrow,.muted,.form-hint,.text-link,.main-nav a,.login-link,.nav-admin,.profile-name,.profile-role,.status-badge,.footer-links,.live-presence-kicker,.live-presence-summary strong){font-size:16px!important;line-height:1.55!important} html[data-vision="high"] body a:not(.brand):not(.button){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:3px} html[data-vision="high"] body :focus-visible{outline:4px solid #ffcb24!important;outline-offset:3px!important} html[data-vision="high"] body .site-footer,html[data-vision="high"] body .site-footer *{color:#fff!important} html[data-vision="high"] body .site-footer{background:#000!important;border-top:2px solid #fff} html[data-vision="high"] body .live-presence-person,html[data-vision="high"] body .live-presence-guests{background:#111!important;border:2px solid #fff!important} html[data-vision="high"] body .live-presence-indicator{background:#aaff6b!important;border:2px solid #000!important} html[data-vision="high"] body .avatar-small,html[data-vision="high"] body .avatar-preview,html[data-vision="high"] body .comment-avatar{border:2px solid var(--vision-border)!important} html[data-vision="high"] body :is(.product-card,.detail-aside,.auth-card,.admin-panel,.stat-card,.profile-panel,.product-gallery-stage){border:2px solid var(--vision-border)!important} html[data-vision="high"] body *,html[data-vision="high"] body *::before,html[data-vision="high"] body *::after{animation:none!important;transition:none!important} .vision-toggle{position:relative;width:38px;height:38px;min-width:38px;flex:0 0 38px;display:grid;place-items:center;gap:0;padding:0!important;border-radius:6px} .vision-icon{display:block;width:24px;height:24px;object-fit:contain} .vision-tooltip{position:absolute;z-index:40;top:calc(100% + 11px);right:0;width:max-content;max-width:min(260px,calc(100vw - 28px));padding:10px 13px;border:1px solid #53675a;border-radius:7px;background:#202a23;color:#f4f7f1;font:600 12px/1.4 var(--sans);letter-spacing:.1px;text-align:center;white-space:normal;box-shadow:0 8px 24px #0005;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s} .vision-tooltip::before{position:absolute;right:13px;top:-6px;width:10px;height:10px;border-top:1px solid #53675a;border-left:1px solid #53675a;background:#202a23;content:"";transform:rotate(45deg)} .vision-toggle:hover .vision-tooltip,.vision-toggle:focus-visible .vision-tooltip{opacity:1;visibility:visible;transform:translateY(0)} html[data-vision="high"] .vision-toggle .vision-tooltip{border:2px solid #fff!important;background:#000;color:#fff!important;font-size:15px} html[data-vision="high"] .vision-tooltip::before{border-color:#fff!important;background:#000} html[data-vision="high"][data-theme="light"] body .presence-modal-card,html[data-vision="high"][data-theme="light"] body .presence-modal-card *{color:#050505!important;border-color:#111!important;background:#fff!important} @media(prefers-reduced-motion:reduce){.vision-tooltip{transition:none}} .balance-topup-notifications{position:relative;display:flex;align-items:center} .balance-topup-notification-toggle{position:relative;display:grid;place-items:center;width:35px;height:36px;padding:0;border:0;background:transparent;cursor:pointer} .balance-topup-notification-mark{width:24px;height:24px;display:grid;place-items:center;border:1px solid #bf9b4c;border-radius:50%;background:#fff5dc;color:#a47721;font:700 13px var(--sans);box-shadow:0 2px 9px #b88b331f} .balance-topup-notification-count{position:absolute;top:0;right:-2px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:1px solid #fff;border-radius:10px;background:#bc8530;color:#fff;font-size:9px;font-weight:700;line-height:1} .user-balance-topup-notifications{position:relative;display:flex;align-items:center} .user-balance-topup-notification-toggle{position:relative;display:grid;place-items:center;width:35px;height:36px;padding:0;border:0;background:transparent;cursor:pointer} .user-balance-topup-notification-mark{width:24px;height:24px;display:grid;place-items:center;border:1px solid #70a45f;border-radius:50%;background:#eaf6e6;color:#43833a;font:700 13px var(--sans);box-shadow:0 0 0 0 rgba(89,157,71,.5);animation:user-balance-notification-glow 1.8s ease-out infinite} .user-balance-topup-notification-count{position:absolute;top:0;right:-2px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border:1px solid #fff;border-radius:10px;background:#4d9843;color:#fff;font-size:9px;font-weight:700;line-height:1} .user-balance-notification-menu[hidden]{display:none} .user-balance-notification-heading>span{background:#e7f3e3;color:#43803c} .user-balance-topup-notification-item .notification-copy>strong{color:#354d34} .user-balance-topup-notification-item .notification-copy>span:last-of-type{color:#4d7945;font-size:10px;font-weight:700} .user-balance-topup-notification-avatar{border-color:#cfe3c6;background:#edf7e9;color:#4d8e40;font-weight:800} .user-balance-topup-notification-avatar.is-rejected{border-color:#ecc9c3;background:#fff0ed;color:#a14e43} .user-balance-topup-rejected-title{color:#a14e43!important} @keyframes user-balance-notification-glow{0%{box-shadow:0 0 0 0 rgba(89,157,71,.45)}70%{box-shadow:0 0 0 8px rgba(89,157,71,0)}100%{box-shadow:0 0 0 0 rgba(89,157,71,0)}} .profile-balance-card>.button{white-space:nowrap;padding:12px 16px;font-size:11px} .balance-topup-history{margin:0 0 24px;border:1px solid var(--line);background:#fff} .balance-topup-history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 21px;cursor:pointer;list-style:none;transition:background .2s ease} .balance-topup-history-heading::-webkit-details-marker{display:none} .balance-topup-history-heading::marker{content:""} .balance-topup-history-heading:hover{background:#f8faf7} .balance-topup-history-heading:focus-visible{outline:3px solid rgba(120,145,113,.42);outline-offset:3px} .balance-topup-history-heading-copy{display:grid;gap:7px} .balance-topup-history-heading .eyebrow{font-size:9px} .balance-topup-history-title{margin:0;color:#344137;font:600 21px/1.2 var(--serif);letter-spacing:-.6px} .balance-topup-history-toggle-meta{display:inline-flex;align-items:center;gap:13px;margin-left:auto} .balance-topup-history-count{padding:7px 10px;background:#edf4e9;color:#5d7c50;font-size:10px;font-weight:700;white-space:nowrap} .balance-topup-history-chevron{width:10px;height:10px;flex:none;margin-left:3px;border-right:1.5px solid #778679;border-bottom:1.5px solid #778679;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease} .balance-topup-history[open] .balance-topup-history-heading{border-bottom:1px solid #edf0eb} .balance-topup-history[open] .balance-topup-history-chevron{transform:rotate(225deg) translate(-2px,-1px)} .balance-topup-history-form{margin:0} .balance-topup-history-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 21px;border-bottom:1px solid #edf0eb;background:#fbfcfa} .balance-topup-select-all{display:inline-flex;align-items:center;gap:9px;color:#667468;font-size:11px;font-weight:600;cursor:pointer} .balance-topup-select-all input,.balance-topup-history-select input{width:16px;height:16px;margin:0;accent-color:#638451;cursor:pointer} .balance-topup-delete-selected{border-color:#e7ceca;background:#fff6f4;color:#9a5148} .balance-topup-delete-selected:hover:not(:disabled){border-color:#d5a7a0;background:#ffefec} .balance-topup-delete-selected:disabled{opacity:.48;cursor:not-allowed;transform:none} .balance-topup-history-list{padding:0 21px 8px} .balance-topup-history-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f2ef} .balance-topup-history-item:last-child{border-bottom:0} .balance-topup-history-select{display:grid;place-items:center} .balance-topup-history-entry-copy{display:grid;gap:4px;min-width:0} .balance-topup-history-entry-copy strong{color:#3a5138;font-size:13px} .balance-topup-history-entry-copy>span{overflow:hidden;color:#889188;font-size:10px;text-overflow:ellipsis} .balance-topup-rejection-reason{max-width:520px;margin:0;color:#9b5148;font-size:10px;line-height:1.5;overflow-wrap:anywhere} .balance-topup-history-meta{display:flex;align-items:center;gap:15px;color:#8a948c;font-size:10px} .balance-topup-status{padding:5px 8px;border-radius:20px;background:#eef3ec;color:#60715c;font-size:9px;font-weight:700;white-space:nowrap} .balance-topup-status.status-pending{background:#fff4dd;color:#9b742c} .balance-topup-status.status-approved{background:#e9f5e5;color:#4d8146} .balance-topup-status.status-rejected{background:#fff0ed;color:#a14e43} .balance-topup-modal[hidden]{display:none} .balance-topup-modal{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:22px} .balance-topup-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(10,16,12,.77);cursor:pointer} .balance-topup-modal-card{position:relative;z-index:1;width:min(760px,100%);max-height:min(90vh,900px);overflow:auto;padding:32px;background:var(--white);border:1px solid #dfe7dc;box-shadow:0 24px 90px rgba(0,0,0,.4);animation:presence-modal-appear .2s ease-out} .balance-topup-modal-card>.eyebrow{display:block;color:#84917f;font-size:9px} .balance-topup-modal-card>h2{margin:8px 40px 22px 0;color:var(--ink);font:600 25px/1.25 var(--serif);letter-spacing:-.6px} .balance-topup-modal-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);font-size:26px;line-height:1;cursor:pointer} .balance-topup-modal-close:hover{border-color:var(--line);background:rgba(120,145,113,.1);color:var(--ink)} .balance-topup-modal-content{min-height:80px} .balance-topup-modal-message{margin:0;padding:28px 0;color:var(--muted);font-size:13px;line-height:1.6;text-align:center} .user-balance-topup-card{width:min(540px,100%);padding:34px} .user-topup-instructions{margin:0 0 19px;color:#66736a;font-size:13px;line-height:1.75} .user-topup-instructions a{color:#486a3b;font-weight:700;white-space:nowrap} .user-topup-recipient{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;margin-bottom:21px;padding:14px 16px;border:1px solid #e1e9dc;border-radius:4px;background:#f6f9f3} .user-topup-recipient span{color:#819080;font-size:10px} .user-topup-recipient strong{grid-column:1;color:#344b34;font-size:16px;letter-spacing:.3px} .user-topup-recipient small{grid-column:2;grid-row:1/3;color:#6c8760;font-size:10px} .balance-topup-upload-form{display:grid;gap:15px} .balance-topup-upload-form label{display:grid;gap:8px;color:#4d5d50;font-size:11px;font-weight:700} .balance-topup-upload-form input{width:100%;min-width:0;padding:12px;border:1px solid #e1e7df;background:#fbfcfa;color:#344138;font-size:12px} .balance-topup-upload-form input:focus{outline:2px solid #b2cf9f;outline-offset:1px} .balance-topup-upload-form input[type=file]{padding:9px} .balance-topup-upload-form label small{color:#8a958b;font-size:10px;font-weight:400} .topup-receipt-selected{overflow:hidden;color:#728075;font-size:10px;text-overflow:ellipsis;white-space:nowrap} .balance-topup-upload-form>.button{width:100%;margin-top:2px} .user-topup-privacy{margin:17px 0 0;color:#8a958c;font-size:10px;line-height:1.55} .balance-topup-inbox-intro{margin:0;padding:0 0 14px;color:#768278;font-size:11px;line-height:1.6} .balance-topup-request-list{border:1px solid #e7ece5} .balance-topup-request-item{width:100%;display:flex;align-items:center;gap:13px;padding:14px;border:0;border-bottom:1px solid #edf0eb;background:#fff;text-align:left;cursor:pointer;transition:background .15s} .balance-topup-request-item:last-child{border-bottom:0} .balance-topup-request-item:hover{background:#f5f8f3} .balance-topup-request-avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;object-fit:cover;border:1px solid #dce5d9;border-radius:50%;background:#edf3e9} .balance-topup-request-initial{color:#5c754f;font-size:15px;font-weight:700} .balance-topup-request-copy{min-width:0;display:grid;flex:1;gap:4px} .balance-topup-request-copy strong{color:#344238;font-size:12px} .balance-topup-request-copy>span{overflow:hidden;color:#6e7b70;font-size:10px;text-overflow:ellipsis;white-space:nowrap} .balance-topup-request-copy time{color:#9aa39b;font-size:9px} .balance-topup-request-arrow{color:#9aaa94;font-size:25px} .balance-topup-inbox-empty{display:grid;justify-items:center;padding:34px 15px;text-align:center} .balance-topup-inbox-empty>span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#edf5e8;color:#5a874c;font-size:20px} .balance-topup-inbox-empty strong{margin-top:12px;color:#415044;font-size:13px} .balance-topup-inbox-empty p{margin:6px 0 0;color:#879187;font-size:11px} .balance-topup-detail{padding-top:2px} .balance-topup-back-link{margin:0 0 17px;padding:0;border:0;background:none;color:#69845e;font-size:11px;font-weight:700;cursor:pointer} .balance-topup-detail-heading{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #e8ece6;background:#f8faf7} .balance-topup-detail-avatar{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;object-fit:cover;border:1px solid #dce5d9;border-radius:50%;background:#edf3e9} .balance-topup-detail-heading .eyebrow{font-size:8px} .balance-topup-detail-heading h3{margin:4px 0 3px;color:#344238;font:700 17px var(--serif)} .balance-topup-detail-heading p{margin:0;color:#879188;font-size:9px} .balance-topup-detail-amount{margin-left:auto;color:#43633b;font:700 21px var(--serif);white-space:nowrap} .balance-topup-user-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:13px 0;background:#e9eee7;border:1px solid #e9eee7} .balance-topup-user-facts>div{min-width:0;display:grid;gap:5px;padding:11px 13px;background:#fff} .balance-topup-user-facts span{color:#929b93;font-size:9px} .balance-topup-user-facts strong,.balance-topup-user-facts a{overflow-wrap:anywhere;color:#46554a;font-size:10px;font-weight:600} .balance-topup-receipt{margin-top:15px;padding:15px;border:1px solid #e5eae3;background:#fbfcfa} .balance-topup-receipt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .balance-topup-receipt-heading .eyebrow{font-size:8px} .balance-topup-receipt-heading h4{max-width:390px;overflow:hidden;margin:5px 0 0;color:#405044;font-size:11px;text-overflow:ellipsis} .balance-topup-receipt-preview{width:100%;height:390px;border:1px solid #e0e6de;background:#fff} .balance-topup-image-link{display:block;text-align:center} .balance-topup-receipt-image{display:block;max-width:100%;max-height:430px;margin:0 auto;object-fit:contain} .balance-topup-decision{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,220px);align-items:end;gap:16px;margin-top:16px;padding:16px;border:1px solid #e4e9e1;background:#f8faf7} .balance-topup-decision form:first-child{display:grid;gap:10px;min-width:0} .balance-topup-decision .button{width:100%;padding:12px 15px;font-size:10px} .balance-topup-decision form:first-child .button{justify-self:start;width:auto} .balance-topup-rejection-field{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;width:100%;min-width:0;color:#7a514c;font-size:10px;font-weight:700} .balance-topup-rejection-field textarea{display:block;width:100%;min-height:92px;padding:11px 12px;resize:vertical;border:1px solid #e2c9c5;background:#fff;color:#344138;font:400 11px/1.55 var(--sans)} .balance-topup-rejection-field textarea:focus{outline:2px solid #d7aaa4;outline-offset:1px} .balance-topup-processed{margin:15px 0 0;padding:12px;background:#f1f5ee;color:#657662;font-size:11px} .balance-topup-modal-open{overflow:hidden} html[data-theme="dark"] .balance-topup-notification-mark{border-color:#77623a;background:#3a3323;color:#efd18a} html[data-theme="dark"] .balance-topup-notification-count{border-color:#202a23;background:#aa7829} html[data-theme="dark"] .balance-topup-decision{border-color:#354139;background:#202a23} html[data-theme="dark"] .user-balance-topup-notification-mark{border-color:#587b4f;background:#263d28;color:#9ed68f} html[data-theme="dark"] .user-balance-topup-notification-count{border-color:#202a23;background:#4b8c43} html[data-theme="dark"] .user-balance-notification-menu{border-color:#3b493e;background:#202a23;box-shadow:0 18px 55px rgba(0,0,0,.42)} html[data-theme="dark"] .user-balance-notification-heading>span{background:#2c452c;color:#a9dc9a} html[data-theme="dark"] .user-balance-topup-notification-item .notification-copy>strong{color:#d4e4ce} html[data-theme="dark"] .user-balance-topup-notification-item .notification-copy>span:last-of-type{color:#b8d9aa} html[data-theme="dark"] .user-balance-topup-notification-avatar{border-color:#587b4f;background:#263d28;color:#9ed68f} html[data-theme="dark"] .user-balance-topup-notification-avatar.is-rejected{border-color:#784d47;background:#432a29;color:#ffaaa0} html[data-theme="dark"] .user-balance-topup-rejected-title{color:#ffaaa0!important} html[data-theme="dark"] .balance-topup-history,html[data-theme="dark"] .balance-topup-history-entry-copy{background:#202a23} html[data-theme="dark"] .balance-topup-history-heading,html[data-theme="dark"] .balance-topup-history-item{border-color:#354139} html[data-theme="dark"] .balance-topup-history-controls{border-color:#354139;background:#263329} html[data-theme="dark"] .balance-topup-select-all{color:#b2beb3} html[data-theme="dark"] .balance-topup-delete-selected{border-color:#784d47;background:#392927;color:#ffaaa0} html[data-theme="dark"] .balance-topup-delete-selected:hover:not(:disabled){border-color:#a45e54;background:#482f2e} html[data-theme="dark"] .balance-topup-history-heading:hover{background:#263229} html[data-theme="dark"] .balance-topup-history-title,html[data-theme="dark"] .balance-topup-history-entry-copy strong{color:#e0e9df} html[data-theme="dark"] .balance-topup-history-entry-copy>span{color:#aab6ab} html[data-theme="dark"] .balance-topup-history-chevron{border-color:#a9b8a8} html[data-theme="dark"] .balance-topup-history-count{background:#2b392e;color:#c7dfbb} html[data-theme="dark"] .balance-topup-rejection-reason{color:#e39a8d} html[data-theme="dark"] .balance-topup-modal-card{background:#202a23;border-color:#354139} html[data-theme="dark"] .balance-topup-modal-card>h2,html[data-theme="dark"] .balance-topup-detail-heading h3{color:#e0e9df} html[data-theme="dark"] .user-topup-instructions{color:#b2beb3} html[data-theme="dark"] .user-topup-recipient,html[data-theme="dark"] .balance-topup-detail-heading,html[data-theme="dark"] .balance-topup-receipt{border-color:#354139;background:#263329} html[data-theme="dark"] .user-topup-recipient strong,html[data-theme="dark"] .user-topup-instructions a{color:#c6e0b8} html[data-theme="dark"] .balance-topup-upload-form label,html[data-theme="dark"] .balance-topup-detail-amount{color:#c6e0b8} html[data-theme="dark"] .balance-topup-upload-form input{border-color:#425144;background:#202a23;color:#e0e9df} html[data-theme="dark"] .balance-topup-rejection-field{color:#e39a8d} html[data-theme="dark"] .balance-topup-rejection-field textarea{border-color:#784d47;background:#202a23;color:#e0e9df} html[data-theme="dark"] .balance-topup-request-list,html[data-theme="dark"] .balance-topup-request-item,html[data-theme="dark"] .balance-topup-user-facts>div{border-color:#354139;background:#202a23} html[data-theme="dark"] .balance-topup-request-item:hover{background:#29362d} html[data-theme="dark"] .balance-topup-request-copy strong,html[data-theme="dark"] .balance-topup-user-facts strong,html[data-theme="dark"] .balance-topup-user-facts a{color:#dce7db} html[data-theme="dark"] .balance-topup-user-facts{background:#354139;border-color:#354139} html[data-theme="dark"] .balance-topup-receipt-heading h4{color:#dce7db} html[data-theme="dark"] .balance-topup-processed{background:#29362d;color:#c6e0b8} html[data-vision="high"] body .balance-topup-modal-card,html[data-vision="high"] body .balance-topup-modal-card *{color:var(--vision-foreground)!important;border-color:var(--vision-border)!important;background:var(--vision-surface)!important;box-shadow:none!important} html[data-vision="high"] body .balance-topup-backdrop{background:#000c!important} @media(max-width:720px){.profile-balance-card{align-items:flex-start;flex-wrap:wrap}.profile-balance-card>.button{width:100%}.balance-topup-history-heading{padding:16px 15px}.balance-topup-history-title{font-size:19px}.balance-topup-history-count{padding:6px 8px;font-size:9px}.balance-topup-history-controls{padding:11px 15px}.balance-topup-delete-selected{padding:10px 11px;font-size:9px}.balance-topup-history-list{padding:0 15px 6px}.balance-topup-history-item{grid-template-columns:20px minmax(0,1fr);align-items:start;gap:8px;padding:13px 0}.balance-topup-history-select{grid-row:1 / span 2;padding-top:2px}.balance-topup-history-meta{grid-column:2;width:100%;justify-content:space-between}.balance-topup-rejection-reason{max-width:none}.balance-topup-modal{padding:12px}.balance-topup-modal-card,.user-balance-topup-card{padding:27px 19px}.balance-topup-detail-heading{align-items:flex-start;flex-wrap:wrap;padding:13px}.balance-topup-detail-amount{width:100%;margin:0}.balance-topup-user-facts{grid-template-columns:1fr}.balance-topup-receipt-heading{align-items:flex-start;flex-direction:column}.balance-topup-receipt-heading .button{width:100%}.balance-topup-receipt-preview{height:290px}.balance-topup-decision{align-items:stretch;flex-direction:column}.balance-topup-decision form:first-child{width:100%}.balance-topup-rejection-field{min-width:0}.balance-topup-decision .button{width:100%}} @media(max-width:720px){.balance-topup-decision{grid-template-columns:minmax(0,1fr);gap:13px;padding:13px}.balance-topup-decision form:first-child .button{width:100%}} @media(prefers-reduced-motion:reduce){.balance-topup-modal-card{animation:none}} @media(prefers-reduced-motion:reduce){.user-balance-topup-notification-mark{animation:none}} /* Rich product description editor and rendered product content. */ .rich-editor-field{display:grid;gap:8px} .rich-editor-field>.form-hint{margin:-3px 0 3px} .rich-editor{overflow:hidden;border:1px solid #d8e0d6;border-radius:5px;background:#fff} .rich-editor:focus-within{border-color:#91ad82;box-shadow:0 0 0 3px rgba(120,145,113,.13)} .rich-editor-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:9px;border-bottom:1px solid #e6ebe4;background:#f7f9f6} .rich-editor-toolbar[hidden],.rich-editor-content[hidden],.rich-editor-fallback[hidden]{display:none} .rich-editor-toolbar button{min-height:34px;padding:6px 9px;border:1px solid transparent;border-radius:4px;background:transparent;color:#435247;font:600 11px/1 var(--sans);cursor:pointer} .rich-editor-toolbar button:hover,.rich-editor-toolbar button:focus-visible{border-color:#d4dfcf;background:#eaf1e6;color:#28382b;outline:0} .rich-editor-divider{width:1px;height:22px;margin:0 3px;background:#dce3da} .rich-editor-content{min-height:240px;padding:17px 19px;color:#303b32;font:14px/1.75 var(--sans);outline:0;overflow-wrap:anywhere} .rich-editor-content:empty::before{color:#9aa49b;content:attr(data-placeholder);pointer-events:none} .rich-editor-content h2,.rich-editor-content h3,.rich-editor-content h4{margin:1em 0 .45em;color:#344137;line-height:1.3} .rich-editor-content h2{font-size:21px}.rich-editor-content h3{font-size:18px}.rich-editor-content h4{font-size:15px} .rich-editor-content p{margin:0 0 .85em}.rich-editor-content p:last-child{margin-bottom:0} .rich-editor-content blockquote{margin:1em 0;padding:10px 15px;border-left:3px solid #a6c394;background:#f4f7f1;color:#627064} .rich-editor-content ul,.rich-editor-content ol{padding-left:25px} .rich-editor-content table,.detail-description table{width:100%;margin:1.1em 0;border-collapse:collapse;font-size:.94em} .rich-editor-content th,.rich-editor-content td,.detail-description th,.detail-description td{min-width:75px;padding:10px 12px;border:1px solid #dce4da;text-align:left;vertical-align:top} .rich-editor-content th,.detail-description th{background:#f0f5ed;color:#3b4c3c;font-weight:700} .rich-editor-content a,.detail-description a{color:#557b48;text-decoration:underline;text-underline-offset:2px} .rich-editor-content pre,.detail-description pre{overflow:auto;padding:13px 15px;border-radius:4px;background:#f1f3f0;font:12px/1.6 ui-monospace,monospace} .rich-editor-content code,.detail-description code{padding:.12em .35em;border-radius:3px;background:#eef2ec;font: .9em ui-monospace,monospace} .rich-editor-footer{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid #e9ede7;color:#849087;font-size:10px} .rich-editor-fallback{min-height:170px} .detail-description{line-height:1.85;overflow-wrap:anywhere} .detail-description>:first-child{margin-top:0} .detail-description>:last-child{margin-bottom:0} .detail-description h2,.detail-description h3,.detail-description h4{margin:1.5em 0 .55em;color:#334137;line-height:1.3} .detail-description h2{font-size:1.55em}.detail-description h3{font-size:1.3em}.detail-description h4{font-size:1.1em} .detail-description p{margin:0 0 1em} .detail-description ul,.detail-description ol{padding-left:1.5em} .detail-description blockquote{margin:1.2em 0;padding:12px 17px;border-left:3px solid #a6c394;background:rgba(232,240,226,.55);color:#5f6d62} .detail-description hr{margin:1.5em 0;border:0;border-top:1px solid #dfe6dc} html[data-theme="dark"] .rich-editor{border-color:#3d4b40;background:#202a23} html[data-theme="dark"] .rich-editor-toolbar{border-color:#354139;background:#18211b} html[data-theme="dark"] .rich-editor-toolbar button{color:#d1ddd0} html[data-theme="dark"] .rich-editor-toolbar button:hover,html[data-theme="dark"] .rich-editor-toolbar button:focus-visible{border-color:#4a5a4b;background:#2c3b2f;color:#eff7ec} html[data-theme="dark"] .rich-editor-divider,html[data-theme="dark"] .rich-editor-footer{border-color:#354139} html[data-theme="dark"] .rich-editor-footer{color:#aab6ab} html[data-theme="dark"] .rich-editor-content,html[data-theme="dark"] .rich-editor-content h2,html[data-theme="dark"] .rich-editor-content h3,html[data-theme="dark"] .rich-editor-content h4,html[data-theme="dark"] .detail-description h2,html[data-theme="dark"] .detail-description h3,html[data-theme="dark"] .detail-description h4{color:#e0e9df} html[data-theme="dark"] .rich-editor-content blockquote,html[data-theme="dark"] .detail-description blockquote{background:#29372d;color:#c2cfc1} html[data-theme="dark"] .rich-editor-content th,html[data-theme="dark"] .detail-description th{border-color:#48564a;background:#29372d;color:#e0e9df} html[data-theme="dark"] .rich-editor-content td,html[data-theme="dark"] .detail-description td{border-color:#48564a} html[data-theme="dark"] .rich-editor-content pre,html[data-theme="dark"] .detail-description pre,html[data-theme="dark"] .rich-editor-content code,html[data-theme="dark"] .detail-description code{background:#18211b;color:#dbe6d8} html[data-theme="dark"] .rich-editor-content a,html[data-theme="dark"] .detail-description a{color:#b7d69f} @media(max-width:600px){.rich-editor-toolbar{gap:3px;padding:7px}.rich-editor-toolbar button{padding:6px;font-size:10px}.rich-editor-content{min-height:190px;padding:14px;font-size:13px}.rich-editor-footer{font-size:9px}.rich-editor-content th,.rich-editor-content td,.detail-description th,.detail-description td{padding:7px 8px;min-width:65px}} .live-presence{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.09)} .live-presence-panel{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 19px;border:1px solid #3b5143;border-radius:8px;background:linear-gradient(115deg,#28392f,#25342d 55%,#293b32);box-shadow:0 8px 24px rgba(0,0,0,.12)} .live-presence-summary{display:flex;align-items:center;gap:12px;flex:0 0 auto} .live-presence-indicator{width:10px;height:10px;border-radius:50%;background:#8fd17a;box-shadow:0 0 0 4px rgba(143,209,122,.12),0 0 14px rgba(143,209,122,.44);animation:presence-pulse 2.2s ease-in-out infinite} .live-presence-summary>div{display:grid;gap:4px} .live-presence-kicker{color:#a9bcaa;font-size:9px;font-weight:700;letter-spacing:1.2px} .live-presence-summary strong{color:#f1f5ef;font:700 16px var(--serif)} .live-presence-list{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .live-presence-person,.live-presence-guests{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:4px 10px 4px 5px;border:1px solid #496050;border-radius:18px;background:rgba(255,255,255,.045);color:#e2ebe1;font-size:10px;font-weight:600;white-space:nowrap} .live-presence-person img,.live-presence-initial{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border:1px solid #8ba48b;border-radius:50%;object-fit:cover;background:#394c3c;color:#e0eddb;font-size:10px;font-weight:700} .live-presence-guests{padding:4px 11px;border-color:#71613b;background:rgba(201,164,82,.12);color:#ead9a9} .live-presence-guests>span{color:#e3c66d;font-size:15px} .live-presence-empty{color:#aab9aa;font-size:11px} @keyframes presence-pulse{0%,100%{box-shadow:0 0 0 4px rgba(143,209,122,.12),0 0 14px rgba(143,209,122,.35)}50%{box-shadow:0 0 0 6px rgba(143,209,122,.08),0 0 19px rgba(143,209,122,.55)}} @media(prefers-reduced-motion:reduce){.live-presence-indicator{animation:none}} @media(max-width:720px){.live-presence{padding:13px 0}.live-presence-panel{align-items:flex-start;flex-direction:column;gap:13px;padding:14px}.live-presence-list{justify-content:flex-start}}