@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f3f0dc;background:#07100f;font-family:Manrope,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;cursor:pointer}.pwa-shell{position:relative;width:min(100%,480px);min-height:100vh;margin:0 auto;overflow:hidden;padding:22px 18px 102px;background:radial-gradient(circle at 70% -12%,#1f3d31 0,transparent 32%),linear-gradient(150deg,#07110f,#0a1718 55%,#111b17)}.pwa-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.33;background-image:radial-gradient(#a9c982 .65px,transparent .65px);background-size:21px 21px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 40%);mask-image:linear-gradient(to bottom,#000,transparent 40%)}.ambient{position:absolute;border-radius:50%;filter:blur(60px);opacity:.25;pointer-events:none}.ambient--one{width:220px;height:220px;top:380px;left:-120px;background:#336b4f}.ambient--two{width:160px;height:160px;top:730px;right:-80px;background:#b0882c}.topbar,.welcome,.hero-mission,.section-block,.split-grid,.read-only-banner,.bottom-nav{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.menu-button{width:34px;height:34px;padding:0;border:0;border-radius:10px;color:#b7c3ab;background:transparent;font-size:20px}.brand{display:flex;gap:9px;align-items:center;margin-right:auto}.brand-symbol{display:grid;place-items:center;width:30px;height:30px;color:#d3b74d;border:1px solid #bba54b;border-radius:50%;font-size:22px}.brand strong,.brand small{display:block}.brand strong{color:#f4efda;font:800 13px Manrope;letter-spacing:.08em}.brand small{margin-top:2px;color:#a9c281;font:7px DM Mono,monospace;letter-spacing:.06em}.location-pill{display:flex;gap:6px;align-items:flex-start;padding:7px 9px;border:1px solid #526747;border-radius:11px;color:#e7e4cb;font-size:9px}.location-pill>span:first-child{color:#cbaa3e;font-size:15px}.location-pill small{display:block;margin-top:2px;color:#8fa28c;font:8px DM Mono,monospace}.welcome{padding:39px 8px 21px}.overline{margin:0 0 7px;color:#a2bc6e;font:500 9px DM Mono,monospace;letter-spacing:.15em;text-transform:uppercase}.welcome h1{margin:0;color:#f4f1de;font-size:32px;line-height:.98;letter-spacing:-.07em}.welcome h1 em{color:#c9d88f;font-style:normal}.intro{max-width:360px;margin:14px 0 0;color:#9eada0;font-size:12px;line-height:1.55}.hero-mission{display:grid;grid-template-columns:43% 57%;min-height:182px;overflow:hidden;border:1px solid #334a39;border-radius:17px;background:#101e1d;box-shadow:0 18px 42px #00000038}.hero-mission:focus-visible{outline:2px solid #b5d36f}.hero-image{position:relative;overflow:hidden;background:radial-gradient(circle at 73% 28%,#e0ca7a 0 2%,transparent 7%),radial-gradient(circle at 20% 38%,#c8df9b 0 1%,transparent 2%),radial-gradient(circle at 78% 68%,#c8df9b 0 1%,transparent 2%),linear-gradient(180deg,#0d2028,#142d2a 49%,#192e1d 50%,#081110)}.hero-image:after{content:"";position:absolute;inset:50% -20% -35%;transform:rotate(-7deg);background:linear-gradient(174deg,transparent 0 47%,#293d2e 48% 53%,transparent 54%),repeating-linear-gradient(82deg,transparent 0 13px,#3e5536 14px 15px,transparent 16px 30px);opacity:.8}.moon{position:absolute;z-index:1;top:21px;right:24px;color:#d5c574;font-size:27px;transform:rotate(-28deg)}.hero-stars{position:absolute;z-index:1;top:48px;left:15px;color:#c5d889;font-size:12px;letter-spacing:7px}.hero-content{display:flex;flex-direction:column;padding:17px 16px 13px}.card-meta,.hero-footer{display:flex;align-items:center;justify-content:space-between}.card-meta span{color:#a8c37b;font:500 8px DM Mono,monospace;letter-spacing:.12em}.card-meta b{color:#dfc75e;font:500 9px DM Mono,monospace}.hero-content h2{margin:18px 0 8px;color:#f1eed8;font-size:20px;line-height:1.04;letter-spacing:-.06em}.hero-content p{margin:0;color:#a2b0a0;font-size:10px;line-height:1.45}.hero-footer{margin-top:auto;color:#a7c176;font:9px DM Mono,monospace}.hero-footer b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#102016;background:#a5c66f;font-size:17px}.section-block{padding:30px 0 0}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{margin:0;color:#eeeace;font-size:22px;letter-spacing:-.06em}.section-heading button{padding:0;border:0;color:#a7c66f;background:transparent;font-size:10px}.section-heading button span{margin-left:4px;font-size:15px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.category-card{display:grid;gap:6px;min-height:92px;padding:13px 8px 10px;border:1px solid #293b30;border-radius:13px;color:#f2efd7;background:#10201c;text-align:left}.category-card:hover{border-color:#a4bf6d;transform:translateY(-2px)}.category-card>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;color:#101a14;font-size:17px}.category-card strong{font-size:10px}.category-card small{color:#778f7b;font:8px DM Mono,monospace}.category-card--lime>span{background:#b9cf78}.category-card--teal>span{background:#72b6a1}.category-card--gold>span{background:#d6b957}.category-card--violet>span{background:#a98dbd}.split-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:9px;padding:20px 0 0}.progress-card,.quote-card{min-height:142px;padding:16px;border:1px solid #2d4637;border-radius:15px;background:#101e1b}.progress-title{display:flex;align-items:end;justify-content:space-between;gap:8px}.progress-title h2{margin:19px 0 13px;color:#eff0d9;font-size:15px;letter-spacing:-.05em}.progress-title b{color:#e5c85a;font:500 12px DM Mono,monospace;white-space:nowrap}.progress-title small{color:#829582;font-size:8px}.progress-track{height:8px;overflow:hidden;border-radius:99px;background:#25382e}.progress-track span{display:block;width:54%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#789e53,#d8c45e)}.progress-foot{display:flex;justify-content:space-between;margin-top:9px;color:#8ca18b;font:8px DM Mono,monospace}.quote-card{background:radial-gradient(circle at 90% 10%,#3e54354d,transparent 50%),#12231e}.quote-mark{color:#c4d98d;font:35px Georgia;line-height:.7}.quote-card p{margin:14px 0 8px;color:#d7dfbd;font-size:13px;line-height:1.2;letter-spacing:-.03em}.quote-card small{color:#a0b46e;font:9px DM Mono,monospace}.read-only-banner{display:flex;align-items:center;gap:10px;margin-top:18px;padding:11px 12px;border:1px solid #3a4e36;border-radius:12px;background:#14241d}.lock-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#172318;background:#afc877}.read-only-banner span:nth-child(2){flex:1}.read-only-banner strong,.read-only-banner small{display:block}.read-only-banner strong{color:#dbe4be;font-size:10px}.read-only-banner small{margin-top:3px;color:#849882;font-size:8px}.read-only-banner>b{color:#a9c778;font:500 8px DM Mono,monospace}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;display:flex;justify-content:space-around;width:min(100%,480px);padding:10px 7px max(10px,env(safe-area-inset-bottom));border-top:1px solid #26382f;background:#091412ee;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.nav-item{display:grid;gap:3px;justify-items:center;min-width:54px;padding:3px 7px;border:0;color:#6b8176;background:transparent}.nav-item span{font-size:20px;line-height:1}.nav-item small{font:8px DM Mono,monospace}.nav-item--active{color:#b8d171}.nav-item--active span{filter:drop-shadow(0 0 7px #bddb6c66)}.toast{position:fixed;z-index:20;bottom:77px;left:50%;padding:11px 15px;border:1px solid #567344;border-radius:99px;color:#e6eccb;background:#14241de8;box-shadow:0 10px 30px #0008;font:10px DM Mono,monospace;transform:translate(-50%)}@media(min-width:820px){.pwa-shell{width:min(100%,1120px);padding:34px 55px 50px;border-left:1px solid #1d3328;border-right:1px solid #1d3328}.topbar{padding:0 0 10px}.welcome{padding-top:70px}.welcome h1{font-size:54px}.intro{font-size:14px}.hero-mission{grid-template-columns:44% 56%;min-height:280px}.hero-content{padding:28px 30px}.hero-content h2{font-size:34px}.hero-content p{max-width:340px;font-size:13px}.section-block{padding-top:48px}.section-heading h2{font-size:30px}.category-card{min-height:132px;padding:20px}.category-card strong{font-size:14px}.category-card small{font-size:10px}.split-grid{grid-template-columns:1fr 1fr}.progress-card,.quote-card{min-height:170px;padding:23px}.progress-title h2{font-size:21px}.quote-card p{font-size:20px}.bottom-nav{position:fixed;bottom:24px;width:min(580px,calc(100% - 40px));border:1px solid #365039;border-radius:20px;padding:11px 18px}.read-only-banner{max-width:520px}}