*{box-sizing:border-box}#root,body,html{color:#2d5f3f;-webkit-font-smoothing:antialiased;background:#fbf7ee;height:100%;margin:0;padding:0;font-family:Quicksand,system-ui,-apple-system,sans-serif;font-weight:500}button{font-family:inherit}[role=button],a,button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=submit],label,select{touch-action:manipulation}body{background-color:#fbf7ee;background-image:radial-gradient(circle at 20% 30%,#d6c39c2e,#0000 50%),radial-gradient(circle at 80% 70%,#8fb25a1a,#0000 50%)}.app{grid-template-columns:240px 1fr;height:100dvh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.app.sidebar-closed{grid-template-columns:0 1fr}.sidebar{background:#fffbf0;border-right:3px dashed #e8dcc4;flex-direction:column;gap:4px;min-width:0;padding:20px 14px;transition:transform .2s,opacity .16s;display:flex;overflow:hidden auto}.app.sidebar-closed .sidebar{opacity:0;pointer-events:none;transform:translate(-100%)}.sidebar-toggle{color:#6b4226;cursor:pointer;background:#fbf0dc;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s;display:inline-flex;box-shadow:0 2px #e8c88a}.sidebar-toggle:hover{background:#f5e5c0}.sidebar-backdrop{z-index:90;background:#2d5f3f59;animation:.16s ease-out fadeIn;position:fixed;inset:0}.logo{align-items:center;gap:12px;padding:6px 10px 18px;display:flex}.logo-mark{filter:drop-shadow(0 2px #0000001a);font-size:36px}.logo-title{color:#2d5f3f;font-family:Caprasimo,serif;font-size:24px;line-height:1}.logo-sub{color:#6b4226;opacity:.6;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700}.nav{flex-direction:column;gap:2px;margin-top:8px;display:flex}.nav-item{color:#6b4226;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,color .12s,transform .12s;display:flex}.nav-item:hover{color:#2d5f3f;background:#fbf0dc}.nav-item-active{box-shadow:0 3px #1f4429}.nav-item-active,.nav-item-active:hover{color:#fbf7ee;background:#2d5f3f}.nav-icon,.user-block{align-items:center;display:flex}.user-block{background:#fbf0dc;border-radius:14px;gap:10px;padding:12px;box-shadow:0 2px #e8c88a}.avatar{background:#fffbf0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex;box-shadow:0 2px #d4b896}.main{flex-direction:column;display:flex;overflow:hidden}.topbar{background:#fffbf0;border-bottom:2px dashed #e8dcc4;flex-shrink:0;gap:18px;padding:16px 28px}.topbar,.year-selector{align-items:center;display:flex}.year-selector{background:#2d5f3f;border-radius:999px;gap:4px;padding:4px;box-shadow:0 3px #1f4429}.year-value{color:#fbf7ee;text-align:center;min-width:72px;padding:0 14px;font-family:Caprasimo,serif;font-size:22px}.year-arrow{color:#2d5f3f;cursor:pointer;background:#fbf7ee;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .12s;display:flex}.year-arrow:hover{transform:scale(1.08)}.breadcrumb{color:#2d5f3f;font-family:Caprasimo,serif;font-size:20px}.content{flex:1;padding:28px;overflow:auto}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:2px;padding:10px 16px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;transition:transform .1s,box-shadow .12s;display:inline-flex}.btn-primary{color:#fbf7ee;background:#2d5f3f;box-shadow:0 3px #1f4429}.btn-primary:hover{background:#3f7a52}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-ghost{color:#6b4226;background:#fbf0dc;box-shadow:0 2px #e8c88a}.btn-ghost:hover{background:#f5e5c0}.btn-danger{color:#fff;background:#e54b3a;box-shadow:0 3px #b3331f}.btn-danger:hover{background:#d0402f}.btn-tall{min-height:48px;padding:10px 18px;font-size:15px}.btn-block{width:100%}.btn:active{box-shadow:none;transform:translateY(1px)}.icon-btn{cursor:pointer;color:#6b4226;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.chip,.icon-btn:hover{background:#fbf0dc}.chip{color:#6b4226;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:transform .1s;display:inline-flex;box-shadow:0 2px #e8c88a}.chip:hover{transform:translateY(-1px)}.chip-active{color:#fbf7ee;background:#2d5f3f;box-shadow:0 2px #1f4429}.chip-ghost{background:0 0;box-shadow:inset 0 0 0 2px #e8c88a}.step-btn{color:#fbf7ee;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2d5f3f;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;font-weight:700;line-height:1}.step-btn:hover{background:#3f7a52}.paint-btn{color:#6b4226;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;padding:6px 12px;font-size:13px;font-weight:600;transition:background .12s,transform .1s;display:inline-flex}.paint-btn:hover{background:#fbf0dc}.cell{outline:none}.cell:focus-visible{outline-offset:2px;outline:3px solid #f5c24a}.modal-backdrop{z-index:100;background:#2d5f3f73;justify-content:center;align-items:center;padding:24px;animation:.16s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fffbf0;border-radius:24px;flex-direction:column;width:100%;max-width:720px;max-height:88vh;animation:.2s cubic-bezier(.34,1.56,.64,1) popIn;display:flex;box-shadow:0 20px 60px #00000040,0 0 0 4px #fbf7ee,0 0 0 6px #e8dcc4}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tab{color:#6b4226;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:700}.tab-active,.tab:hover{color:#2d5f3f}.tab-active{border-bottom-color:#2d5f3f}.input{color:#2d5f3f;background:#fbf7ee;border:2px solid #e8dcc4;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:border-color .12s}.input:focus{border-color:#6fb35c}textarea.input{resize:vertical}.veg-card{cursor:pointer;background:#fbf7ee;border:2px solid #e8dcc4;border-radius:14px;flex-direction:column;align-items:center;padding:12px 8px;transition:transform .1s,border-color .12s,background .12s;display:flex}.veg-card:hover{border-color:#c5dca5;transform:translateY(-2px)}.veg-card-active{background:#e8f4dc;border-color:#6fb35c;box-shadow:0 3px #6fb35c}.neigh-card{background:#fbf7ee;border:2px solid #e8dcc4;border-radius:14px;padding:12px}.mini-veg{color:#6b4226;background:#fbf0dc;border-radius:999px;align-items:center;gap:5px;padding:4px 10px 4px 6px;font-size:12px;font-weight:600;display:inline-flex}.screen-grid{flex-direction:column;gap:18px;display:flex}.hero-card{color:#fbf7ee;background:linear-gradient(135deg,#2d5f3f,#3f8a4d);border-radius:24px;align-items:center;gap:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px #1f4429}.hero-card:before{content:"";background:radial-gradient(circle,#f5c24a40,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.hero-label{text-transform:uppercase;letter-spacing:1px;opacity:.85;font-size:13px;font-weight:700}.hero-title{margin:6px 0 10px;font-family:Caprasimo,serif;font-size:38px;line-height:1.05}.hero-sub{opacity:.92;margin:0;font-size:15px}.hero-deco{z-index:1;position:relative}.dash-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.dash-card{background:#fffbf0;border-radius:20px;padding:22px;box-shadow:0 3px #e8dcc4}.dash-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dash-card-head h2{color:#2d5f3f;align-items:center;gap:8px;margin:0;font-family:Caprasimo,serif;font-size:18px;display:flex}.badge{color:#fbf7ee;background:#6fb35c;border-radius:999px;justify-content:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.badge,.task-row{align-items:center}.task-row{cursor:pointer;background:#fbf7ee;border:2px solid #0000;border-radius:12px;gap:10px;padding:10px 12px;transition:border-color .12s;display:flex}.task-row:hover{border-color:#e8dcc4}.task-row input[type=checkbox]{accent-color:#6fb35c;cursor:pointer;width:20px;height:20px}.task-emoji{font-size:20px}.screen-pad{flex-direction:column;gap:12px;display:flex}.screen-title{color:#2d5f3f;margin:0;font-family:Caprasimo,serif;font-size:32px}.screen-sub{color:#6b4226;margin:0;font-size:14px}.calendar-wrap{background:#fffbf0;border-radius:18px;margin-top:16px;padding:14px;overflow-x:auto;box-shadow:0 3px #e8dcc4}.calendar-row{grid-template-columns:160px repeat(12,minmax(48px,1fr));align-items:center;gap:4px;display:grid}.calendar-header{margin-bottom:6px}.calendar-cell-name{color:#2d5f3f;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.calendar-cell{background:#fbf7ee;border-radius:8px;justify-content:center;align-items:center;height:36px;padding:4px;display:flex;position:relative}.calendar-month{color:#6b4226;text-transform:uppercase;background:0 0;height:28px;font-family:Caprasimo,serif;font-size:13px}.calendar-month-active{color:#6b4226;background:#f5c24a;border-radius:8px;box-shadow:0 2px #c99820}.calendar-bars{flex-direction:column;gap:2px;width:100%;display:flex}.cal-bar{border-radius:999px;height:6px;box-shadow:inset 0 -1px #00000026}.planner-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;margin-bottom:18px;display:grid}.score-card{background:#fffbf0;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 3px #e8dcc4}.planner-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.issue-row{background:#fbe9d8;border-left:4px solid #e54b3a;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.comp-matrix{border-collapse:separate;border-spacing:3px;background:#fffbf0;border-radius:18px;padding:12px;box-shadow:0 3px #e8dcc4}.comp-matrix th{color:#2d5f3f;vertical-align:bottom;padding:4px;font-family:Quicksand,sans-serif;font-size:11px;font-weight:700}.comp-matrix tbody th{text-align:left;vertical-align:middle;padding-right:10px}.comp-matrix td{text-align:center;border-radius:6px;width:28px;height:28px;font-size:14px;font-weight:700}.comp-good{color:#2d5f3f;background:#c5e8a0}.comp-bad{color:#8b2818;background:#f4b8ac}.comp-neutral{color:#6b4226;opacity:.5;background:#fbf7ee}.self-cell{color:#6b4226;opacity:.5;background:#e8dcc4}.history-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:18px;display:grid}.history-card{text-align:left;cursor:default;background:#fffbf0;border:none;border-radius:20px;padding:20px;font-family:inherit;box-shadow:0 3px #e8dcc4}.history-add{cursor:pointer;background:0 0;border:3px dashed #d4b896;flex-direction:column;justify-content:center;align-items:center;min-height:200px;transition:background .12s,transform .1s;display:flex}.history-add:hover{background:#fbf0dc;transform:translateY(-2px)}.type-toggle{color:#6b4226;cursor:pointer;background:#fbf7ee;border:2px solid #e8dcc4;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:700;transition:all .12s;display:flex}.type-toggle:hover{background:#fbf0dc}.type-toggle-active{color:#fbf7ee;background:#2d5f3f;border-color:#1f4429;box-shadow:0 2px #1f4429}.type-toggle-blocked.type-toggle-active{background:#8a7560;border-color:#5b4a38;box-shadow:0 2px #5b4a38}.cat-header{gap:10px;margin-bottom:10px}.cat-dot,.cat-header{align-items:center;display:flex}.cat-dot{border-radius:50%;flex-shrink:0;justify-content:center;width:28px;height:28px;box-shadow:inset 0 -3px #00000026,0 2px #00000014}.cat-label{color:#2d5f3f;font-family:Caprasimo,serif;font-size:17px;line-height:1}.cat-count{color:#6b4226;letter-spacing:.4px;background:#fbf0dc;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.cat-rule{border-top:2px dashed #e8dcc4;flex:1;height:0;margin-left:4px}.bed-chip{padding-right:4px;position:relative}.bed-chip-label{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-weight:600;display:inline-flex}.bed-chip-input{font:inherit;color:#2d5f3f;outline-offset:1px;background:#fffffff2;border:none;border-radius:6px;outline:2px solid #6b4226;width:11ch;min-width:80px;padding:2px 6px;font-weight:700}.bed-chip-action{color:inherit;cursor:pointer;opacity:.85;background:#fffbf02e;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:6px;padding:0;transition:background .12s,transform 80ms;display:inline-flex}.bed-chip-action:hover{opacity:1;background:#fffbf052;transform:scale(1.08)}.bed-chip-delete:hover{color:#fbf7ee;background:#e54b3a}.bed-chip.chip{padding-right:14px}.bed-chip-editing{cursor:text}.zone-select{color:#2d5f3f;cursor:pointer;background:#fbf7ee;border:2px solid #e8dcc4;border-radius:10px;padding:6px 10px;font-family:inherit;font-size:13px;font-weight:700;transition:border-color .12s;box-shadow:0 2px #d4b896}.zone-select:focus,.zone-select:hover{border-color:#2d5f3f}.zone-select:focus{outline:none}.month-banner{color:#2d5f3f;text-transform:capitalize;background:linear-gradient(90deg,#fbf0dc,#0000 80%);border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:6px 14px;font-family:Caprasimo,serif;font-size:16px;display:flex}.month-banner-count{color:#6b4226;letter-spacing:.4px;background:#fff;border-radius:999px;padding:2px 8px;font-family:Quicksand,sans-serif;font-size:11px;font-weight:700}.month-banner-toggle{cursor:pointer;text-align:left;width:100%;font:inherit;color:#2d5f3f;border:none;font-family:Caprasimo,serif;font-size:16px;transition:background .12s}.month-banner-toggle:hover{background:linear-gradient(90deg,#f6e6c5,#0000 80%)}.month-banner-past{opacity:.7}.month-banner-warn{color:#fff;letter-spacing:.4px;background:#e08a2a;border-radius:999px;margin-left:auto;padding:2px 8px;font-family:Quicksand,sans-serif;font-size:11px;font-weight:700}.suggest-row{background:#fbf7ee;border:2px solid #f0e5cc;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;transition:background .12s,border-color .12s;display:flex}.suggest-row:hover{background:#fffbf0;border-color:#e8dcc4}.suggest-done{opacity:.5}.suggest-done>div>div:first-child{text-decoration:line-through}.suggest-check{accent-color:#2d5f3f;cursor:pointer;flex-shrink:0;width:18px;height:18px}.suggest-emoji{flex-shrink:0;font-size:22px;line-height:1}.suggest-date-wrap{flex-shrink:0}.suggest-date-input{color:#2d5f3f;background:#fff;border:2px solid #2d5f3f;outline:none;padding:6px 10px}.date-chip,.suggest-date-input{font:inherit;border-radius:999px;font-size:12px;font-weight:700}.date-chip{color:#6b4226;cursor:pointer;white-space:nowrap;background:#fffbf0;border:2px dashed #c9b68e;align-items:center;gap:6px;padding:6px 12px;transition:border-color .12s,background .12s,transform 80ms;display:inline-flex}.date-chip:hover{color:#2d5f3f;background:#fff;border-color:#2d5f3f}.date-chip-custom{color:#fbf7ee;background:#2d5f3f;border-style:solid;border-color:#1f4429;box-shadow:0 2px #1f4429}.date-chip-custom:hover{color:#fbf7ee;background:#2a5538}.date-chip-pin{opacity:.9;font-size:10px}.icon-btn-sm{color:#6b4226;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex}.icon-btn-sm:hover{color:#b83020;background:#fbf0dc}a.user-block{cursor:pointer;text-align:left;background:#fbf0dc;font-family:inherit;text-decoration:none;transition:background .12s,box-shadow .12s}a.user-block:hover{background:#f5e5c0}.user-block-active{box-shadow:inset 0 0 0 2px #2d5f3f,0 2px #1f4429!important}.profile-hero{background:#fffbf0;border:2px dashed #e8dcc4;border-radius:18px;align-items:flex-start;gap:22px;margin-bottom:18px;padding:22px;display:flex;box-shadow:0 3px #e8dcc4}.avatar-picker{flex-shrink:0;position:relative}.avatar-big{cursor:pointer;background:linear-gradient(135deg,#fbf0dc,#f5e5c0);border:3px solid #fbf7ee;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;padding:0;font-size:56px;transition:transform .12s;display:flex;position:relative;box-shadow:0 4px #d4b896,0 0 0 4px #e8dcc4}.avatar-big:hover{transform:scale(1.04)}.avatar-edit-badge{color:#fbf7ee;background:#2d5f3f;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px #1f4429}.avatar-popover{z-index:50;background:#fffbf0;border:2px solid #e8dcc4;border-radius:14px;grid-template-columns:repeat(6,1fr);gap:4px;min-width:260px;padding:8px;display:grid;position:absolute;top:110px;left:0;box-shadow:0 8px 24px #6b42262e}.avatar-option{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;transition:background .1s,border-color .1s;display:flex}.avatar-option:hover{background:#fbf0dc}.avatar-option-active{background:#fbf0dc;border-color:#2d5f3f}.profile-name{color:#2d5f3f;font-family:Caprasimo,serif;font-size:32px;line-height:1.1;display:inline-block}.profile-meta{color:#6b4226;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:13px;font-weight:600;display:flex}.profile-meta-sep{opacity:.4}.profile-meta-item{align-items:center;gap:4px;display:inline-flex}.profile-location{color:#6b4226;font-size:13px;font-weight:600}.profile-bio{color:#2d5f3f;max-width:600px;margin-top:12px;font-size:14px;line-height:1.5;display:block}.editable-display{cursor:pointer;border-bottom:2px dashed #0000;border-radius:6px;align-items:center;gap:6px;margin:-2px -4px;padding:2px 4px;transition:background .12s,border-color .12s;display:inline-flex}.editable-display:hover{background:#fbf0dc;border-bottom-color:#c9b68e}.editable-empty{color:#b59c7a;font-style:italic}.editable-pencil{color:#6b4226;opacity:0;font-size:10px;transition:opacity .12s}.editable-display:hover .editable-pencil{opacity:.6}.editable-input{font:inherit;color:inherit;box-sizing:border-box;background:#fff;border:2px solid #2d5f3f;border-radius:8px;outline:none;width:100%;max-width:100%;padding:4px 8px;font-family:inherit}textarea.editable-input{resize:vertical;min-height:60px;line-height:1.5}.editable-num{width:80px}.editable-num-display{white-space:nowrap}.profile-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.profile-card-wide{grid-column:1/-1}@media (width<=900px){.profile-grid{grid-template-columns:1fr}.profile-card-wide{grid-column:1}.profile-hero{text-align:center;flex-direction:column;align-items:center}}.field-label{color:#6b4226;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px;font-weight:700}.field-help{color:#6b4226;opacity:.8;margin:0 0 12px;font-size:13px;line-height:1.5}.zone-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.zone-pill{font:inherit;color:#6b4226;cursor:pointer;background:#fbf7ee;border:2px solid #e8dcc4;border-radius:999px;min-width:48px;padding:8px 12px;font-size:13px;font-weight:700;transition:all .12s}.zone-pill:hover{color:#2d5f3f;border-color:#2d5f3f}.zone-pill-active{color:#fbf7ee;background:#2d5f3f;border-color:#1f4429;box-shadow:0 2px #1f4429}.zone-summary{background:#fbf0dc;border:2px dashed #e8c88a;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.soil-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.soil-card{cursor:pointer;font:inherit;text-align:center;background:#fbf7ee;border:2px solid #e8dcc4;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .12s;display:flex}.soil-card-active,.soil-card:hover{border-color:#2d5f3f}.soil-card-active{background:#fbf0dc;box-shadow:0 2px #1f4429}.soil-emoji{font-size:28px}.soil-label{color:#2d5f3f;font-size:13px;font-weight:700}.soil-hint{color:#6b4226;opacity:.7;font-size:10px;line-height:1.2}.compass{flex-direction:column;gap:10px;display:flex}.compass-cells{grid-template-columns:repeat(3,1fr);gap:6px;max-width:320px;display:grid}.compass-btn{cursor:pointer;font:inherit;background:#fbf7ee;border:2px solid #e8dcc4;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;transition:all .12s;display:flex}.compass-btn:hover{border-color:#2d5f3f}.compass-btn-active{color:#fbf7ee;background:#2d5f3f;border-color:#1f4429;box-shadow:0 2px #1f4429}.compass-letter{font-family:Caprasimo,serif;font-size:22px;line-height:1}.compass-sub{opacity:.75;text-align:center;font-size:9px;line-height:1.2}.compass-btn-active .compass-sub{opacity:.85}.compass-center{color:#e08a2a;background:#fbf0dc;border-radius:12px;justify-content:center;align-items:center;font-size:22px;display:flex}.compass-mixed{font:inherit;color:#6b4226;cursor:pointer;background:#fbf7ee;border:2px dashed #c9b68e;border-radius:999px;align-self:flex-start;padding:8px 14px;font-size:12px;font-weight:700;transition:all .12s}.compass-mixed:hover{color:#2d5f3f;border-color:#2d5f3f}.compass-mixed-active{color:#fbf7ee;background:#2d5f3f;border-style:solid;border-color:#1f4429;box-shadow:0 2px #1f4429}.hours-row{align-items:center;gap:16px;display:flex}.hours-slider{accent-color:#2d5f3f;flex:1;height:6px}.hours-value{background:#fbf0dc;border:2px solid #e8c88a;border-radius:999px;justify-content:center;align-items:baseline;gap:4px;min-width:90px;padding:6px 12px;display:flex}.hours-num{color:#2d5f3f;font-family:Caprasimo,serif;font-size:22px;line-height:1}.hours-unit{color:#6b4226;font-size:11px;font-weight:700}.exp-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=600px){.exp-grid{grid-template-columns:1fr}}.exp-card{cursor:pointer;font:inherit;text-align:left;background:#fbf7ee;border:2px solid #e8dcc4;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;transition:all .12s;display:flex}.exp-card-active,.exp-card:hover{border-color:#2d5f3f}.exp-card-active{background:#fbf0dc;box-shadow:0 3px #1f4429}.exp-emoji{font-size:28px}.exp-label{color:#2d5f3f;font-family:Caprasimo,serif;font-size:17px}.exp-sub{color:#6b4226;opacity:.7;font-size:11px}.goals-grid{flex-wrap:wrap;gap:8px;display:flex}.goal-chip{cursor:pointer;font:inherit;color:#6b4226;background:#fbf7ee;border:2px solid #e8dcc4;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.goal-chip:hover{color:#2d5f3f;border-color:#2d5f3f}.goal-chip-active{color:#fbf7ee;background:#2d5f3f;border-color:#1f4429;box-shadow:0 2px #1f4429}.goal-emoji{font-size:16px;line-height:1}.goal-check{color:#2d5f3f;background:#fbf7ee;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.stat-box{background:#fbf7ee;border:2px dashed #e8dcc4;border-radius:14px;gap:12px;padding:14px}.stat-box,.stat-icon{align-items:center;display:flex}.stat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;width:44px;height:44px;font-size:22px;box-shadow:0 3px #0000002e}.stat-value{color:#2d5f3f;font-family:Caprasimo,serif;font-size:24px;line-height:1.1}.stat-label{color:#6b4226;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:700}@media (width<=1100px){.planner-grid{grid-template-columns:repeat(2,1fr)}.dash-row,.planner-cols{grid-template-columns:1fr}.hero-title{font-size:30px}.hero-card{padding:22px 24px}.content{padding:20px}.topbar{gap:12px;padding:14px 20px}}@media (width<=900px){.app{transition:none}.app,.app.sidebar-closed{grid-template-columns:1fr}.sidebar{z-index:100;opacity:0;pointer-events:none;width:270px;max-width:82vw;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:6px 0 24px #2d5f3f2e}.app.sidebar-open .sidebar{opacity:1;pointer-events:auto;transform:translate(0)}.topbar{gap:12px;min-height:56px;padding:8px 16px}.breadcrumb{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:22px;overflow:hidden}.year-value{min-width:54px;padding:0 8px;font-size:18px}.year-arrow{width:40px;height:40px}.content{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.planner-grid{grid-template-columns:1fr 1fr;gap:10px}.hero-card{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}.hero-title{font-size:26px}.hero-sub{font-size:14px}.profile-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:18px}.profile-name,.screen-title{font-size:26px}.modal-backdrop{padding:12px}.modal{border-radius:18px;max-height:92vh}}.list-fab{right:16px;bottom:calc(82px + env(safe-area-inset-bottom,0px));z-index:40;color:#fbf7ee;cursor:pointer;background:#2d5f3f;border:none;border-radius:999px;align-items:center;gap:8px;height:56px;padding:0 20px 0 16px;font-family:inherit;font-size:15px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 4px #1f4429}.list-fab:active{transform:translateY(2px);box-shadow:0 2px #1f4429}@media (width<=900px){.hide-mobile{display:none!important}.step-btn{width:44px;height:44px;font-size:20px}.icon-btn-sm{border-radius:12px}.icon-btn,.icon-btn-sm{width:44px;height:44px}.suggest-check,.task-row input[type=checkbox]{width:28px;height:28px}.chip{min-height:40px}.input{font-size:16px}.btn,.input,.tab,.zone-pill{min-height:44px}}@media (width>=901px){.hide-desktop{display:none!important}}@media (width<=560px){.topbar{gap:8px;padding:10px 12px}.content{padding:12px}.planner-grid{grid-template-columns:1fr}.hero-title{font-size:22px}.hero-label{font-size:11px}.dash-card{padding:16px}.history-grid{grid-template-columns:1fr;gap:12px}.stats-grid{grid-template-columns:1fr 1fr}.btn{padding:8px 12px;font-size:14px}.compass-cells{max-width:100%}}.community-row{background:#fbf7ee;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:0 2px #e8dcc4}.community-row-meta{flex:1;min-width:0}.community-row-name{color:#2d5f3f;font-weight:700}.community-row-sub{color:#6b4226;opacity:.7;font-size:12px}.community-row-clickable{cursor:pointer;transition:background .12s,transform .1s}.community-row-clickable:hover{background:#f5e5c0}.community-row-active{background:#e8f4dc;box-shadow:0 3px #6fb35c}.community-avatar{background:#fbf0dc;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.community-unread{color:#fff;text-align:center;background:#e54b3a;border-radius:999px;min-width:18px;padding:2px 7px;font-size:11px;font-weight:700}