:root{--sand-25:#fbfaf6;--sand-50:#f7f5ee;--sand-100:#f4f2ea;--sand-200:#e9e5d6;--sand-300:#d8d3bf;--ink-900:#20261a;--ink-700:#454d3a;--ink-500:#6f7663;--ink-400:#979e8a;--ink-300:#c6cab8;--forest-900:#1e3111;--forest-800:#2a4419;--moss-600:#47662c;--moss-500:#587d38;--leaf-400:#8cae54;--lime-200:#dcecb4;--lime-100:#ebf3d4;--lime-50:#f4f8e7;--gold-600:#a97e34;--gold-200:#ecdfc0;--gold-50:#f8f2e4;--coral-600:#b04a38;--coral-100:#f5e2dc;--white:#fff;--danger:var(--coral-600);--success:var(--moss-600);--gold:var(--gold-600);--bg:var(--sand-100);--surface:#fff;--surface-muted:var(--sand-50);--border:rgba(32,38,26,.08);--border-strong:rgba(32,38,26,.14);--text:var(--ink-900);--muted:var(--ink-500);--green-dark:var(--moss-600);--green-dark-2:var(--forest-800);--green-light:var(--leaf-400);--green-soft:var(--lime-100);--green-mist:var(--lime-50);--gray-900:var(--ink-900);--gray-800:#333a2b;--gray-700:var(--ink-700);--gray-600:#5f6653;--gray-500:var(--ink-500);--gray-400:var(--ink-400);--gray-300:var(--ink-300);--gray-200:var(--sand-200);--gray-100:var(--sand-50);--ocean-deep:var(--sand-100);--ocean-mid:var(--sand-50);--ocean-surface:var(--lime-200);--wave-blue:var(--moss-600);--wave-blue-light:var(--leaf-400);--foam-cyan:var(--moss-600);--bio-glow:var(--leaf-400);--sand-gold:var(--gold-600);--sand-gold-light:var(--gold-200);--coral-red:var(--coral-600);--coral-red-soft:#bd6045;--seagrass-green:var(--moss-600);--seagrass-light:var(--leaf-400);--pearl-white:var(--white);--glass-bg:hsla(0,0%,100%,.82);--glass-bg-light:hsla(0,0%,100%,.62);--glow-blue:var(--glow-green);--font-display:"Fraunces","Iowan Old Style",Georgia,serif;--font-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--shadow-sm:0 1px 2px rgba(32,38,26,.05),0 4px 14px rgba(32,38,26,.06);--shadow-md:0 2px 6px rgba(32,38,26,.05),0 16px 36px rgba(32,38,26,.1);--shadow-lg:0 8px 20px rgba(32,38,26,.08),0 30px 70px rgba(32,38,26,.16);--glow-green:0 12px 30px rgba(58,84,34,.28);--glow-gold:0 12px 28px rgba(169,126,52,.22);--nav-h:92px;--header-h:62px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);font-feature-settings:"cv05" 1,"cv11" 1,"ss01" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,body>#__nuxt{min-height:100dvh}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{border:0;background:transparent;cursor:pointer}button,input,select,textarea{color:inherit;font:inherit}::-moz-selection{background:var(--lime-200);color:var(--forest-900)}::selection{background:var(--lime-200);color:var(--forest-900)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#47662c4d;border-radius:4px}.text-display,h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-variation-settings:"opsz" 40}.text-xs{font-size:11px;line-height:1.4}.text-sm{font-size:13px;line-height:1.5}.text-base{font-size:15px;line-height:1.55}.text-lg{font-size:18px;line-height:1.45}.text-xl{font-size:22px;line-height:1.25}.text-2xl{font-size:28px;line-height:1.18}.text-3xl{font-size:36px;line-height:1.1}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:750}.text-muted{color:var(--muted)}.text-gold{color:var(--gold-600)}.text-cyan,.text-green{color:var(--moss-600)}.text-red{color:var(--danger)}.text-center{text-align:center}.text-right{text-align:right}.kicker{color:var(--moss-600);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.stat-num{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-variation-settings:"opsz" 60;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.w-full{width:100%}.flex-1{flex:1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.overflow-hidden{overflow:hidden}.ocean-bg{background:radial-gradient(120% 34% at 50% 0,rgba(220,236,180,.34),transparent 70%),var(--bg)}.app-frame,.page-shell{color:var(--text)}.page-shell{min-height:100dvh;padding:0 18px calc(var(--nav-h) + 26px)}.container{width:100%;max-width:440px;margin:0 auto}.page-header{position:sticky;top:0;z-index:40;margin:0 -18px 16px;min-height:var(--header-h);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--sand-100) 78%,transparent);border-bottom:1px solid rgba(32,38,26,.06);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.page-header-title{font-size:21px;font-weight:600;letter-spacing:-.01em;color:var(--ink-900)}.logo-mark,.page-header-title{font-family:var(--font-display)}.logo-mark{font-size:26px;font-weight:650;letter-spacing:-.02em;color:var(--forest-800)}.logo-mark span:first-child{color:var(--leaf-400)}.app-brand-row{gap:10px}.app-brand-row,.app-icon-frame{display:inline-flex;align-items:center}.app-icon-frame{width:42px;height:42px;flex-shrink:0;justify-content:center;border-radius:14px;background:linear-gradient(155deg,#567832,#2a4419);border:1px solid hsla(0,0%,100%,.42);box-shadow:0 12px 24px #2a441947,inset 0 1px #ffffff3d}.app-icon-frame.app-icon-sm{width:34px;height:34px;border-radius:12px}.app-icon-frame.app-icon-lg{width:54px;height:54px;border-radius:18px}.app-icon-logo{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.app-icon-frame.app-icon-sm .app-icon-logo{width:20px;height:20px}.app-icon-frame.app-icon-lg .app-icon-logo{width:30px;height:30px}.card,.glass,.glass-light{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text)}.card{padding:16px}.card-hover{transition:transform .18s ease,box-shadow .18s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-hover:active{transform:scale(.99)}.hero-dark{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:radial-gradient(130% 120% at 88% -10%,rgba(140,174,84,.5),transparent 52%),linear-gradient(152deg,#33511c 0,var(--forest-800) 46%,var(--forest-900) 100%);color:var(--sand-25);box-shadow:var(--shadow-md),var(--glow-green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:var(--radius-full);font-weight:650;font-size:14px;letter-spacing:.01em;white-space:nowrap;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97);opacity:.9}.btn-green,.btn-primary{background:var(--forest-800);color:var(--sand-25);box-shadow:var(--glow-green)}.btn-secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-700)}.btn-gold{background:var(--gold-600);color:#fff;box-shadow:var(--glow-gold)}.btn-sm{min-height:38px;padding:8px 16px;font-size:13px}.btn-lg{min-height:54px;padding:15px 26px;font-size:15px;border-radius:20px}.btn-icon{width:42px;height:42px;padding:0;border-radius:50%}.fab{position:fixed;right:max(22px,calc(50vw - 193px));bottom:calc(var(--nav-h) + 34px);z-index:90;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--forest-800);color:var(--sand-25);font-size:30px;box-shadow:0 18px 38px #2a44195c;-webkit-tap-highlight-color:transparent}.fab:active{transform:scale(.95)}.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:0 18px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--ink-700);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background .18s ease,color .18s ease,border-color .18s ease;-webkit-tap-highlight-color:transparent}.chip.active{background:var(--forest-800);border-color:var(--forest-800);color:var(--sand-25);box-shadow:0 10px 24px #2a44193d}.badge-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.badge-open{background:var(--coral-100);color:var(--coral-600)}.badge-clean{background:var(--lime-100);color:var(--moss-600)}.form-input,.input,textarea.input{width:100%;min-height:48px;padding:13px 16px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-900);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.form-input:focus,.input:focus{border-color:var(--moss-600);box-shadow:0 0 0 4px #dcecb499}.tabs{display:flex;gap:6px;padding:5px;border-radius:var(--radius-full);background:var(--sand-200);border:1px solid var(--border)}.tab-btn{flex:1;min-height:40px;border-radius:var(--radius-full);color:var(--ink-500);font-size:13px;font-weight:650}.tab-btn.active{background:var(--forest-800);color:var(--sand-25)}.divider{height:1px;background:var(--border);width:100%}.gradient-text{color:var(--forest-800)}.gradient-text-gold{color:var(--gold-600)}.clean-bar-track{width:100%;height:8px;overflow:hidden;border-radius:var(--radius-full);background:#20261a14}.clean-bar-fill{height:100%;border-radius:inherit;transition:width .6s cubic-bezier(.22,1,.36,1)}.clean-bar-fill,.clean-bar-fill.clean-high{background:var(--moss-600)}.clean-bar-fill.clean-medium{background:var(--gold-600)}.clean-bar-fill.clean-low{background:var(--coral-600)}.bottom-sheet{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-h) + 10px);z-index:80;max-height:calc(100dvh - var(--nav-h) - 34px);overflow-y:auto;overscroll-behavior:contain;padding:14px 18px 20px;scroll-padding-bottom:20px;border:1px solid hsla(0,0%,100%,.72);border-radius:28px;background:#fbfaf6f7;box-shadow:0 24px 70px #20261a40;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);-webkit-overflow-scrolling:touch}.bottom-sheet-handle{display:block;width:44px;height:4px;margin:0 auto 16px;border-radius:var(--radius-full);background:var(--sand-300)}.bottom-sheet-overlay{position:fixed;inset:0;z-index:70;background:#1e261675;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}@media(min-width:700px){.bottom-sheet{left:50%;right:auto;width:min(580px,calc(100vw - 40px));transform:translate(-50%)}.bottom-sheet.sheet-enter-from,.bottom-sheet.sheet-leave-to{transform:translate(-50%,calc(100% + var(--nav-h) + 40px))}}.overlay-enter-active,.overlay-leave-active{transition:opacity .22s ease}.overlay-enter-from,.overlay-leave-to{opacity:0}.sheet-enter-active,.sheet-leave-active{transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .25s ease}.sheet-enter-from,.sheet-leave-to{transform:translateY(100%);opacity:.4}.page-enter-active,.page-leave-active{transition:opacity .18s ease,transform .18s ease}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.avatar,.avatar-xl{display:inline-flex;align-items:center;justify-content:center;border-radius:38%;background:var(--lime-100);color:var(--moss-600);font-weight:700}.avatar{width:44px;height:44px}.avatar-xl{width:92px;height:92px;font-size:40px;border:3px solid var(--lime-200);box-shadow:var(--shadow-md)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:50%;background:var(--lime-100);color:var(--moss-600);font-weight:700}.reward-card,.trash-type-btn,.volume-btn{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.trash-type-btn.active,.volume-btn.active{border-color:var(--leaf-400);background:var(--lime-100);color:var(--moss-600)}.points-popup{color:var(--moss-600);font-family:var(--font-display);font-weight:650}.skeleton{background:linear-gradient(90deg,var(--sand-200),var(--sand-50),var(--sand-200));background-size:200% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{50%{opacity:.62}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:float 2.6s ease-in-out infinite}@media(min-width:541px){body{display:flex;justify-content:center;background:radial-gradient(80% 60% at 50% 0,#eeebe0,transparent 70%),#e2ded0}body>#__nuxt{width:100%;max-width:520px;min-height:100dvh;position:relative;background:var(--sand-100);box-shadow:0 0 0 1px #20261a0f,0 0 80px #20261a29}}