/*
Theme Name: MemeBite
Author: BetterBite
Description: An independent bilingual habit and meme playground. English / 简体中文.
Version: 1.4.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: memebite
*/
:root{--bg:#111311;--panel:#1b1e1b;--raised:#232723;--line:#333a32;--text:#edf0e8;--muted:#a1aa9a;--lime:#cdfb73;--purple:#cbb8f7;--orange:#ffb491;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}h1,h2,h3,p{margin:0}h2{font-size:25px;font-weight:800;letter-spacing:-.8px}h3{font-size:17px;letter-spacing:-.3px}p{line-height:1.7}svg{display:block;max-width:100%}[hidden]{display:none!important}.muted{color:var(--muted)}.small{font-size:11px;line-height:1.65}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:1.7px}.live-dot{display:inline-block;background:var(--lime);height:6px;width:6px;border-radius:50%;box-shadow:0 0 0 4px #cdfb7310}.sidebar{position:fixed;inset:0 auto 0 0;width:215px;background:#171a17;border-right:1px solid var(--line);padding:29px 18px;display:flex;flex-direction:column;z-index:50}.wordmark{display:flex;align-items:center;gap:0;font-size:25px;font-weight:850;letter-spacing:-1.2px;white-space:nowrap}.wordmark>span:not(.brand-bean){color:var(--lime)}.wordmark sup{color:#96a287;font-size:11px;align-self:flex-start;margin:4px 0 0 4px}.brand-bean{display:flex;justify-content:center;align-items:center;width:31px;height:36px;border-radius:15px 13px 17px 10px;background:var(--lime);color:#182416;margin-right:7px;font-size:24px;transform:rotate(-9deg)}.side-caption{font-size:8px;letter-spacing:1.8px;color:#74816b;margin:13px 0 39px}.sidebar nav{display:grid;gap:10px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;color:#aab5a1;border-radius:9px;font-size:12px;font-weight:650;white-space:nowrap}.sidebar nav a>span{font-size:18px;width:18px;font-weight:400}.sidebar nav a:hover,.sidebar nav .nav-active{color:var(--lime);background:#cdfb7310}.sidebar-bottom{margin-top:auto;padding:22px 10px 0}.bean-status{font-size:9px;color:#a1b092;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px;line-height:1.7}.bean-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:6px}.utility-link{font-weight:700;font-size:11px}.sidebar-bottom p{font-size:9px;color:#707d66;margin-top:9px}.app-shell{margin-left:215px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 32px;border-bottom:1px solid var(--line);background:#111311f2;position:sticky;top:0;z-index:40;backdrop-filter:blur(15px)}.top-status{display:flex;gap:13px;align-items:center;font-size:9px;font-weight:700;letter-spacing:.8px}.top-actions{display:flex;align-items:center;gap:15px}.top-actions form{margin:0}.language-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--line);padding:3px;border-radius:7px}.language-switch a{padding:5px 8px;font-size:10px;font-weight:650;color:var(--muted);border-radius:4px}.language-switch .selected{background:var(--raised);color:var(--lime)}.button{border:1px solid var(--lime);background:var(--lime);border-radius:7px;color:#1c2811;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;font-size:12px;line-height:1.4;min-height:44px;transition:transform .15s,background .15s}.button:hover{background:#dcff9e;transform:translateY(-1px)}.button.ghost{background:transparent;color:var(--text);border-color:#4b5545}.button.ghost:hover{border-color:var(--lime);color:var(--lime)}.button.compact{font-size:10px;padding:10px 12px;min-height:36px}.button.full{width:100%}.mobile-brand{display:none}main{max-width:1650px;margin:auto;padding:0 32px}.ticker{display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;white-space:nowrap;border-bottom:1px solid #282e25;padding:14px 0;font-size:8px;font-weight:650;letter-spacing:1.3px;color:#839574}.ticker span:first-child{color:var(--lime)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;padding:34px 36px 30px;margin:25px 0;background:radial-gradient(ellipse at 84% 62%,#3a5021 0,transparent 48%),#1e2718;border:1px solid #475637;border-radius:16px;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#bfdb8a20 .6px,transparent .6px);background-size:10px 10px;pointer-events:none}.hero-copy,.hero-mascot{position:relative}.hero .eyebrow{color:#bdd797;font-size:8px}.hero h1{font-size:clamp(44px,4.4vw,72px);font-weight:900;line-height:1.02;letter-spacing:-3px;margin:21px 0 18px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{color:#b8c7aa;font-size:12px;max-width:390px;line-height:1.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.hero-tags{display:flex;gap:17px;font-size:7px;letter-spacing:1.2px;color:#9aaf83}.hero-mascot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px}.hero-mascot svg{width:320px;filter:drop-shadow(8px 12px 0 #101d1159);position:relative;z-index:2}.speech{background:#f0e5bb;border:2px solid #172618;color:#24311a;transform:rotate(6deg);font-size:12px;font-weight:700;line-height:1.45;padding:12px 20px;border-radius:10px 10px 10px 0;position:absolute;top:0;right:0;z-index:3;box-shadow:4px 5px 0 #0d160a55}.mascot-sticker{background:var(--lime);padding:9px 15px;color:#253016;font-size:11px;font-weight:900;letter-spacing:2px;transform:rotate(-5deg);border:2px solid #152010;border-radius:3px;margin-top:-17px;z-index:4}.mascot-sticker span{margin-left:16px}.float-icon{position:absolute;color:#c5ed78;font-size:35px}.icon-one{top:98px;left:5%;transform:rotate(9deg)}.icon-two{bottom:39px;right:5%;color:#f5b284;font-size:30px}.profile-strip{display:grid;grid-template-columns:1.35fr .8fr .7fr 1fr 1fr;gap:18px;align-items:center;padding:21px 23px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:32px}.profile-title{display:flex;align-items:center;gap:11px;min-width:0}.profile-avatar{height:38px;width:38px;background:#444c34;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:var(--lime);flex-shrink:0}.profile-title strong{display:block;font-size:12px;margin-top:5px;overflow-wrap:anywhere}.profile-title .eyebrow{font-size:7px;letter-spacing:.8px}.mini-stat>span{display:block;font-size:9px;color:var(--muted);margin-bottom:7px}.mini-stat>strong{font-size:24px;font-weight:800}.mini-stat small{font-size:8px;color:#aaba9a;font-weight:500}.mini-stat:nth-child(2)>strong{color:var(--lime)}.profile-action .mb-form{margin:0}.profile-action .small{font-size:8px}.profile-action progress{display:block;width:100%;height:5px;margin-top:9px;accent-color:var(--lime)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px}.feed-column,.right-column{min-width:0}.right-column{display:grid;align-content:start;gap:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-title .eyebrow{font-size:8px;margin-bottom:8px}.section-title h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.section-title>.small{max-width:160px;text-align:right;font-size:9px}.tag{font-size:7px;font-weight:650;letter-spacing:.8px;border:1px solid #48533c;color:#a3b88d;border-radius:4px;padding:5px 6px;white-space:nowrap}.feed-tools{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 18px}.filters{display:flex;gap:4px;flex-wrap:wrap}.filter{border:1px solid transparent;border-radius:5px;background:transparent;color:#9eac93;font-size:9px;padding:8px 10px;min-height:32px;font-weight:600}.filter.active{background:var(--lime);color:#243417}.filter:hover{border-color:#6b8054}.search{display:flex;align-items:center;gap:5px;background:#1b2118;border:1px solid #333d2b;border-radius:6px;padding:0 9px;max-width:160px}.search>span{font-size:20px;color:#80906f}.search input{border:0!important;outline:none;background:transparent!important;color:#cad6bf;padding:8px 3px!important;font-size:9px!important;width:100%;min-height:30px!important;margin:0!important}.meme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.meme-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#1c211b;transition:border-color .15s,transform .15s}.meme-card:hover{border-color:#738d54;transform:translateY(-2px)}.meme-art{padding:7px 7px 0}.meme-art svg{width:100%;height:auto;border-radius:7px}.meme-card-body{padding:13px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.card-tag{font-size:6px;letter-spacing:.8px;color:#96ae7c}.meme-card h3{font-size:9px;margin-top:5px;letter-spacing:0}.save-meme{width:28px;height:30px;flex-shrink:0;display:flex;justify-content:center;align-items:center;border:1px solid #4a5840;background:#303b27;color:#d4e8ba;border-radius:6px;font-size:18px}.save-meme:hover{background:var(--lime);color:#17230e}.quest-section{margin-top:36px}.quest-cards{display:grid;gap:12px}.quest-card{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(140px,.8fr);gap:16px;align-items:start;background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:19px}.quest-icon{height:35px;width:35px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#c5e99a;color:#344624;font-size:22px}.quest-icon.lilac{background:var(--purple);color:#504175}.quest-icon.peach{background:var(--orange);color:#76503c}.quest-copy h3{font-size:13px;margin-bottom:7px}.quest-copy p{font-size:10px;color:var(--muted)}.point-value{display:block;font-size:11px;color:var(--lime);margin-top:12px}.point-value small{color:var(--muted);font-size:8px;font-weight:400}.quest-state{font-size:9px;color:#a5b393;align-self:center;line-height:1.6}.quest-section>.small{margin-top:13px}.mb-form{margin-top:13px}.quest-card .mb-form{margin:0}.mb-form label,.login-panel label{display:block;font-size:9px;color:#c5cfba;margin:0 0 7px}.mb-form select,.login-panel input{display:block;width:100%;min-width:0;max-width:100%;background:#111710;color:#e0e9d9;border:1px solid #47543e;padding:9px 10px;border-radius:6px;margin-bottom:12px;min-height:35px;font-size:10px}.mb-form .check{display:flex;align-items:flex-start;gap:7px;font-size:8px;line-height:1.6;margin:10px 0 13px}.check input{accent-color:var(--lime);margin:2px 0 0;flex-shrink:0}.quest-card .button{font-size:9px}.quest-card .check{font-size:9px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.panel h3{margin:8px 0 15px}.panel .eyebrow{font-size:8px}.challenge-panel{padding:24px 21px;background:#222c1c;border:1px solid #5c743b;border-radius:12px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.pill{padding:5px 7px;border-radius:5px;font-size:7px;font-weight:800;letter-spacing:1px}.pill.lime{background:var(--lime);color:#29381b}.challenge-panel h2{font-size:28px;line-height:1.1;letter-spacing:-1px}.challenge-panel>p{font-size:10px;color:#b7c6a9;margin-top:14px;line-height:1.8}.challenge-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:22px 0}.challenge-days span{border:1px solid #566745;background:#2c3823;color:#b2c79a;border-radius:6px;height:30px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.challenge-days .done{background:var(--lime);color:#24331a;border-color:var(--lime)}.challenge-reward{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #4c5b3c;padding:17px 0 8px}.challenge-reward strong{font-size:25px;color:var(--lime)}.challenge-reward small{font-size:10px}.challenge-reward>span{color:#afc496;font-size:9px}.challenge-panel>.button{margin-top:14px}.challenge-panel>.small{display:block;font-size:8px;margin-top:14px;line-height:1.7}.daily-panel svg{width:100%;border-radius:7px;margin-bottom:13px}.daily-panel>p{margin-top:12px;font-size:8px}.badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.badge{background:#22271f;border:1px dashed #49523f;border-radius:8px;text-align:center;padding:13px 7px;color:#78846c}.badge>span{font-size:24px;display:block}.badge strong{display:block;font-size:9px;font-weight:600;margin:8px 0 3px}.badge small{font-size:7px}.badge.earned{background:#35391f;border:1px solid #998c42;color:#e1d684}.badges>p{margin-top:13px;font-size:8px}.closet{background:#28251e;border-color:#594e36}.closet svg{width:175px;margin:-5px auto}.closet-price{display:flex;align-items:center;justify-content:space-between;margin:10px 0 14px}.closet-price strong{font-size:14px;color:#eed9a0}.closet-price>span{font-size:9px;color:#b2a68b}.history{margin-top:28px}.history h2{font-size:20px}.empty-state{text-align:center;padding:32px 15px;color:#9dac91}.empty-state>span{font-size:30px;color:var(--lime);display:block;margin-bottom:12px}.empty-state h3{font-size:13px}.empty-state p{font-size:10px;margin-top:9px}.table-scroll{overflow:auto;max-height:380px}table{border-collapse:collapse;width:100%;font-size:10px}td,th{text-align:left;padding:13px 6px;border-bottom:1px solid #333b2c}th{font-size:9px;color:#92a17f;font-weight:500}td:nth-child(2){white-space:nowrap;color:var(--muted)}td:last-child,th:last-child{text-align:right;font-weight:700}.credit{color:var(--lime)}.history>.small{margin-top:12px;font-size:8px}.next-batch{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:18px;align-items:center;margin:34px 0 24px;padding:27px;background:#191d17;border:1px solid #3b4531;border-radius:12px}.next-batch h2{margin:9px 0;font-size:23px}.next-batch p{font-size:10px;color:var(--muted);max-width:280px}.coming-card{padding:17px 12px;border-left:1px solid #39452e;min-height:100px}.coming-card>span{display:block;font-size:21px;color:#8fba61;margin-bottom:13px}.coming-card strong{display:block;font-size:10px}.coming-card small{display:block;font-size:8px;color:#92a082;margin-top:7px}.rules{padding:8px 0 26px;border-bottom:1px solid var(--line)}.rules h3{font-size:11px;color:#c4d4b4;margin:12px 0}.rules p{font-size:9px;color:#96a48a;line-height:1.8;max-width:1000px;margin:7px 0}.site-footer{max-width:1650px;margin:auto;padding:27px 32px 34px;display:flex;align-items:center;gap:22px;justify-content:space-between}.footer-brand{font-size:19px;font-weight:900;letter-spacing:-1px;color:#a1b984}.site-footer p,.site-footer>span{font-size:8px;color:#849478}.notice{background:#27391e;border:1px solid #658548;color:#d8edc2;padding:16px;border-radius:10px;margin:20px 0;font-size:12px;line-height:1.6}.notice.error{background:#34231d;border-color:#966347;color:#f3c19b}.success{font-size:11px;color:var(--lime);line-height:1.6;margin:14px 0}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;max-width:1000px;margin:60px auto 100px}.login-art h1{font-size:48px;line-height:1.05;letter-spacing:-2px;margin:22px 0}.login-art h1 em{font-style:normal;color:var(--lime)}.login-art svg{width:250px}.login-art p{max-width:340px;font-size:12px;color:var(--muted)}.login-panel{padding:35px}.login-panel h2{margin:16px 0}.login-panel>p{font-size:12px}.login-panel form{margin:30px 0 18px}.login-panel label{font-size:11px;margin-top:18px}.login-panel input{min-height:45px;font-size:14px;margin:8px 0}.login-panel button{margin-top:15px}.text-link{font-size:11px;color:var(--lime);display:inline-block;margin-top:18px}.profile-strip>*,.content-grid>*,.quest-card>*,.next-batch>*{min-width:0}
@media(min-width:1550px){.hero h1{font-size:74px}.meme-card h3{font-size:12px}.card-tag{font-size:8px}.meme-card-body{padding:16px}.quest-copy h3{font-size:15px}.quest-copy p{font-size:12px}.quest-card{padding:24px}.hero-copy>p{font-size:14px}.top-status{font-size:11px}.section-title>.small{font-size:11px}.filter{font-size:11px}.search{max-width:180px}}
@media(max-width:1250px){.sidebar{width:185px;padding:27px 14px}.wordmark{font-size:22px}.brand-bean{width:28px;margin-right:5px}.app-shell{margin-left:185px}.topbar{padding:0 24px}.top-status .muted{display:none}main{padding:0 24px}.hero{padding:30px}.hero h1{font-size:50px}.hero-mascot svg{width:265px}.hero-mascot{min-height:310px}.speech{font-size:10px;right:-10px;top:10px}.content-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.meme-card h3{font-size:11px}.card-tag{font-size:7px}.profile-strip{grid-template-columns:1.25fr .8fr .7fr 1fr;gap:14px}.profile-action{grid-column:1/-1;border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;gap:15px}.profile-action progress{max-width:180px;margin:0}.profile-action .mb-form{width:100%}.profile-action .button{width:100%}.quest-card{grid-template-columns:32px minmax(0,1fr)}.quest-card .mb-form,.quest-state{grid-column:2}.hero-tags{font-size:6px;gap:10px}.section-title>.small{display:none}.next-batch{grid-template-columns:repeat(3,1fr)}.next-batch>div:first-child{grid-column:1/-1}.next-batch p{max-width:none}}
@media(max-width:980px){.sidebar{width:165px;padding:25px 10px}.sidebar nav a{font-size:11px;padding:13px 10px;gap:9px}.wordmark{font-size:19px}.brand-bean{width:25px;height:30px;font-size:21px}.side-caption{font-size:6px}.app-shell{margin-left:165px}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}.meme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:1.1fr 1fr;padding:24px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-mascot svg{width:230px}.hero-mascot{min-height:290px}.hero-copy>p{font-size:11px}.hero .button{font-size:10px;padding:11px}.hero-tags{flex-wrap:wrap}.speech{padding:10px;font-size:9px}.quest-card{grid-template-columns:35px minmax(0,1fr) minmax(160px,.8fr)}.quest-card .mb-form,.quest-state{grid-column:auto}.ticker span:last-child{display:none}.login-layout{gap:25px}.login-art h1{font-size:38px}.login-panel{padding:24px}.site-footer{flex-wrap:wrap}.profile-strip{padding:18px}}
@media(max-width:760px){.sidebar{display:none}.app-shell{margin-left:0}.topbar{height:66px;padding:0 17px;gap:12px}.top-status{display:none}.mobile-brand{display:block;font-size:23px;font-weight:900;letter-spacing:-1px;color:var(--lime)}.mobile-brand span{font-size:10px;margin-left:3px;color:var(--muted)}.top-actions{gap:8px}.top-actions .button{font-size:9px;padding:9px 10px;min-height:34px}.language-switch a{font-size:9px;padding:5px 6px}main{padding:0 17px}.ticker{font-size:6px;padding:11px 0;letter-spacing:.8px;gap:24px}.hero{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;padding:27px 23px}.hero h1{font-size:42px;margin:18px 0 16px}.hero-copy>p{font-size:11px}.hero-mascot svg{width:230px}.speech{top:12px;right:0;max-width:165px}.hero-mascot{min-height:270px}.hero-buttons{gap:8px;margin:18px 0}.hero-tags{gap:8px;line-height:1.6}.hero .eyebrow{font-size:6px;letter-spacing:.8px}.profile-strip{grid-template-columns:repeat(3,1fr);gap:18px;padding:18px;margin-bottom:26px}.profile-title{grid-column:1/-1}.profile-title .eyebrow{font-size:8px}.profile-title strong{font-size:14px}.mini-stat>strong{font-size:26px}.mini-stat small{font-size:8px}.mini-stat:last-of-type small{display:block}.profile-action{grid-column:1/-1}.profile-action .small{font-size:9px}.meme-grid{gap:12px}.section-title h2{font-size:24px}.meme-card-body{padding:11px 9px}.meme-card h3{font-size:9px}.card-tag{font-size:6px}.meme-art{padding:5px 5px 0}.content-grid{gap:24px}.filter{font-size:10px;padding:8px 10px}.search{max-width:none;width:100%;min-height:36px}.search input{font-size:11px!important}.feed-tools{gap:12px}.quest-card{padding:18px;grid-template-columns:35px minmax(0,1fr) minmax(160px,.8fr)}.quest-copy h3{font-size:14px}.quest-copy p{font-size:11px}.quest-card .mb-form label{font-size:10px}.quest-card .button{font-size:10px}.quest-state{font-size:10px}.right-column{gap:17px}.next-batch{padding:23px;gap:10px}.coming-card{padding:14px 10px}.coming-card strong{font-size:11px}.coming-card small{font-size:9px}.rules p{font-size:10px}.site-footer{padding:24px 17px;gap:12px}.site-footer p{font-size:9px}.site-footer>span{width:100%;font-size:9px}.login-layout{grid-template-columns:1fr;gap:24px;margin:30px 0}.login-art{display:none}.login-panel{padding:28px}}
@media(max-width:520px){.top-actions .button{max-width:135px}.hero{grid-template-columns:1fr;padding:28px 25px 24px}.hero h1{font-size:49px;letter-spacing:-2.8px}.hero-copy>p{font-size:12px;max-width:340px}.hero .eyebrow{font-size:7px}.hero .button{font-size:11px;min-height:41px}.hero-mascot{min-height:235px;margin-top:2px}.hero-mascot svg{width:245px}.speech{right:3%;top:0;font-size:10px;padding:11px 14px}.hero-tags{font-size:7px;gap:15px}.mascot-sticker{font-size:9px}.icon-one{left:5%;top:65px}.icon-two{right:4%;bottom:39px}.meme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.section-title h2{font-size:25px}.section-title .tag{font-size:6px}.meme-card h3{font-size:9px}.save-meme{width:27px;height:32px}.profile-title{gap:12px}.mini-stat>span{font-size:8px}.mini-stat small{display:block;font-size:8px;margin-top:2px}.mini-stat>strong{font-size:27px}.filters{gap:4px}.filter{font-size:9px;padding:8px}.quest-card{grid-template-columns:34px minmax(0,1fr);padding:20px;gap:12px}.quest-card .mb-form,.quest-state{grid-column:2}.quest-card .mb-form{margin-top:5px}.quest-copy p{font-size:11px}.quest-card .mb-form label{font-size:10px}.quest-card select{font-size:11px;min-height:40px}.quest-card .button{font-size:11px;min-height:41px}.right-column{grid-template-columns:1fr}.challenge-panel{padding:25px}.challenge-panel h2{font-size:33px}.challenge-panel>p{font-size:12px}.challenge-days span{height:37px;font-size:12px}.challenge-panel>.small{font-size:10px}.panel .eyebrow,.challenge-panel .eyebrow{font-size:9px}.daily-panel svg{max-width:320px;margin:0 auto 15px}.daily-panel>p{font-size:10px}.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.badge{padding:14px 4px}.badge strong{font-size:8px}.badge small{font-size:7px}.closet svg{width:180px}.closet-price strong{font-size:18px}.closet-price>span{font-size:11px}.closet>.small{font-size:11px}.next-batch{grid-template-columns:1fr;padding:25px}.next-batch>div:first-child{grid-column:auto}.coming-card{display:grid;grid-template-columns:60px 1fr;align-items:center;min-height:60px;border-left:0;border-top:1px solid #39452e;padding:16px 0}.coming-card>span{grid-row:1/3;margin:0;font-size:22px}.coming-card small{margin-top:3px}.next-batch p{font-size:12px}.ticker span{font-size:6px;letter-spacing:.4px}.history .tag{font-size:6px}.history td{font-size:10px}.history>.small{font-size:9px}.small{font-size:10px}.hero-copy .eyebrow{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Zippi 3D collection — localized copy stays separate from the artwork. */
.bobi-art{display:block;object-fit:contain;max-width:100%;height:auto}
.hero{min-height:450px;background:radial-gradient(ellipse at 82% 55%,#536c293d,transparent 49%),linear-gradient(120deg,#1b2518,#202b19 65%,#25351a);border-color:#586c3e;padding:42px 40px;box-shadow:inset 0 1px 0 #e3ffbd0c,0 24px 70px #0002}
.hero:after{content:'';position:absolute;right:-10%;bottom:-65%;width:75%;aspect-ratio:1;border:1px solid #cef98c12;border-radius:50%;pointer-events:none}
.hero-copy{z-index:5}.hero h1{font-size:clamp(46px,4.7vw,76px);letter-spacing:-3.4px}.hero-copy>p{font-size:14px;max-width:400px}.hero .eyebrow{font-size:9px}.hero-tags{font-size:8px;gap:14px}
.hero-mascot{min-height:370px;isolation:isolate}.hero-bobi{width:min(100%,345px);max-height:355px;position:relative;z-index:2;filter:drop-shadow(0 24px 15px #07140060);transform-origin:50% 80%;animation:bean-float 5.5s ease-in-out infinite}
.mascot-orbit{position:absolute;inset:15% 0 7%;border:1px solid #cef98c20;border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 65px #b0ee4420,inset 0 0 40px #cff89309;z-index:0}.mascot-orbit:after{content:'';position:absolute;inset:13%;border:1px dashed #d7f3ac22;border-radius:50%}
.speech{top:-6px;right:-9px;padding:12px 16px;font-size:11px;z-index:4;animation:bubble-in .7s .25s backwards}.mascot-sticker{margin-top:-5px;box-shadow:4px 5px 0 #0d160a55;z-index:4}.float-icon{z-index:3;animation:spark-turn 7s ease-in-out infinite}.icon-two{animation-delay:-3s}.icon-one{left:0;top:120px}
.motion-toggle{position:absolute;bottom:-24px;right:0;z-index:5;border:0;background:transparent;color:#b4c99b;text-decoration:underline;text-underline-offset:3px;font-size:10px;padding:8px;min-height:32px}.motion-toggle:hover{color:var(--lime)}
.hero-copy{animation:bean-enter .65s ease-out both}.profile-strip{box-shadow:0 12px 40px #0001}.meme-card{transition:border-color .25s,transform .25s,box-shadow .25s;border-radius:15px}.meme-card:hover{transform:translateY(-5px);box-shadow:0 14px 26px #0004;border-color:#b8e16d}.meme-art{padding:8px 8px 0}.meme-art svg{border-radius:10px}.meme-card h3{font-size:11px}.card-tag{font-size:8px}.meme-card-body{padding:14px 12px}.save-meme{min-width:36px;min-height:36px;border-radius:50%;transition:transform .2s,background .2s}.save-meme:hover{transform:rotate(-8deg)}
.closet{background:radial-gradient(ellipse at 50% 42%,#6a4f2e40,transparent 65%),var(--panel)}.closet-bobi{width:200px;height:215px;margin:18px auto;filter:drop-shadow(0 12px 9px #0004);transition:transform .3s}.closet:hover .closet-bobi{transform:rotate(-4deg) translateY(-4px)}.login-bobi{width:320px;margin:24px auto;filter:drop-shadow(0 18px 15px #0004)}
.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal-ready.is-visible{opacity:1;transform:none}.motion-paused .reveal-ready{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .hero-bobi{transform:none}.motion-paused .reveal-ready{transition:none}
@keyframes bean-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes spark-turn{0%,100%{transform:rotate(-10deg) scale(.93)}50%{transform:rotate(20deg) scale(1.08)}}
@keyframes bean-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes bubble-in{from{opacity:0;transform:translateY(8px) rotate(1deg) scale(.9)}to{opacity:1;transform:rotate(6deg) scale(1)}}
@media(min-width:1500px){.hero-bobi{width:390px;max-height:395px}.hero-mascot{min-height:400px}}
@media(max-width:1250px){.hero{padding:36px 30px}.hero h1{font-size:54px}.hero-bobi{width:290px}.hero-mascot{min-height:330px}.speech{font-size:10px}.hero-copy>p{font-size:13px}.hero-tags{font-size:7px}}
@media(max-width:980px){.hero{padding:30px 24px;gap:10px;min-height:400px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-bobi{width:245px}.hero-mascot{min-height:310px}.hero-copy>p{font-size:12px}.speech{right:-8px;font-size:9px}.meme-card h3{font-size:10px}.card-tag{font-size:7px}}
@media(max-width:520px){.hero{padding:28px 25px 32px;gap:22px}.hero h1{font-size:49px;letter-spacing:-2.6px}.hero-copy>p{font-size:13px}.hero .eyebrow{font-size:8px}.hero-mascot{min-height:285px}.hero-bobi{width:255px;max-height:285px}.speech{top:-6px;right:-5px;font-size:10px}.mascot-sticker{font-size:10px}.motion-toggle{bottom:-28px;font-size:9px}.hero-tags{font-size:7px}.hero .button{min-height:44px}.meme-card-body{padding:11px 8px;gap:4px}.meme-card h3{font-size:9px}.card-tag{font-size:6px}.save-meme{min-width:30px;min-height:36px}.closet-bobi{width:210px;height:230px}.hero:after{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.hero-bobi{transform:none}.motion-toggle{display:none}}
.tab-sleeping *,.tab-sleeping *:before,.tab-sleeping *:after{animation-play-state:paused!important}

/* Aligned dashboard rows: discover, act, and collect. */
.content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-bottom:32px;align-items:start}
.content-grid>section{min-width:0;margin-top:0;margin-bottom:0}
.showcase-grid .meme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.showcase-grid .daily-panel{padding:24px;background:linear-gradient(155deg,#28321e,#1b1e1b 70%)}
.daily-panel>h3{font-size:20px;margin:10px 0 20px;line-height:1.3}
.daily-panel>p{font-size:11px;line-height:1.7}.daily-panel .button{font-size:11px;min-height:42px}
.section-title{min-height:49px;margin-bottom:20px}.feed-tools{margin:0 0 20px;min-height:36px}
#download-status:empty{display:none}.meme-card-body{min-height:66px}.meme-card h3{line-height:1.4}
.activity-grid{padding-top:28px;border-top:1px solid var(--line);align-items:stretch}
.activity-grid .quest-section{display:flex;flex-direction:column}
.quest-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;flex:1}
.quest-cards .quest-card{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:22px 20px;border-radius:14px;min-width:0}
.quest-icon{width:42px;height:42px;border-radius:12px;font-size:24px}
.quest-copy{display:flex;flex-direction:column;flex:1}.quest-copy h3{font-size:16px;line-height:1.4;margin-bottom:10px}.quest-copy p{font-size:12px;line-height:1.75;flex:1}
.point-value{font-size:16px;margin-top:20px}.point-value small{font-size:10px}
.quest-cards .quest-state,.quest-cards .mb-form{margin:0;padding-top:16px;border-top:1px solid var(--line);font-size:11px;line-height:1.65;align-self:stretch;grid-column:auto}
.quest-cards .mb-form label{font-size:11px}.quest-cards .mb-form .button{font-size:11px;min-height:42px;white-space:normal}.quest-cards select{max-width:100%;font-size:12px}
.quest-section>.small{font-size:11px;line-height:1.7;margin-top:16px}
.activity-grid .challenge-panel{display:flex;flex-direction:column;padding:24px}.challenge-panel h2{font-size:28px}.challenge-panel>p{font-size:12px}.challenge-panel>.small{font-size:10px}.challenge-panel .challenge-reward{margin-top:auto}
.collection-grid{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));align-items:stretch;padding-top:28px;border-top:1px solid var(--line)}
.collection-grid>.panel{padding:24px;border-radius:14px}.collection-grid .section-title{align-items:start;flex-wrap:wrap}.collection-grid h2{font-size:24px}.collection-grid h3{font-size:19px;margin-top:10px}.collection-grid .empty-state{padding:28px 10px}.collection-grid .empty-state p{font-size:12px}
.badge-grid{gap:10px;margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.badge{padding:16px 8px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.badge strong{font-size:11px}.badge small{font-size:10px}.badges>p{font-size:11px;margin-top:16px}
.collection-grid .closet-bobi{width:165px;height:175px;margin:14px auto}.closet-price{gap:8px;flex-wrap:wrap}.closet>.small{font-size:11px}.collection-grid .history th,.collection-grid .history td{padding:14px 8px;font-size:12px}.history td:last-child,.history th:last-child{text-align:right}.history td:nth-child(2){white-space:nowrap;font-variant-numeric:tabular-nums}
@media(min-width:1600px){.content-grid{grid-template-columns:minmax(0,1fr) 340px;gap:28px}.collection-grid{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}.quest-cards .quest-card{padding:26px}.quest-copy h3{font-size:18px}.quest-copy p{font-size:13px}.showcase-grid .daily-panel{padding:28px}}
@media(max-width:1199px){.content-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.showcase-grid .meme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-cards{grid-template-columns:1fr;gap:12px}.quest-cards .quest-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px 16px;padding:20px}.quest-copy{display:block}.quest-copy h3{font-size:15px}.quest-copy p{font-size:12px}.point-value{margin-top:10px;font-size:14px}.quest-cards .quest-state,.quest-cards .mb-form{grid-column:2;padding-top:12px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid .history{grid-column:1/-1}.activity-grid{align-items:start}.showcase-grid .daily-panel{padding:20px}}
@media(max-width:760px){.content-grid{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.showcase-grid .meme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.showcase-grid .daily-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 20px;align-items:start}.daily-panel>.eyebrow{grid-column:1}.daily-panel>h3{grid-column:1;margin:0;font-size:22px}.daily-panel>svg{grid-column:2;grid-row:1/5;max-width:240px;margin:auto}.daily-panel>.button,.daily-panel>p{grid-column:1;margin:0}.daily-panel>.button{align-self:end}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid>.panel{padding:20px}.collection-grid .history{grid-column:1/-1}.quest-cards .quest-card{grid-template-columns:42px minmax(0,1fr)}.section-title h2{font-size:24px}.collection-grid .badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.showcase-grid .meme-grid{gap:12px}.showcase-grid .daily-panel{display:block;padding:24px}.daily-panel>h3{margin:10px 0 18px}.daily-panel>svg{max-width:280px;margin:0 auto 16px}.daily-panel>p{margin-top:12px}.collection-grid{grid-template-columns:1fr}.collection-grid .history{grid-column:auto}.collection-grid .badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-grid>.panel{padding:24px}.quest-cards .quest-card{padding:20px;gap:12px}.quest-copy p{font-size:12px}.quest-cards .quest-state,.quest-cards .mb-form{grid-column:1/-1}.section-title .tag{font-size:7px}.meme-card h3{font-size:10px}.card-tag{font-size:7px}.meme-card-body{min-height:66px}.collection-grid .closet-bobi{width:190px;height:205px}.activity-grid,.collection-grid{padding-top:24px}}

/* AIZUPPI vision: presentation only; existing ledger and activity rules preserved. */
.life-vision{margin-top:32px;padding:32px;scroll-margin-top:110px}.life-dimensions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.life-dimensions span{border:1px solid #536740;border-radius:999px;padding:9px 15px;color:#cdfb73;font-size:12px;letter-spacing:.1em}.vision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}.vision-cards article{min-width:0}.vision-cards h3{margin:14px 0 10px}.vision-cards p{color:#a7b09c;line-height:1.7}.life-vision>.small{max-width:100%;line-height:1.7}@media(max-width:760px){.vision-cards{grid-template-columns:1fr;gap:18px}.life-vision{padding:22px}.life-vision .section-title{align-items:flex-start;flex-direction:column}}

/* Readable navigation and bilingual white paper access. */
@media(min-width:761px){
 .sidebar{width:240px;padding-left:18px;padding-right:18px}
 .app-shell{margin-left:240px}
 .sidebar nav a{font-size:16px;line-height:1.4;padding:14px 12px;gap:12px;white-space:normal}
 .sidebar nav a>span{font-size:21px;width:22px;flex:0 0 22px}
 .sidebar .utility-link{font-size:15px}
}
@media(min-width:761px) and (max-width:1050px){
 .sidebar{width:220px;padding-left:12px;padding-right:12px}
 .app-shell{margin-left:220px}
}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 32px;align-items:center;padding-top:32px}
.footer-intro{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.site-footer .footer-intro p{font-size:12px}
.whitepaper-links{display:grid;gap:10px}
.whitepaper-label{font-size:12px;color:var(--muted)}
.whitepaper-actions{display:flex;gap:10px;flex-wrap:wrap}
.whitepaper-actions a{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:10px 14px;border:1px solid #536740;border-radius:9px;font-size:14px;font-weight:650;color:var(--text);background:var(--panel)}
.whitepaper-actions a span{font-size:10px;color:var(--lime);letter-spacing:.05em}
.whitepaper-actions a:hover{border-color:var(--lime);background:var(--raised)}
.site-footer .footer-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:11px;line-height:1.7}
@media(max-width:760px){.site-footer{grid-template-columns:1fr;gap:22px}.footer-intro{gap:12px}.whitepaper-actions a{flex:1;min-width:135px}}

/* Fill the daily inspiration column with a useful next action. */
.showcase-grid{align-items:stretch}.daily-stack{display:flex;flex-direction:column;gap:24px;min-width:0}.daily-stack>.daily-panel{flex:0 0 auto}.next-move{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:28px 24px;background:radial-gradient(ellipse at 50% 45%,#35472466,transparent 65%),var(--panel);border-color:#48543a}.next-move h3{font-size:25px;line-height:1.2;letter-spacing:-.6px}.next-move-art{display:block;width:min(100%,220px);height:220px;object-fit:contain;margin:auto 0}.next-move-quote{max-width:30ch;font-size:15px;line-height:1.65;color:#dbe7cf}.next-move-bottom{width:100%;margin-top:auto;display:grid;gap:14px}.next-move-reward{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.next-move-reward strong{color:var(--lime);font-size:17px}.next-move .button{font-size:13px}#challenge{scroll-margin-top:100px}.sidebar-bottom .bean-status{margin-bottom:12px;padding-bottom:12px}
@media(max-width:760px){.daily-stack{gap:20px}.next-move{padding:24px}.next-move-art{height:170px;width:170px}.next-move-quote{max-width:36ch}.next-move-bottom{max-width:420px}}

.next-move{padding:22px;gap:12px}.next-move h3{font-size:22px}.next-move-quote{font-size:14px}.next-move-bottom{gap:12px}.next-move-reward{padding-top:12px}.next-move .small{font-size:10px}@media(min-width:761px) and (max-width:1399px){.showcase-grid .meme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.next-move-art{display:none}@media(max-width:1399px){.next-move-art{display:block}}

/* Original AI-generated 3D navigation icons, with transparent backgrounds. */
.sidebar nav a{gap:10px;padding:10px 8px;min-height:62px}
.sidebar nav .nav-icon{display:block;width:42px;height:42px;flex:0 0 42px;object-fit:contain;transition:transform .18s ease;filter:drop-shadow(0 2px 3px #0003)}
.sidebar nav a:hover .nav-icon,.sidebar nav a:focus-visible .nav-icon{transform:translateY(-2px) rotate(-5deg)}
@media(min-width:761px) and (max-width:1050px){.sidebar nav a{gap:8px}.sidebar nav .nav-icon{width:38px;height:38px;flex-basis:38px}}
@media(prefers-reduced-motion:reduce){.sidebar nav .nav-icon{transition:none}.sidebar nav a:hover .nav-icon,.sidebar nav a:focus-visible .nav-icon{transform:none}}

/* AIZUPPI 1.4: working quests first, evolution explicitly previewed. */
.quest-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.legacy-activities{margin-top:16px;border:1px solid var(--line);border-radius:12px;padding:16px;color:var(--muted)}
.legacy-activities summary{cursor:pointer;font-weight:650;color:var(--text)}
.legacy-activities summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.legacy-activities>p{margin:12px 0}.legacy-activities .quest-card{margin-top:12px}
.evolution-preview{margin-bottom:36px;padding:28px;display:grid;gap:22px}
.evolution-preview h2{margin:10px 0}.evolution-preview p{max-width:760px;color:var(--muted)}
.evolution-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.evolution-steps li{padding:20px;border:1px solid var(--line);border-radius:12px;background:#cdfb7307}
.evolution-steps span{display:block;color:var(--lime);font-size:11px;letter-spacing:1px;margin-bottom:10px}
.evolution-steps strong{font-size:16px}.evolution-preview>.text-link{justify-self:start}
@media(max-width:1199px){.quest-cards{grid-template-columns:1fr}}
@media(max-width:520px){.evolution-preview{padding:22px}.evolution-steps{grid-template-columns:1fr;gap:10px}.evolution-steps li{padding:16px}.evolution-preview h2{font-size:23px}}

/* 1.4.1: original quest artwork and shared gallery row alignment. */
.quest-illustration{display:flex;align-items:center;justify-content:center;height:180px;border-radius:12px;background:radial-gradient(ellipse,#cbb8f724,transparent 72%);overflow:hidden}
.quest-illustration-reflect{background:radial-gradient(ellipse,#ffb49120,transparent 72%)}
.quest-illustration img{display:block;width:190px;height:180px;object-fit:contain;transition:transform .25s ease}
.quest-card:hover .quest-illustration img{transform:translateY(-3px) rotate(-2deg)}
.quest-cards .quest-copy h3{min-height:1.4em}.quest-cards .quest-copy{min-width:0}
@media(min-width:1400px){
 .showcase-grid:not(:has(.meme-card[hidden])){grid-template-columns:repeat(3,minmax(0,1fr)) minmax(260px,1.13fr);gap:16px;align-items:stretch}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-feed,.showcase-grid:not(:has(.meme-card[hidden])) .meme-grid,.showcase-grid:not(:has(.meme-card[hidden])) .daily-stack{display:contents}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-feed>.section-title{grid-column:1/-1;grid-row:1;margin-bottom:0}
 .showcase-grid:not(:has(.meme-card[hidden])) .feed-tools{grid-column:1/-1;grid-row:2;margin-bottom:4px}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-card{display:flex;flex-direction:column;min-width:0;margin:0}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-card-body{margin-top:auto;min-height:70px}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-card:nth-child(1){grid-column:1;grid-row:3}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-card:nth-child(2){grid-column:2;grid-row:3}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-card:nth-child(3){grid-column:3;grid-row:3}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-card:nth-child(4){grid-column:1;grid-row:4}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-card:nth-child(5){grid-column:2;grid-row:4}
 .showcase-grid:not(:has(.meme-card[hidden])) .meme-card:nth-child(6){grid-column:3;grid-row:4}
 .showcase-grid:not(:has(.meme-card[hidden])) .daily-panel{grid-column:4;grid-row:3;margin:0;padding:18px;display:flex;flex-direction:column;gap:10px}
 .showcase-grid:not(:has(.meme-card[hidden])) .daily-panel h3{font-size:18px;margin:0}
 .showcase-grid:not(:has(.meme-card[hidden])) .daily-panel>svg{width:min(100%,210px);height:auto;margin:0 auto}
 .showcase-grid:not(:has(.meme-card[hidden])) .daily-panel>.button{margin-top:auto}
 .showcase-grid:not(:has(.meme-card[hidden])) .daily-panel>p{margin:0;font-size:10px;line-height:1.5}
 .showcase-grid:not(:has(.meme-card[hidden])) .next-move{grid-column:4;grid-row:4;margin:0;padding:22px;justify-content:center}
 .showcase-grid:not(:has(.meme-card[hidden])) .next-move-quote{margin:auto 0}
 .showcase-grid:not(:has(.meme-card[hidden])) #empty-search,.showcase-grid:not(:has(.meme-card[hidden])) #download-status{grid-column:1/-1;margin:0}
}
@media(max-width:1199px){.quest-cards .quest-card{grid-template-columns:110px minmax(0,1fr)}.quest-illustration{height:130px;grid-column:1;grid-row:1/3}.quest-illustration img{width:110px;height:130px}.quest-cards .quest-copy,.quest-cards .quest-state,.quest-cards .mb-form{grid-column:2}}
@media(max-width:520px){.quest-cards .quest-card{grid-template-columns:90px minmax(0,1fr)}.quest-illustration{height:110px;grid-row:1}.quest-illustration img{width:90px;height:110px}.quest-cards .quest-state,.quest-cards .mb-form{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.quest-illustration img{transition:none}.quest-card:hover .quest-illustration img{transform:none}}
.motion-paused .quest-card:hover .quest-illustration img{transform:none}

/* 1.4.2: illustrated activity journal, collectible badges and vision. */
.collection-grid .history{position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 65%,#cbb8f70c,transparent 70%),var(--panel)}
.collection-grid .history-empty{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 8px 24px;gap:12px}
.history-art{display:block;width:190px;height:200px;object-fit:contain;margin:0 auto}
.collection-grid .history-empty h3{font-size:21px;line-height:1.35;color:var(--text);max-width:28ch;margin:0}
.collection-grid .history-empty p{font-size:13px;max-width:38ch;margin:0}
.history-art-small{width:80px;height:84px;margin:-12px 0 6px auto}
.collection-grid .badge-grid{gap:12px;margin-top:20px;flex:1}
.collection-grid .badges{display:flex;flex-direction:column}
.collection-grid .badge{min-height:150px;padding:14px 10px;gap:6px;border:1px solid #414839;background:linear-gradient(145deg,#2b3025,#20241e);opacity:1}
.collection-grid .badge-art{display:block;width:78px;height:78px;object-fit:contain;filter:saturate(.55);opacity:.7;transition:transform .2s ease,filter .2s ease}
.collection-grid .badge strong{color:#c0c8b8;font-size:12px;line-height:1.3}.collection-grid .badge small{font-size:10px;color:#a0aa94}
.collection-grid .badge.earned{border-color:#9abe60;background:linear-gradient(145deg,#354629,#232c1f)}
.collection-grid .badge.earned .badge-art{filter:none;opacity:1}.collection-grid .badge.earned strong{color:var(--lime)}
.collection-grid .badge:hover .badge-art{transform:translateY(-3px)}
.vision-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.85fr);gap:28px;align-items:center}
.vision-intro .section-title{display:block}.vision-intro .section-title .tag{display:inline-flex;margin-top:15px}
.vision-intro h2{font-size:clamp(25px,2.5vw,36px);line-height:1.16;max-width:22ch;margin-top:12px}
.vision-intro-copy>p{color:#c6cebe;max-width:60ch;line-height:1.8}
.vision-art{display:block;width:100%;max-height:330px;object-fit:contain}
.life-vision{background:radial-gradient(ellipse at 85% 20%,#cbb8f70d,transparent 55%),var(--panel)}
.life-vision .life-dimensions{gap:8px;margin:20px 0 0}.life-dimensions span{font-size:10px;padding:8px 12px}
.life-vision .vision-cards{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}
@media(max-width:1199px){.vision-intro{grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr);gap:16px}.history-art{width:170px;height:180px}}
@media(max-width:760px){.vision-intro{grid-template-columns:1fr}.vision-art{height:230px}.vision-intro h2{max-width:none}.collection-grid .badge-art{width:74px;height:74px}.history-art{width:170px;height:180px}}
@media(prefers-reduced-motion:reduce){.collection-grid .badge-art{transition:none}.collection-grid .badge:hover .badge-art{transform:none}}
.motion-paused .badge:hover .badge-art{transform:none}