:root{--green: #58CC02;--green-dark: #58A700;--green-bg: #D7FFB8;--orange: #FF9600;--orange-dark: #E08600;--gold: #FFC800;--gold-dark: #E5B100;--red: #FF4B4B;--red-dark: #EA2B2B;--blue: #1CB0F6;--blue-dark: #0A91D1;--purple: #CE82FF;--purple-dark: #A560E8;--ink: #3C3C3C;--ink2: #777;--ink3: #AFAFAF;--bg: #FFFFFF;--bg2: #F7F7F7;--bg3: #E5E5E5;--shadow: 0 4px 0 rgba(0, 0, 0, .1);--shadow-press: 0 2px 0 rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh}body{display:flex;flex-direction:column}img{max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}button:focus{outline:none}a{color:inherit}.topbar{position:sticky;top:0;background:#fff;border-bottom:2px solid var(--bg2);z-index:100;padding:14px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;color:var(--ink);text-decoration:none}.brand .owl{width:34px;height:34px;flex:0 0 34px}.brand .name{display:flex;flex-direction:column;line-height:1.1}.brand .sub{font-size:11px;color:var(--green);font-weight:800;letter-spacing:1px;text-transform:uppercase}.nav-links{display:flex;gap:14px;flex-wrap:wrap}.nav-links a{font-size:13px;font-weight:800;color:var(--ink2);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;padding:6px 4px;border-bottom:2px solid transparent}.nav-links a:hover{color:var(--green-dark)}.nav-links a.active{color:var(--green-dark);border-bottom-color:var(--green-dark)}.stat-pills{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pill{display:flex;align-items:center;gap:6px;font-weight:900;font-size:16px;color:var(--ink)}.pill .icon{width:22px;height:22px}.wrap{max-width:1100px;width:100%;margin:0 auto;padding:24px 20px 80px;display:grid;grid-template-columns:1fr 320px;gap:24px}.wrap.single{grid-template-columns:1fr;max-width:760px}@media (max-width: 900px){.wrap{grid-template-columns:1fr}.side{order:2}}.hero{background:linear-gradient(135deg,var(--green) 0%,#7DDB1F 100%);border-radius:20px;padding:24px;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;background:#ffffff1a;border-radius:50%}.hero:after{content:"";position:absolute;right:40px;bottom:-60px;width:120px;height:120px;background:#ffffff14;border-radius:50%}.hero .label{font-size:12px;font-weight:900;letter-spacing:1px;text-transform:uppercase;opacity:.85;position:relative}.hero .title{font-size:28px;font-weight:900;margin:4px 0 2px;position:relative}.hero .theme{font-size:15px;font-weight:700;opacity:.92;position:relative}.hero .prompt{background:#ffffff2e;border-radius:14px;padding:14px 16px;margin-top:16px;font-weight:700;line-height:1.4;font-size:15px;position:relative}.hero .meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;position:relative}.chip{background:#ffffff38;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:800}.hero .cta{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;position:relative}.btn{font-weight:900;padding:14px 22px;border-radius:14px;letter-spacing:.5px;text-transform:uppercase;font-size:14px;transition:transform .08s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:active{transform:translateY(2px)}.btn-primary{background:#fff;color:var(--green-dark);box-shadow:0 4px #0000002e}.btn-primary:hover{background:#ffe}.btn-ghost{background:#00000026;color:#fff;box-shadow:0 4px #0000002e}.btn-ghost:hover{background:#00000038}.btn-orange{background:var(--orange);color:#fff;box-shadow:0 4px 0 var(--orange-dark)}.btn-orange:hover{filter:brightness(1.05)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-dark)}.phase-tabs{display:flex;gap:10px;margin:24px 0 12px;flex-wrap:wrap}.tab{background:#fff;border:2px solid var(--bg3);padding:8px 14px;border-radius:999px;font-weight:900;font-size:13px;color:var(--ink2);cursor:pointer}.tab.active{background:var(--green);color:#fff;border-color:var(--green-dark);box-shadow:0 3px 0 var(--green-dark)}.path{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:14px;background:var(--bg2);padding:18px;border-radius:18px}.node{aspect-ratio:1;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;color:var(--ink3);position:relative;cursor:pointer;box-shadow:0 4px 0 var(--bg3);transition:transform .1s;border:3px solid var(--bg3)}.node:hover{transform:translateY(-2px)}.node .n{font-size:18px;line-height:1}.node .lbl{font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.node.unlocked{color:var(--green-dark);border-color:var(--green-dark);box-shadow:0 4px 0 var(--green-dark)}.node.done{background:var(--green);color:#fff;border-color:var(--green-dark);box-shadow:0 4px 0 var(--green-dark)}.node.done:after{content:"✓";position:absolute;top:-6px;right:-6px;background:#fff;color:var(--green-dark);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 0 var(--green-dark)}.node.today{background:var(--gold);color:#fff;border-color:var(--gold-dark);box-shadow:0 4px 0 var(--gold-dark);animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 4px 0 var(--gold-dark),0 0 #ffc80099}70%{box-shadow:0 4px 0 var(--gold-dark),0 0 0 14px #ffc80000}to{box-shadow:0 4px 0 var(--gold-dark),0 0 #ffc80000}}.node.boss{background:linear-gradient(135deg,var(--red) 0%,#FF6B6B 100%);color:#fff;border-color:var(--red-dark);box-shadow:0 4px 0 var(--red-dark)}.node.boss .lbl{font-weight:900}.node.boss:before{content:"⚔";position:absolute;top:-8px;left:-4px;background:var(--gold);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 0 var(--gold-dark)}.node.locked{cursor:not-allowed;opacity:.7}.node.locked .n{filter:blur(.5px)}.card{background:#fff;border:2px solid var(--bg2);border-radius:18px;padding:18px 20px}.card h3{font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:var(--ink2);display:flex;align-items:center;gap:8px;margin-bottom:14px}.card h3 .dot{width:10px;height:10px;border-radius:50%;background:var(--green)}.side{display:flex;flex-direction:column;gap:18px}.streak-card{background:#fff;border-radius:18px;padding:18px;text-align:center;border:2px solid var(--bg2)}.streak-flame{font-size:80px;line-height:1;display:inline-block;filter:drop-shadow(0 6px 0 rgba(255,140,0,.25))}.streak-flame.cold{filter:grayscale(1);opacity:.5}.streak-n{font-size:48px;font-weight:900;color:var(--orange);line-height:1;margin-top:6px}.streak-lbl{font-size:13px;color:var(--ink2);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-top:4px}.streak-sub{margin-top:10px;font-size:13px;color:var(--ink2);font-weight:700}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-box{background:#fff;border:2px solid var(--bg2);border-radius:14px;padding:12px;text-align:center}.stat-box .v{font-size:22px;font-weight:900;color:var(--ink)}.stat-box .l{font-size:11px;color:var(--ink2);font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.level-card{background:linear-gradient(135deg,var(--purple) 0%,#E6A8FF 100%);border-radius:18px;padding:18px;color:#fff;text-align:center;box-shadow:var(--shadow)}.level-card .level-num{font-size:42px;font-weight:900;line-height:1}.level-card .level-title{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.xp-bar{background:#ffffff40;border-radius:999px;height:14px;margin-top:12px;overflow:hidden}.xp-fill{background:#fff;height:100%;border-radius:999px;transition:width .6s ease}.xp-text{margin-top:8px;font-size:13px;font-weight:800}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.badge{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--bg2);color:var(--ink3);position:relative;text-align:center;padding:4px}.badge.earned{background:linear-gradient(135deg,var(--gold) 0%,#FFE066 100%);color:#7a5700;box-shadow:0 4px 0 var(--gold-dark)}.badge .emoji{font-size:22px;line-height:1}.badge .name{font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.5px;margin-top:2px;line-height:1.1}.reviews-list{display:flex;flex-direction:column;gap:10px}.review-item{background:var(--bg2);border-radius:12px;padding:12px 14px;border-left:4px solid var(--green)}.review-item .head{display:flex;justify-content:space-between;align-items:center}.review-item .day{font-weight:900;color:var(--green-dark);font-size:14px}.review-item .xp{background:var(--gold);color:#7a5700;font-weight:900;font-size:12px;padding:3px 10px;border-radius:999px}.review-item .praise{font-size:13px;color:var(--ink);margin-top:6px;line-height:1.4}.review-item .praise b{color:var(--green-dark)}.review-item .next{font-size:12px;color:var(--ink2);margin-top:6px;font-style:italic}.modal-bg{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s;padding:20px}.modal-bg.open{opacity:1;pointer-events:auto}.modal{background:#fff;border-radius:20px;padding:24px;max-width:480px;width:100%;text-align:center;box-shadow:0 12px 40px #0000004d;transform:scale(.92);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.modal-bg.open .modal{transform:scale(1)}.modal h2{font-size:24px;font-weight:900;margin-bottom:8px}.modal p{font-size:15px;color:var(--ink2);font-weight:700;line-height:1.4}.modal .big-icon{font-size:64px;margin:8px 0}.modal .actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.footnote{text-align:center;color:var(--ink3);font-size:12px;margin-top:24px;font-weight:700;padding:0 20px}.footnote a{color:var(--green-dark);text-decoration:none;font-weight:900}.confetti{position:fixed;width:10px;height:14px;top:-20px;pointer-events:none;z-index:999;border-radius:2px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--ink);color:#fff;padding:14px 22px;border-radius:14px;font-weight:900;z-index:1500;opacity:0;transition:all .3s}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.prose{font-size:16px;line-height:1.6;color:var(--ink)}.prose h1{font-size:32px;font-weight:900;margin:8px 0 16px}.prose h2{font-size:22px;font-weight:900;margin:28px 0 10px;color:var(--green-dark)}.prose p{margin-bottom:14px}.prose ul{margin:0 0 16px 22px}.prose li{margin-bottom:6px}.prose strong{color:var(--ink);font-weight:900}.prose table{width:100%;border-collapse:collapse;margin:12px 0 20px;font-size:14px}.prose th,.prose td{padding:8px 10px;border-bottom:1px solid var(--bg3);text-align:left;vertical-align:top}.prose th{background:var(--bg2);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.5px;color:var(--ink2)}.page-head{margin-bottom:20px}.page-head h1{font-size:30px;font-weight:900;line-height:1.1}.page-head .sub{color:var(--ink2);font-weight:700;margin-top:6px;font-size:14px}.heatmap{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}@media (max-width: 600px){.heatmap{grid-template-columns:repeat(6,1fr)}}.cell{aspect-ratio:1;border-radius:10px;background:var(--bg2);border:2px solid var(--bg3);display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;color:var(--ink3);cursor:pointer;transition:transform .08s;position:relative}.cell .day-num{font-size:14px;line-height:1}.cell .day-xp{font-size:9px;font-weight:800;margin-top:2px;opacity:.7}.cell:hover{transform:translateY(-2px)}.cell.empty{cursor:default}.cell.empty:hover{transform:none}.cell.done{background:var(--green);color:#fff;border-color:var(--green-dark)}.cell.done.boss{background:linear-gradient(135deg,var(--red) 0%,#FF6B6B 100%);border-color:var(--red-dark)}.cell.done:after{content:"✓";position:absolute;top:-4px;right:-4px;background:#fff;color:var(--green-dark);width:16px;height:16px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px #0000001a}.cell.done.boss:after{color:var(--red-dark)}.cell.future{background:var(--bg2);border-style:dashed}.cell.boss-future{border-color:var(--red);color:var(--red)}.cell.boss-future:before{content:"⚔";position:absolute;top:-8px;left:-4px;font-size:12px;background:var(--gold);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--gold-dark)}.legend{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0 24px;font-size:12px;color:var(--ink2);font-weight:700}.legend .sw{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:middle;margin-right:6px;border:2px solid var(--bg3)}.legend .sw.done{background:var(--green);border-color:var(--green-dark)}.legend .sw.boss{background:linear-gradient(135deg,var(--red),#FF6B6B);border-color:var(--red-dark)}.legend .sw.future{background:var(--bg2);border-style:dashed}.review-detail{background:#fff;border-radius:18px;padding:24px;margin-top:24px;border:2px solid var(--bg2)}.review-detail .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.review-detail h2{font-size:22px;font-weight:900;color:var(--green-dark)}.review-detail .phase-pill{font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;background:var(--bg2);color:var(--ink2);text-transform:uppercase;letter-spacing:.5px}.review-detail .praises{margin:16px 0;display:flex;flex-direction:column;gap:10px}.review-detail .praises p{background:var(--green-bg);border-left:4px solid var(--green);padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.4}.review-detail .next-up{background:var(--bg2);padding:12px 14px;border-radius:8px;font-size:14px;font-style:italic;color:var(--ink);border-left:4px solid var(--blue)}.review-detail .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:16px}.review-detail .metric{background:var(--bg2);border-radius:10px;padding:10px;text-align:center}.review-detail .metric .v{font-size:20px;font-weight:900;color:var(--ink)}.review-detail .metric .l{font-size:10px;color:var(--ink2);font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.ws-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.ws-card{background:#fff;border:2px solid var(--bg2);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;transition:transform .08s;text-decoration:none;color:var(--ink)}.ws-card:hover{transform:translateY(-2px);border-color:var(--green-dark)}.ws-card .day-label{font-size:11px;font-weight:900;color:var(--green-dark);text-transform:uppercase;letter-spacing:.5px}.ws-card .ws-theme{font-size:16px;font-weight:900;color:var(--ink)}.ws-card .ws-meta{font-size:12px;color:var(--ink2);font-weight:700;display:flex;gap:10px;flex-wrap:wrap}.ws-card .ws-action{margin-top:6px;font-size:12px;font-weight:900;color:var(--green-dark);text-transform:uppercase;letter-spacing:.5px}.ws-card.boss{border-color:var(--red)}.ws-card.boss .day-label{color:var(--red-dark)}.ws-card.coming{opacity:.55;pointer-events:none}.ws-card.coming .ws-action{color:var(--ink3)}.ws-section{font-size:13px;font-weight:900;color:var(--ink2);text-transform:uppercase;letter-spacing:1px;margin:24px 0 12px}.ws-section:first-of-type{margin-top:8px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.gallery-card{background:#fff;border:2px solid var(--bg2);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .08s}.gallery-card:hover{transform:translateY(-2px);border-color:var(--green-dark)}.gallery-card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;background:var(--bg2)}.gallery-card .cap{padding:10px 12px}.gallery-card .cap .day{font-size:12px;font-weight:900;color:var(--green-dark);text-transform:uppercase;letter-spacing:.5px}.gallery-card .cap .theme{font-size:14px;font-weight:800;color:var(--ink);margin-top:2px}.gallery-empty{background:var(--bg2);border-radius:14px;padding:40px 20px;text-align:center;color:var(--ink2);font-weight:700}.lightbox{position:fixed;inset:0;background:#000000d9;display:none;align-items:center;justify-content:center;z-index:2000;padding:20px;cursor:pointer}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:90vh;border-radius:10px;box-shadow:0 8px 32px #0006}.lightbox-cap{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-weight:800;background:#00000080;padding:8px 16px;border-radius:999px;font-size:13px}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.dash-card{background:#fff;border:2px solid var(--bg2);border-radius:14px;padding:18px}.dash-card h3{font-size:12px;font-weight:900;color:var(--ink2);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.dash-card .big-n{font-size:36px;font-weight:900;color:var(--ink);line-height:1}.dash-card .big-n+.lbl{font-size:13px;color:var(--ink2);font-weight:700;margin-top:4px}.dash-card.chart-card{grid-column:1 / -1}.dash-card.chart-card .chart-wrap{position:relative;height:220px}.dash-trend{display:flex;gap:4px;align-items:flex-end;margin-top:12px;height:60px}.dash-trend .bar{flex:1;background:var(--green);border-radius:3px 3px 0 0;min-height:4px}.dash-trend .bar.partial{background:var(--orange)}.dash-trend .bar.empty{background:var(--bg3)}.empty-state{background:var(--bg2);border-radius:14px;padding:30px 20px;text-align:center;color:var(--ink2);font-weight:700;font-size:14px}