@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;800&family=Exo+2:wght@700;800&family=Barlow:wght@700;800&family=Kanit:wght@700;800&display=swap";
:root{--topbar-h:86px;--sidebar-w:220px;--radius:10px;--radius-lg:16px;--nav-sidebar-bottom-h:60px;--nav-item-py:5px;--nav-item-px:10px;--nav-gap:3px;--nav-pad:4px 8px;--nav-logo-font:var(--font-inter),system-ui,sans-serif;--nav-logo-pad:14px 12px;--nav-logo-gap:8px;--nav-logo-main-size:.9rem;--nav-logo-sub-size:.6rem;--nav-logo-sub-mt:2px;--nav-logo-lh:1.2;--nav-logo-align:center;--nav-sep-py:2px;--nav-sep-margin:1px 0;--nav-sep-line-h:1px;--nav-sep-line-c:#ffffff47;--nav-sep-label-c:#ffffff59;--nav-sep-label-size:.55rem;--shadow:0 1px 4px #0000004d,0 4px 16px #00000040;--shadow-sm:0 1px 3px #00000040;--transition:.2s cubic-bezier(.4,0,.2,1);--bg:#0a0c0f;--surface:#111418;--surface2:#181c22;--border:#1e2530;--text:#d4cfc7;--text-dim:#8892a8;--gold:#c8a84b;--gold-dim:#7a6229;--section-accent:var(--gold);--section-accent-dim:var(--gold-dim);--section-accent-bg:#c8a84b1a;--section-accent-border:#c8a84b33;--section-accent-faint:#c8a84b14}html[data-theme=trading]{--green:#3ddc84;--green-dim:#1a4a32;--red:#e05252;--red-dim:#3a1515;--blue:#4a9eff;--col-personal:#38bdf8;--col-personal-dim:#0c2a3d;--col-personal-bg:#38bdf80f;--col-prep:#4ade80;--col-prep-dim:#14532d;--col-prep-bg:#4ade800f;--col-exec:#fb923c;--col-exec-dim:#431407;--col-exec-bg:#fb923c0f;--col-custom:#8b9db5}html[data-theme=trading] body{background:var(--bg);background-image:radial-gradient(60% 40% at 70% 10%,#c8a84b0d 0%,#0000 60%),radial-gradient(40% 30% at 10% 80%,#4a9eff08 0%,#0000 50%)}html[data-theme=trading] ::-webkit-scrollbar{width:4px;height:4px}html[data-theme=trading] ::-webkit-scrollbar-track{background:0 0}html[data-theme=trading] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}html[data-theme=trading] ::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}html[data-theme=trading] *{scrollbar-width:thin;scrollbar-color:var(--border)transparent}html[data-theme=trading] #siteMain{overflow:hidden}html[data-theme=trading] #mainArea{-webkit-font-smoothing:auto;flex-direction:column;flex:1;line-height:normal;display:flex;overflow:hidden}#mainArea header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:var(--topbar-h);box-sizing:border-box;background:#0a0c0f80;flex-shrink:0}#mainArea .header-inner{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:14px;padding:18px 28px;display:grid}#mainArea .header-center{justify-content:center;align-items:center;gap:6px;display:flex}.date-big{font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap;text-align:center;font-size:1.15rem;font-weight:700}.date-sub{color:var(--text-dim);font-size:.65rem;font-family:var(--font-inter),system-ui,sans-serif;text-align:center;height:.75rem;margin-top:2px;line-height:.75rem}.readonly-inline{font-size:.5rem;font-family:var(--font-inter),system-ui,sans-serif;color:#fb923c;letter-spacing:.08em}.day-nav-btn{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-dim);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:.75rem;transition:border-color 80ms,color 80ms;display:flex}.day-nav-btn:hover{border-color:var(--text-dim);color:var(--text)}.day-nav-btn:disabled{opacity:.25;cursor:default}.day-nav-today-btn{border:1px solid var(--gold-dim);width:28px;height:28px;color:var(--gold);cursor:pointer;background:#c8a84b1a;border-radius:7px;justify-content:center;align-items:center;font-size:.9rem;transition:background 80ms;display:flex}.day-nav-today-btn:hover{background:#c8a84b38}.player-bar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-stats{flex-direction:column;align-items:flex-start;gap:3px;min-width:110px;display:flex}.tier-name{letter-spacing:.02em;font-size:.75rem;font-weight:700;font-family:var(--font-inter),system-ui,sans-serif;transition:color .5s}.xp-wrap{min-width:110px}.xp-bg{background:var(--border);border-radius:3px;width:100%;height:5px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,var(--gold-dim),var(--gold));border-radius:3px;width:0;height:100%;transition:width .7s}.xp-nums{color:var(--text-dim);font-size:.55rem;font-family:var(--font-inter),system-ui,sans-serif;margin-top:2px}.avatar{width:42px;height:42px;font-size:1rem;font-family:var(--font-inter),system-ui,sans-serif;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-weight:700;transition:border-color .3s,box-shadow .3s;display:flex;position:relative}.avatar.sub-bronze{color:#cd7f32;background:#2a1a0a;border:3px solid #cd7f32;box-shadow:0 0 10px #cd7f3280,0 0 4px #cd7f32cc}.avatar.sub-silver{color:#d0d0d0;background:#1a1a1e;border:3px solid #d0d0d0;box-shadow:0 0 14px #d0d0d08c,0 0 6px #d0d0d0e6}@keyframes goldPulse{0%,to{box-shadow:0 0 16px #f0c040b3,0 0 32px #f0c04059,0 0 6px #f0c040}50%{box-shadow:0 0 26px #f0c040e6,0 0 52px #f0c04080,0 0 10px #f0c040}}.avatar.sub-gold{color:#f0c040;background:#1e1a08;border:4px solid #f0c040;animation:2.2s ease-in-out infinite goldPulse}.readonly-banner{z-index:10;color:var(--blue);font-size:.62rem;font-family:var(--font-inter),system-ui,sans-serif;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c0fd1;border:1px solid #4a9eff4d;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:none;position:absolute;top:10px;left:50%;transform:translate(-50%)}.readonly-banner.show{display:flex}.canvas-viewport{cursor:default;flex:1;position:relative;overflow:auto hidden}.canvas-viewport.panning{cursor:grabbing}.columns-wrap{align-items:flex-start;gap:20px;height:100%;padding:38px 28px 28px;display:flex}.columns-wrap.readonly .habit-card{opacity:.75;cursor:default!important}.columns-wrap.readonly .habit-card.done{opacity:1}.col{border:1px solid var(--border);width:280px;max-height:calc(100vh - 2*var(--topbar-h) - 56px);border-radius:16px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.col-personal{background:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal{background:color-mix(in srgb,var(--panel-color,#38bdf8)6%,transparent)}}.col-personal{border-color:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal{border-color:color-mix(in srgb,var(--panel-color,#38bdf8)20%,transparent)}}.col-prep{background:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep{background:color-mix(in srgb,var(--panel-color,#4ade80)6%,transparent)}}.col-prep{border-color:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep{border-color:color-mix(in srgb,var(--panel-color,#4ade80)20%,transparent)}}.col-exec{background:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec{background:color-mix(in srgb,var(--panel-color,#fb923c)6%,transparent)}}.col-exec{border-color:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec{border-color:color-mix(in srgb,var(--panel-color,#fb923c)20%,transparent)}}.col-custom{background:var(--panel-color,var(--col-custom))}@supports (color:color-mix(in lab, red, red)){.col-custom{background:color-mix(in srgb,var(--panel-color,var(--col-custom))6%,transparent)}}.col-custom{border-color:var(--panel-color,var(--col-custom))}@supports (color:color-mix(in lab, red, red)){.col-custom{border-color:color-mix(in srgb,var(--panel-color,var(--col-custom))20%,transparent)}}.col.col-dragging{opacity:.2}.col.drag-slot{box-shadow:none!important;background:0 0!important;border:1.5px dashed #ffffff1a!important}.col.drag-slot>*{visibility:hidden}.col-header{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:10px 14px;display:flex;position:relative}.col-wrap{flex-shrink:0;width:280px;position:relative}.col-num{font-size:.52rem;font-family:var(--font-inter),system-ui,sans-serif;color:#ffffff4d;letter-spacing:.15em;white-space:nowrap;pointer-events:none;background:#ffffff0d;border:1px solid #ffffff12;border-radius:20px;padding:2px 10px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 7px))}.col-header:active{cursor:grabbing}.col-personal .col-header{border-color:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal .col-header{border-color:color-mix(in srgb,var(--panel-color,#38bdf8)35%,transparent)}}.col-personal .col-header{background:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal .col-header{background:color-mix(in srgb,var(--panel-color,#38bdf8)14%,transparent)}}.col-prep .col-header{border-color:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep .col-header{border-color:color-mix(in srgb,var(--panel-color,#4ade80)35%,transparent)}}.col-prep .col-header{background:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep .col-header{background:color-mix(in srgb,var(--panel-color,#4ade80)14%,transparent)}}.col-exec .col-header{border-color:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec .col-header{border-color:color-mix(in srgb,var(--panel-color,#fb923c)35%,transparent)}}.col-exec .col-header{background:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec .col-header{background:color-mix(in srgb,var(--panel-color,#fb923c)14%,transparent)}}.col-custom .col-header{border-color:var(--panel-color,var(--col-custom))}@supports (color:color-mix(in lab, red, red)){.col-custom .col-header{border-color:color-mix(in srgb,var(--panel-color,var(--col-custom))35%,transparent)}}.col-custom .col-header{background:var(--panel-color,var(--col-custom))}@supports (color:color-mix(in lab, red, red)){.col-custom .col-header{background:color-mix(in srgb,var(--panel-color,var(--col-custom))14%,transparent)}}.col-icon{flex-shrink:0;font-size:.95rem}.col-title-wrap{flex:1;align-items:baseline;gap:7px;min-width:0;display:flex}.col-title{text-transform:uppercase;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;overflow:hidden}.col-count{font-size:.65rem;font-family:var(--font-inter),system-ui,sans-serif;opacity:.8;flex-shrink:0;font-weight:700}.col-personal .col-title,.col-personal .col-count{color:var(--panel-color,var(--col-personal))}.col-prep .col-title,.col-prep .col-count{color:var(--panel-color,var(--col-prep))}.col-exec .col-title,.col-exec .col-count{color:var(--panel-color,var(--col-exec))}.col-custom .col-title,.col-custom .col-count{color:var(--panel-color,var(--col-custom))}.col-add-btn{cursor:pointer;border:1px solid;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:1rem;font-weight:300;line-height:1;transition:all .12s;display:flex}.col-personal .col-add-btn{border-color:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal .col-add-btn{border-color:color-mix(in srgb,var(--panel-color,#38bdf8)35%,transparent)}}.col-personal .col-add-btn{color:var(--panel-color,var(--col-personal));background:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal .col-add-btn{background:color-mix(in srgb,var(--panel-color,#38bdf8)8%,transparent)}}.col-prep .col-add-btn{border-color:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep .col-add-btn{border-color:color-mix(in srgb,var(--panel-color,#4ade80)35%,transparent)}}.col-prep .col-add-btn{color:var(--panel-color,var(--col-prep));background:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep .col-add-btn{background:color-mix(in srgb,var(--panel-color,#4ade80)8%,transparent)}}.col-exec .col-add-btn{border-color:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec .col-add-btn{border-color:color-mix(in srgb,var(--panel-color,#fb923c)35%,transparent)}}.col-exec .col-add-btn{color:var(--panel-color,var(--col-exec));background:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec .col-add-btn{background:color-mix(in srgb,var(--panel-color,#fb923c)8%,transparent)}}.col-custom .col-add-btn{border-color:var(--panel-color,var(--col-custom))}@supports (color:color-mix(in lab, red, red)){.col-custom .col-add-btn{border-color:color-mix(in srgb,var(--panel-color,var(--col-custom))35%,transparent)}}.col-custom .col-add-btn{color:var(--panel-color,var(--col-custom));background:var(--panel-color,var(--col-custom))}@supports (color:color-mix(in lab, red, red)){.col-custom .col-add-btn{background:color-mix(in srgb,var(--panel-color,var(--col-custom))8%,transparent)}}.col-add-btn:hover{filter:brightness(1.3);transform:scale(1.1)}.col-prog{align-items:center;gap:8px;padding:0 14px 6px;display:flex}.col-prog-bg{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.col-prog-fill{border-radius:2px;height:100%;transition:width .5s ease-out}.col-personal .col-prog-fill{background:var(--panel-color,var(--col-personal))}.col-prep .col-prog-fill{background:var(--panel-color,var(--col-prep))}.col-exec .col-prog-fill{background:var(--panel-color,var(--col-exec))}.col-custom .col-prog-fill{background:var(--panel-color,var(--col-custom))}.col-prog-nums{font-family:var(--font-inter),system-ui,sans-serif;flex-shrink:0;font-size:.55rem}.col-personal .col-prog-nums{color:var(--panel-color,var(--col-personal))}.col-prep .col-prog-nums{color:var(--panel-color,var(--col-prep))}.col-exec .col-prog-nums{color:var(--panel-color,var(--col-exec))}.col-custom .col-prog-nums{color:var(--panel-color,var(--col-custom))}.col-habits{flex:1;min-height:0;padding:10px 10px 36px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 36px),#0000 100%)}.habit-card{background:var(--surface);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:7px;flex-direction:column;margin-bottom:3px;transition:background 80ms,border-color 80ms,transform .12s;display:flex;position:relative;overflow:hidden}.habit-card:last-child{margin-bottom:0}.habit-card.draggable{cursor:grab}.habit-card.dragging{opacity:.35;transform:scale(.97)}.habit-card.drag-slot{box-shadow:none!important;background:0 0!important;border:1.5px dashed #ffffff1f!important}.habit-card.drag-slot>*{visibility:hidden}.habit-card.editing{cursor:default;border-color:var(--gold-dim);box-shadow:0 0 0 1px #c8a84b26}.habit-card.highlighted{animation:3s ease-out forwards habitHighlight}@keyframes habitHighlight{0%,40%{outline-offset:-3px;outline:2px dashed #ffffffbf}to{outline-offset:-3px;outline:2px dashed #fff0}}.habit-card:before{content:"";background:0 0;width:3px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.col-personal .habit-card:not(.done){background:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal .habit-card:not(.done){background:color-mix(in srgb,var(--panel-color,#38bdf8)7%,transparent)}}.col-personal .habit-card:not(.done){border-color:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal .habit-card:not(.done){border-color:color-mix(in srgb,var(--panel-color,#38bdf8)25%,transparent)}}.col-personal .habit-card:not(.done):before{background:var(--panel-color,var(--col-personal))}.col-prep .habit-card:not(.done){background:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep .habit-card:not(.done){background:color-mix(in srgb,var(--panel-color,#4ade80)7%,transparent)}}.col-prep .habit-card:not(.done){border-color:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep .habit-card:not(.done){border-color:color-mix(in srgb,var(--panel-color,#4ade80)25%,transparent)}}.col-prep .habit-card:not(.done):before{background:var(--panel-color,var(--col-prep))}.col-exec .habit-card:not(.done){background:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec .habit-card:not(.done){background:color-mix(in srgb,var(--panel-color,#fb923c)7%,transparent)}}.col-exec .habit-card:not(.done){border-color:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec .habit-card:not(.done){border-color:color-mix(in srgb,var(--panel-color,#fb923c)25%,transparent)}}.col-exec .habit-card:not(.done):before{background:var(--panel-color,var(--col-exec))}.col-custom .habit-card:not(.done){background:var(--panel-color,var(--col-custom))}@supports (color:color-mix(in lab, red, red)){.col-custom .habit-card:not(.done){background:color-mix(in srgb,var(--panel-color,var(--col-custom))7%,transparent)}}.col-custom .habit-card:not(.done){border-color:var(--panel-color,var(--col-custom))}@supports (color:color-mix(in lab, red, red)){.col-custom .habit-card:not(.done){border-color:color-mix(in srgb,var(--panel-color,var(--col-custom))25%,transparent)}}.col-custom .habit-card:not(.done):before{background:var(--panel-color,var(--col-custom))}.habit-card.done{opacity:.55;background:var(--surface)!important;border-color:var(--border)!important}.habit-card.done:hover{opacity:.8}.habit-card.done:before{background:0 0!important}.habit-card.done .h-name{text-decoration:line-through;-webkit-text-decoration-color:var(--text-dim);-webkit-text-decoration-color:var(--text-dim);-webkit-text-decoration-color:var(--text-dim);text-decoration-color:var(--text-dim);color:var(--text-dim)!important}.habit-card.done .h-xp{opacity:.6;color:var(--text-dim)!important}.habit-card.done .h-icon{background:var(--surface2)!important;border-color:var(--border)!important}.habit-card-inner{grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.h-icon{background:var(--surface2);border:1px solid var(--border);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;transition:background 80ms,border-color 80ms;display:flex;position:relative}.col-personal .habit-card:not(.done) .h-icon{background:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal .habit-card:not(.done) .h-icon{background:color-mix(in srgb,var(--panel-color,#38bdf8)15%,transparent)}}.col-personal .habit-card:not(.done) .h-icon{border-color:var(--panel-color,var(--col-personal))}.col-prep .habit-card:not(.done) .h-icon{background:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep .habit-card:not(.done) .h-icon{background:color-mix(in srgb,var(--panel-color,#4ade80)15%,transparent)}}.col-prep .habit-card:not(.done) .h-icon{border-color:var(--panel-color,var(--col-prep))}.col-exec .habit-card:not(.done) .h-icon{background:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec .habit-card:not(.done) .h-icon{background:color-mix(in srgb,var(--panel-color,#fb923c)15%,transparent)}}.col-exec .habit-card:not(.done) .h-icon{border-color:var(--panel-color,var(--col-exec))}.col-custom .habit-card:not(.done) .h-icon{background:var(--panel-color,var(--col-custom))}@supports (color:color-mix(in lab, red, red)){.col-custom .habit-card:not(.done) .h-icon{background:color-mix(in srgb,var(--panel-color,var(--col-custom))15%,transparent)}}.col-custom .habit-card:not(.done) .h-icon{border-color:var(--panel-color,var(--col-custom))}.h-icon-clickable{cursor:pointer;justify-content:center;align-items:center;transition:transform .1s;display:inline-flex}.h-icon-clickable:hover{transform:scale(1.3)}.rep-badge{background:var(--green);color:var(--bg);font-size:.5rem;font-family:var(--font-inter),system-ui,sans-serif;text-align:center;border-radius:8px;min-width:14px;padding:1px 4px;font-weight:700;line-height:1.6;position:absolute;top:-4px;right:-6px}.h-info{min-width:0;cursor:inherit}.h-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.3;transition:color 80ms;display:-webkit-box;overflow:hidden}.h-name-input{border:none;border-bottom:1px solid var(--gold-dim);color:var(--text);font-size:.8rem;font-weight:600;font-family:var(--font-inter),system-ui,sans-serif;background:0 0;outline:none;width:100%;padding:0;line-height:1.3}.col-personal .habit-card:not(.done) .h-name{color:var(--panel-color,var(--col-personal))}.col-prep .habit-card:not(.done) .h-name{color:var(--panel-color,var(--col-prep))}.col-exec .habit-card:not(.done) .h-name{color:var(--panel-color,var(--col-exec))}.col-custom .habit-card:not(.done) .h-name{color:var(--panel-color,var(--col-custom))}.h-xp{font-family:var(--font-inter),system-ui,sans-serif;color:var(--gold);margin-top:2px;font-size:.6rem;font-weight:700}.col-personal .habit-card:not(.done) .h-xp{color:var(--panel-color,var(--col-personal))}.col-prep .habit-card:not(.done) .h-xp{color:var(--panel-color,var(--col-prep))}.col-exec .habit-card:not(.done) .h-xp{color:var(--panel-color,var(--col-exec))}.col-custom .habit-card:not(.done) .h-xp{color:var(--panel-color,var(--col-custom))}.habit-card-edit{padding:0}.h-edit-row2{justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:0 11px;display:flex}.h-edit-label{color:var(--text-dim);font-size:.68rem;font-family:var(--font-inter),system-ui,sans-serif;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;display:flex}.h-edit-label+.h-edit-label{border-left:1px solid var(--border);margin-left:6px;padding-left:10px}.h-edit-num{width:28px;color:var(--text);font-size:.72rem;font-family:var(--font-inter),system-ui,sans-serif;text-align:right;-moz-appearance:textfield;background:0 0;border:none;border-radius:0;outline:none;padding:2px 0 2px 4px}.h-edit-num::-webkit-inner-spin-button{-webkit-appearance:none}.h-edit-num::-webkit-outer-spin-button{-webkit-appearance:none}.h-spin{border:1px solid var(--border);background:var(--bg);border-radius:5px;align-items:stretch;display:inline-flex;overflow:hidden}.h-spin:focus-within{border-color:var(--gold-dim)}.h-spin-btn{background:var(--surface2);border:none;border-right:1px solid var(--border);width:18px;color:var(--text-dim);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.8rem;line-height:1;transition:background .1s,color .1s;display:flex}.h-spin-btn:last-child{border-right:none;border-left:1px solid var(--border)}.h-spin-btn:hover{color:var(--gold);background:#c8a84b2e}.h-spin-unit{color:var(--text-dim);font-size:.6rem;font-family:var(--font-inter),system-ui,sans-serif;align-self:center;padding:0 3px 0 0;line-height:1}.h-edit-actions{justify-content:flex-end;gap:6px;margin-top:8px;padding:0 11px 9px 51px;display:flex}.h-edit-cancel{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;padding:3px 10px;font-size:.68rem}.h-edit-save{border:1px solid var(--gold-dim);background:var(--gold-dim);color:var(--gold);cursor:pointer;border-radius:5px;padding:3px 10px;font-size:.68rem;font-weight:600}.h-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.checkmark{cursor:pointer;color:#0000;background:#ffffff0a;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;transition:background 80ms,border-color 80ms;display:flex}.col-personal .habit-card.done .checkmark{background:var(--panel-color,var(--col-personal));border-color:var(--panel-color,var(--col-personal));color:var(--bg)}.col-prep .habit-card.done .checkmark{background:var(--panel-color,var(--col-prep));border-color:var(--panel-color,var(--col-prep));color:var(--bg)}.col-exec .habit-card.done .checkmark{background:var(--panel-color,var(--col-exec));border-color:var(--panel-color,var(--col-exec));color:var(--bg)}.col-custom .habit-card.done .checkmark{background:var(--panel-color,var(--col-custom));border-color:var(--panel-color,var(--col-custom));color:var(--bg)}.cal-btn,.edit-btn{background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:24px;height:20px;color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;font-size:.6rem;transition:all .12s;display:flex}.edit-btn:hover{border-color:var(--gold-dim);color:var(--gold);background:#c8a84b26}.col-personal .cal-btn:hover{border-color:var(--panel-color,var(--col-personal));color:var(--panel-color,var(--col-personal))}.col-prep .cal-btn:hover{border-color:var(--panel-color,var(--col-prep));color:var(--panel-color,var(--col-prep))}.col-exec .cal-btn:hover{border-color:var(--panel-color,var(--col-exec));color:var(--panel-color,var(--col-exec))}.col-custom .cal-btn:hover{border-color:var(--panel-color,var(--col-custom));color:var(--panel-color,var(--col-custom))}.rep-progress{margin-top:5px}.rep-bar-bg{background:var(--border);border-radius:2px;height:4px;margin-bottom:3px;overflow:hidden}.rep-bar-fill{background:var(--green);border-radius:2px;height:100%;transition:width .3s}.rep-bar-fill.over{background:var(--gold)}.rep-nums{font-size:.58rem;font-family:var(--font-inter),system-ui,sans-serif;color:var(--text-dim)}.rep-nums span{color:var(--green);font-weight:700}.rep-nums.over span{color:var(--gold)}.inline-edit-form{background:var(--surface2);max-height:0;transition:max-height .28s;overflow:hidden}.inline-edit-form.open{max-height:480px}.inline-edit-form .zvyk-form{border-top:1px solid var(--border);padding:12px 14px}.zvyk-form{background:var(--surface2);border:1px solid var(--border);border-radius:10px;width:100%;padding:14px}.zvyk-form-title{font-size:.65rem;font-family:var(--font-inter),system-ui,sans-serif;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.form-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.form-input{background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--text);font-family:var(--font-inter),system-ui,sans-serif;border-radius:7px;flex:1;width:100%;padding:8px 10px;font-size:.78rem;transition:border-color .15s}.form-input:focus{border-color:var(--gold-dim)}.form-input.small{text-align:center;flex:0 0 70px}.form-btns{justify-content:flex-end;gap:7px;margin-top:10px;display:flex}.form-btn{cursor:pointer;font-family:var(--font-inter),system-ui,sans-serif;border:1px solid;border-radius:7px;padding:7px 14px;font-size:.65rem;font-weight:700;transition:background 80ms,border-color 80ms,color 80ms}.form-btn.save{border-color:var(--gold-dim);color:var(--gold);background:#c8a84b1a}.form-btn.save:hover{background:#c8a84b33}.form-btn.cancel{background:var(--surface);border-color:var(--border);color:var(--text-dim)}.form-btn.cancel:hover{border-color:var(--text-dim);color:var(--text)}.form-btn.delete{color:#f87171;background:#f8717114;border-color:#f871714d;margin-right:auto}.form-btn.delete:hover{background:#f871712e}.toggle-switch{cursor:pointer;flex-shrink:0;width:32px;height:18px;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--border);border-radius:18px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--gold)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(14px)}.xp-stepper{border:1px solid var(--border);border-radius:8px;align-items:center;gap:0;display:flex;overflow:hidden}.xp-step-btn{background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border:none;justify-content:center;align-items:center;font-size:1.1rem;transition:background .1s;display:flex}.xp-step-btn:hover{background:var(--border)}.xp-step-val{text-align:center;min-width:42px;font-family:var(--font-inter),system-ui,sans-serif;color:var(--gold);padding:0 4px;font-size:.8rem;font-weight:700}.fe-add-btn{cursor:pointer;width:100%;font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:.04em;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px;font-size:.62rem;font-weight:700;transition:filter .12s;display:flex}.col-personal .fe-add-btn{background:var(--panel-color,#38bdf8)}@supports (color:color-mix(in lab, red, red)){.col-personal .fe-add-btn{background:color-mix(in srgb,var(--panel-color,#38bdf8)15%,transparent)}}.col-personal .fe-add-btn{color:var(--panel-color,var(--col-personal))}.col-prep .fe-add-btn{background:var(--panel-color,#4ade80)}@supports (color:color-mix(in lab, red, red)){.col-prep .fe-add-btn{background:color-mix(in srgb,var(--panel-color,#4ade80)15%,transparent)}}.col-prep .fe-add-btn{color:var(--panel-color,var(--col-prep))}.col-exec .fe-add-btn{background:var(--panel-color,#fb923c)}@supports (color:color-mix(in lab, red, red)){.col-exec .fe-add-btn{background:color-mix(in srgb,var(--panel-color,#fb923c)15%,transparent)}}.col-exec .fe-add-btn{color:var(--panel-color,var(--col-exec))}.fe-add-btn:hover{filter:brightness(1.3)}.log-wrap{max-height:150px;margin-bottom:20px;overflow-y:auto}.log-row{border-bottom:1px solid var(--border);font-family:var(--font-inter),system-ui,sans-serif;align-items:center;gap:8px;padding:6px 0;font-size:.65rem;display:flex}.log-row:last-child{border-bottom:none}.log-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.log-time{min-width:44px;color:var(--text-dim)}.log-txt{color:var(--text);flex:1}.log-xp{color:var(--gold)}.mm-viewport{cursor:grab;flex:1;position:relative;overflow:auto visible}.mm-viewport:active{cursor:grabbing}body.mm-node-dragging,body.mm-node-dragging *{cursor:grabbing!important}.mm-board{align-items:flex-start;gap:14px;min-width:max-content;padding:14px 20px 32px;display:flex;position:relative}.mm-col-wrap{flex-shrink:0;width:268px;padding-top:24px;position:relative}.mm-col{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.mm-drag-slot .mm-col{opacity:1;box-shadow:none!important;background:0 0!important;border:1.5px dashed #ffffff1a!important}.mm-drag-slot .mm-col>*{visibility:hidden}.mm-col-header{background:var(--surface2);border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:7px 11px;display:flex}.mm-col-header:active{cursor:grabbing}.mm-col-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.72rem;font-weight:800;overflow:hidden}.mm-col-title-input{color:var(--text);text-transform:uppercase;letter-spacing:.07em;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;min-width:0;margin:0;padding:0;font-family:inherit;font-size:.72rem;font-weight:800;overflow:hidden}.mm-col-del{width:20px;height:20px;color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;transition:opacity .12s,color .1s;display:flex}.mm-col-header:hover .mm-col-del{opacity:.5}.mm-col-del:hover{color:#f87171;opacity:1!important}.mm-col-body{padding:7px 9px 10px}.mm-breadcrumb{flex-wrap:nowrap;align-items:center;gap:2px;width:max-content;max-width:600px;height:20px;padding:0 2px;display:flex;position:absolute;top:3px;left:0}.mm-bc-home{color:var(--text-dim);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:1px 5px;font-size:1.05rem;line-height:1;transition:background .12s,color .12s;display:inline-flex}.mm-bc-home:hover{color:var(--text);background:#ffffff1f}.mm-bc-item{color:var(--text-dim);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;max-width:110px;padding:1px 3px;font-size:.82rem;transition:color .12s;overflow:hidden}.mm-bc-item:hover{color:var(--text)}.mm-bc-current{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:120px;padding:1px 3px;font-size:.82rem;overflow:hidden}.mm-add-col{border:1px dashed var(--border);width:150px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:12px;flex-shrink:0;align-self:flex-start;padding:18px 0;font-size:.75rem;transition:border-color .12s,color .12s}.mm-add-col:hover{border-color:var(--text-dim);color:var(--text)}.mm-bullet{-webkit-user-select:none;user-select:none;cursor:pointer;width:12px;height:12px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;transition:background .12s,color .12s;display:flex}.mm-bullet:hover{color:var(--text);background:#ffffff1f}.mm-node{border-radius:8px;transition:background .1s}.mm-node:hover{background:#ffffff0a}.mm-node-drag-slot{background:#ffffff12;border-radius:4px}.mm-btn{opacity:0;transition:opacity .12s}.mm-node:hover .mm-btn{opacity:1}.mm-add{transition:border-color .12s,color .12s}.mm-add:hover{border-color:var(--text-dim);color:var(--text)}.lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-size:.65rem;font-weight:700;font-family:var(--font-inter),system-ui,sans-serif;margin-bottom:6px}.sec{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:.58rem;font-family:var(--font-inter),system-ui,sans-serif;border-bottom:1px solid var(--border);margin:0 28px;padding:12px 0 7px}.sec.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.sec.collapsible:hover{color:var(--text)}.sec-toggle{font-size:.7rem;transition:transform .2s}.sec-toggle.open{transform:rotate(180deg)}.sec-body{opacity:0;max-height:0;padding:0 28px;transition:max-height .3s,opacity .2s;overflow:hidden}.sec-body.open{opacity:1;max-height:2000px}.footer-note{text-align:center;color:var(--text-dim);font-size:.58rem;font-family:var(--font-inter),system-ui,sans-serif;border-top:1px solid var(--border);padding:12px 14px 4px}.backup-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:12px 14px;display:flex}.backup-btn{font-family:var(--font-inter),system-ui,sans-serif;cursor:pointer;border:1px solid;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-size:.65rem;font-weight:700;transition:background 80ms;display:flex}.backup-btn.export{border-color:var(--gold-dim);color:var(--gold);background:#c8a84b14}.backup-btn.export:hover{border-color:var(--gold);background:#c8a84b26}.backup-btn.import{background:var(--surface2);border-color:var(--border);color:var(--text-dim)}.backup-btn.import:hover{border-color:var(--text-dim);color:var(--text)}.backup-btn.danger{color:var(--red);background:#e052520f;border-color:#e052524d}.backup-btn.danger:hover{background:#e052521f}.backup-btn.admin{color:var(--blue);background:#4a9eff14;border-color:#4a9eff4d}.backup-btn.admin:hover{background:#4a9eff26}.toast{background:var(--surface2);border:1px solid var(--border);z-index:600;opacity:0;pointer-events:none;text-align:center;border-radius:8px;min-width:180px;padding:8px 14px;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s;position:fixed;bottom:48px;right:24px;transform:translateY(60px)}.toast.show{opacity:1;pointer-events:all;transform:translateY(0)}.toast-title{color:var(--green);letter-spacing:.02em;margin-bottom:5px;font-size:.7rem;font-weight:700}.toast-title.del{color:#f87171}.toast-body{color:var(--text-dim);font-size:.65rem;font-family:var(--font-inter),system-ui,sans-serif;line-height:1.5}@keyframes xpPop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-32px)}}.xp-pop{font-family:var(--font-inter),system-ui,sans-serif;pointer-events:none;z-index:9999;white-space:nowrap;font-size:.85rem;font-weight:700;animation:1.1s forwards xpPop;position:fixed}.overlay{z-index:200;opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:min(360px,95vw);max-height:90vh;padding:18px;transition:transform .22s cubic-bezier(.4,0,.2,1);overflow-y:auto;transform:translateY(18px)scale(.97)}.overlay.open .modal{transform:translateY(0)scale(1)}.m-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.m-icon{font-size:1.4rem}.m-title{font-size:.9rem;font-weight:800}.m-sub{color:var(--text-dim);font-size:.6rem;font-family:var(--font-inter),system-ui,sans-serif;margin-top:2px}.m-close{background:var(--surface2);border:1px solid var(--border);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:.8rem;transition:color 80ms;display:flex}.m-close:hover{color:var(--text);border-color:var(--text-dim)}.m-stats{gap:6px;margin-bottom:14px;display:flex}.m-stat{background:var(--surface2);border:1px solid var(--border);text-align:center;border-radius:8px;flex:1;padding:8px 6px}.m-stat-val{color:var(--gold);font-size:1.1rem;font-weight:800}.m-stat-lbl{color:var(--text-dim);font-size:.5rem;font-family:var(--font-inter),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-top:2px}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cal-nav-btn{background:var(--surface2);border:1px solid var(--border);width:28px;height:28px;color:var(--text-dim);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;transition:all 80ms;display:flex}.cal-nav-btn:hover{border-color:var(--gold-dim);color:var(--gold)}.cal-month{font-size:.85rem;font-weight:800}.cal-wdays{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:3px;display:grid}.cal-wday{text-align:center;color:var(--text-dim);font-size:.52rem;font-family:var(--font-inter),system-ui,sans-serif;padding:2px 0}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cal-day{aspect-ratio:1;font-family:var(--font-inter),system-ui,sans-serif;cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;transition:all 80ms;display:flex}.cal-day.empty{pointer-events:none}.cal-day.future{opacity:.2;pointer-events:none}.cal-day-n{font-size:.75rem;font-weight:700;line-height:1}.cal-day.s-none{background:var(--surface2);border-color:var(--border);color:var(--text-dim)}.cal-day.s-none:hover{border-color:var(--gold-dim);color:var(--text)}.cal-day.s-done{background:var(--green-dim);border-color:var(--green);color:var(--green)}.cal-day.s-skip{background:var(--red-dim);color:var(--red);border-color:#5a2020}.cal-day.today{box-shadow:0 0 0 2px var(--gold)}.cal-legend{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:8px;display:flex}.cal-leg-item{color:var(--text-dim);font-size:.56rem;font-family:var(--font-inter),system-ui,sans-serif;align-items:center;gap:5px;display:flex}.cal-leg-dot{border-radius:2px;width:8px;height:8px}.cal-hint{color:var(--text-dim);font-size:.55rem;font-family:var(--font-inter),system-ui,sans-serif;text-align:center;opacity:.6;margin-top:6px}.skeleton-page{max-width:900px;margin:0 auto;padding:32px 28px}.skeleton-page-header{margin-bottom:28px}.skeleton-page-title{font-family:var(--font-inter),system-ui,sans-serif;color:var(--text);align-items:center;gap:12px;margin-bottom:6px;font-size:1.4rem;font-weight:800;display:flex}.skeleton-page-sub{color:var(--text-dim);font-size:.8rem;line-height:1.5}.skeleton-coming{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:40vh;display:flex}.skeleton-coming-icon{opacity:.3;font-size:3rem}.skeleton-coming-title{color:var(--text-dim);font-size:1rem;font-weight:700}.skeleton-coming-sub{color:var(--text-dim);opacity:.6;max-width:320px;font-size:.75rem;line-height:1.6}.changelog-wrap{cursor:default;caret-color:#0000;width:100%;max-width:700px;margin:0 auto;padding:32px 28px}.changelog-header{margin-bottom:28px}.changelog-title{width:fit-content;color:var(--gold);background:#c8a84b1a;border:1px solid #c8a84b33;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:.82rem;font-weight:700;display:flex}.changelog-sub{color:var(--text-dim);margin-top:5px;font-size:.78rem}.changelog-list{flex-direction:column;gap:0;display:flex}.changelog-entry{gap:0;display:flex;position:relative}.cl-left{flex-direction:column;flex-shrink:0;align-items:center;width:48px;display:flex}.cl-dot{background:var(--gold);border:2px solid var(--bg);z-index:1;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.cl-dot.major{width:14px;height:14px;box-shadow:0 0 8px #c8a84b80}.cl-line{background:var(--border);flex:1;width:1px;margin-top:2px}.cl-right{cursor:default;flex:1;padding:0 0 28px 4px}.cl-version{font-family:var(--font-inter),system-ui,sans-serif;color:var(--gold);letter-spacing:.05em;cursor:default;font-size:.7rem;font-weight:700}.cl-desc{color:var(--text);cursor:default;margin:3px 0 6px;font-size:.8rem;font-weight:400}.cl-tags{flex-wrap:wrap;gap:4px;display:flex}.cl-tags .cl-tag{-webkit-user-select:none;user-select:none}.cl-tag{letter-spacing:.03em;border-radius:8px;padding:2px 7px;font-size:.6rem;font-weight:700}.cl-tag.oprava{color:#e53e3e;background:#e53e3e26}.cl-tag.novinka{color:#4ade80;background:#4ade8026}.cl-tag.vzhled{color:#4a9eff;background:#4a9eff26}.cl-tag.chovani{color:#a78bfa;background:#a88bfa26}.cl-tag.prepracovani{color:var(--gold);background:#c8a84b26}.cl-tag.výkon{color:#fb923c;background:#fb923c26}.cl-tag.ux{color:#22d3ee;background:#22d3ee26}.cl-tag.fix{color:#e53e3e;background:#e53e3e26}.cl-tag.feature{color:#4ade80;background:#4ade8026}.cl-tag.ui{color:#4a9eff;background:#4a9eff26}.cl-tag.refactor{color:var(--gold);background:#c8a84b26}.cl-filter-bar{flex-wrap:wrap;gap:6px;min-height:22px;margin-bottom:20px;display:flex}.cl-filter-clear{cursor:pointer;box-shadow:none;opacity:.9;border:none;outline:none;align-items:center;line-height:1;display:inline-flex}.cl-filter-clear:focus{box-shadow:none;outline:none}.cl-filter-clear:hover{opacity:1}.cl-filter-clear-all{color:var(--text-dim);cursor:pointer;opacity:.8;background:#ffffff12;border:none;outline:none;align-items:center;line-height:1;display:inline-flex}.cl-filter-clear-all:hover{opacity:1}.cl-tag-picker{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.cl-picker-tag{cursor:pointer;opacity:.65;transition:opacity .12s,box-shadow .12s}.cl-picker-tag:hover{opacity:.9}.cl-picker-tag.cl-filter-active{opacity:1;box-shadow:0 0 0 1.5px}.cl-pick-count{opacity:.75;margin-left:3px;font-size:.5rem}.cl-tag.cl-filter-active{box-shadow:0 0 0 1.5px}.cl-era-banner{border:1px solid;border-radius:10px;flex-direction:column;align-items:flex-start;margin:6px 0 20px;padding:12px 16px;display:flex;position:relative;overflow:hidden}.cl-era-banner:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.cl-era-banner.era-1{background:#4a9eff0f;border-color:#4a9eff33}.cl-era-banner.era-1:before{background:var(--blue)}.cl-era-banner.era-2{background:#c8a84b12;border-color:#c8a84b40}.cl-era-banner.era-2:before{background:var(--gold)}.cl-era-title{font-family:var(--font-inter),system-ui,sans-serif;margin-bottom:3px;font-size:.88rem;font-weight:800}.era-1 .cl-era-title{color:var(--blue)}.era-2 .cl-era-title{color:var(--gold)}.cl-era-sub{color:#9aaaba;font-size:.62rem;font-family:var(--font-inter),system-ui,sans-serif}.cl-version-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.cl-build,.cl-date{font-family:var(--font-inter),system-ui,sans-serif;color:#9aaaba;font-size:.58rem}.cl-current-badge{font-size:.5rem;font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:.04em;color:var(--green);background:#3ddc841f;border:1px solid #3ddc8459;border-radius:8px;padding:1px 6px;font-weight:700}.page{flex-direction:column;flex:1;display:none;overflow:hidden}.page.active{display:flex}.confirm-dialog{background:var(--surface2);border:1px solid var(--border);border-radius:16px;width:min(380px,92vw);padding:28px 28px 20px;box-shadow:0 16px 48px #0009}.confirm-dialog h3{color:var(--text);letter-spacing:.02em;margin:0 0 10px;font-size:.95rem;font-weight:700}.confirm-dialog p{color:var(--text-dim);margin:0 0 22px;font-size:.78rem;line-height:1.55}.confirm-dialog .confirm-btns{justify-content:flex-end;gap:10px;display:flex}.confirm-dialog .confirm-btn{border:1px solid var(--border);font-family:var(--font-inter),system-ui,sans-serif;cursor:pointer;border-radius:9px;padding:8px 20px;font-size:.75rem;font-weight:600;transition:all .1s}.confirm-dialog .confirm-btn.cancel{background:var(--surface);color:var(--text-dim)}.confirm-dialog .confirm-btn.cancel:hover{color:var(--text)}.confirm-dialog .confirm-btn.danger{color:#f87171;background:#f8717126;border-color:#f8717166}.confirm-dialog .confirm-btn.danger:hover{background:#f8717140}.help-overlay{z-index:800;background:#0000008c;display:none;position:fixed;inset:0}.help-overlay.open{display:block}.help-panel{background:var(--surface);border-left:1px solid var(--border);z-index:801;flex-direction:column;width:400px;height:100vh;transition:right .25s;display:flex;position:fixed;top:0;right:-420px;overflow:hidden}.help-panel.open{right:0}.help-header{border-bottom:1px solid var(--border);font-family:var(--font-inter),system-ui,sans-serif;color:var(--gold);justify-content:space-between;align-items:center;padding:18px 20px;font-size:.95rem;font-weight:700;display:flex}.help-close{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.help-close:hover{border-color:var(--text);color:var(--text)}.help-body{flex-direction:column;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.help-section{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.help-section-title{font-family:var(--font-inter),system-ui,sans-serif;color:var(--text);margin-bottom:6px;font-size:.8rem;font-weight:700}.help-section-body{color:var(--text-dim);font-size:.75rem;line-height:1.6}.search-overlay{z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:flex-start;padding-top:18vh;display:flex;position:fixed;inset:0}.search-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:560px;margin:0 16px;overflow:hidden;box-shadow:0 24px 64px #0009}.search-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.search-icon{opacity:.6;flex-shrink:0;font-size:1rem}.search-input{color:var(--text);font-size:.95rem;font-family:var(--font-inter),system-ui,sans-serif;background:0 0;border:none;outline:none;flex:1;font-weight:500}.search-input::placeholder{color:var(--text-dim)}.search-esc{font-size:.6rem;font-family:var(--font-inter),system-ui,sans-serif;color:var(--text-dim);border:1px solid var(--border);letter-spacing:.05em;border-radius:5px;flex-shrink:0;padding:2px 6px}.search-results{max-height:360px;padding:8px 0;overflow-y:auto}.search-section-label{font-size:.55rem;font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;padding:4px 16px 6px}.search-result-item{cursor:pointer;align-items:center;gap:10px;padding:9px 16px;transition:background .1s;display:flex}.search-result-item.active,.search-result-item:hover{background:#ffffff0d}.search-result-icon{text-align:center;flex-shrink:0;width:22px;font-size:.95rem}.search-result-name{color:var(--text);flex:1;font-size:.82rem;font-weight:600}.search-result-meta{color:var(--text-dim);font-size:.68rem;font-family:var(--font-inter),system-ui,sans-serif;flex-shrink:0}.search-empty{color:var(--text-dim);text-align:center;padding:20px 16px;font-size:.8rem}#hamburger{z-index:400;background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:8px;padding:8px 10px;font-size:1rem;display:none;position:fixed;top:12px;left:12px}#sidebarOverlay{z-index:299;background:#0009;display:none;position:fixed;inset:0}@media (max-width:768px){#hamburger{display:block}#sidebar{transition:left .25s;left:-240px;width:220px!important;min-width:220px!important}#sidebar.mobile-open{left:0}#sidebar.collapsed{width:220px!important;min-width:220px!important}#sidebar.collapsed .nav-label,#sidebar.collapsed .sidebar-logo-text{opacity:1;width:auto}#mainArea{margin-left:0!important}#sidebarOverlay.active{display:block}}.landing-wrap{align-self:center;width:700px;max-width:calc(100% - 40px);padding:28px 28px 60px}.landing-hero{text-align:center;margin-bottom:32px}.landing-hero-title{font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:.02em;margin-bottom:8px;font-size:2.2rem;font-weight:800;line-height:1.1}.landing-hero-tagline{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;font-family:var(--font-inter),system-ui,sans-serif;margin-bottom:16px}.landing-hero-desc{color:var(--text-dim);max-width:460px;margin:0 auto;font-size:.85rem;font-weight:400;line-height:1.75}.landing-player{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:16px;margin-bottom:10px;padding:18px 20px;display:flex}.landing-player-info{flex:1;min-width:0}.landing-player-title{color:var(--text);margin-bottom:8px;font-size:.82rem;font-weight:700}.landing-streak{text-align:center;flex-shrink:0;min-width:52px}.landing-streak-val{font-size:1.6rem;font-weight:800;font-family:var(--font-inter),system-ui,sans-serif;color:var(--green);line-height:1}.landing-streak-lbl{color:var(--text-dim);font-size:.55rem;font-family:var(--font-inter),system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.landing-today{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;margin-bottom:32px;padding:14px 20px;display:flex}.landing-today-label{font-size:.58rem;font-family:var(--font-inter),system-ui,sans-serif;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;flex-shrink:0}.landing-today-bar-wrap{flex:1}.landing-today-bar-bg{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.landing-today-bar-fill{background:linear-gradient(90deg,var(--green-dim),var(--green));border-radius:4px;height:100%;transition:width .5s ease-out}.landing-today-nums{font-size:.62rem;font-family:var(--font-inter),system-ui,sans-serif;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.landing-today-pct{font-size:.68rem;font-family:var(--font-inter),system-ui,sans-serif;text-align:right;flex-shrink:0;min-width:32px;font-weight:700}.landing-cards-label{color:var(--text-dim);font-size:.58rem;font-family:var(--font-inter),system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.landing-cards{flex-direction:column;gap:8px;display:flex}.landing-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:border-color .15s,background .15s;display:flex}.landing-card:hover{border-color:var(--gold-dim);background:#c8a84b0a}.landing-card-icon{text-align:center;flex-shrink:0;width:34px;font-size:1.4rem}.landing-card-body{flex:1;min-width:0}.landing-card-title{color:var(--text);font-size:.88rem;font-weight:700}.landing-card-sub{color:var(--text-dim);font-size:.68rem;font-weight:400;font-family:var(--font-inter),system-ui,sans-serif;margin-top:3px}.landing-card-arrow{color:var(--text-dim);flex-shrink:0;font-size:.9rem;transition:transform .15s,color .15s}.landing-card:hover .landing-card-arrow{color:var(--gold);transform:translate(4px)}#te-columns-wrap[data-abs-layout="1"]{position:relative}#te-columns-wrap[data-abs-layout="1"] .col{position:absolute;top:20px}.glossary-term{position:relative}.glossary-term:after{content:attr(data-tooltip);color:var(--text);border:1px solid var(--gold-dim);white-space:pre-wrap;pointer-events:none;opacity:0;z-index:100;background:#1e2530;border-radius:7px;width:max-content;max-width:260px;padding:6px 10px;font-size:.78rem;line-height:1.5;transition:opacity;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.glossary-term:hover:after{opacity:1}.glossary-term--active{background:var(--gold-dim);border-radius:3px;padding:0 2px;color:#fff!important;border-bottom-color:var(--gold)!important}.journal-entry-card:hover .journal-edit-btn{opacity:1!important}.rich-editor:empty:before{content:attr(data-placeholder);color:var(--text-dim);opacity:.45;pointer-events:none}.rich-editor:focus{border-color:var(--gold-dim)!important}