*,*:before,*:after{box-sizing:border-box}body{margin:0}[data-theme] .goal-item,[data-theme] .focus-card,[data-theme] .pathway-card,[data-theme] .bridge-card,[data-theme] .stat-card,[data-theme] .dash-card,[data-theme] .goal-progress-card,[data-theme] .quiz-modal,[data-theme] .modal,[data-theme] .confirm-modal,[data-theme] .pom-panel,[data-theme] .notes-main,[data-theme] .sidebar-drawer,[data-theme] .sidebar-left,[data-theme] .sidebar-right,[data-theme] .notes-sidebar{background:var(--cream)!important;border-color:var(--parchment-deep)!important;color:var(--ink)!important}[data-theme] .center-panel,[data-theme] .dash-page,[data-theme] .notes-editor-wrap{background:transparent!important}[data-theme] .input-field,[data-theme] .rename-input,[data-theme] .date-input{background:var(--parchment)!important;border-color:var(--parchment-deep)!important;color:var(--ink)!important}[data-theme] .tag-skill{background:rgba(var(--ember-rgb, 196,98,45),.1)}[data-theme] .step-how,[data-theme] .step-gotcha,[data-theme] .step-check,[data-theme] .timeline-strip{background:var(--parchment)!important}[data-theme] .skeleton{background:linear-gradient(90deg,var(--parchment-deep) 25%,var(--parchment) 50%,var(--parchment-deep) 75%)!important;background-size:200% 100%!important}body[data-theme=cyberpunk] .dashboard,body[data-theme=dnd] .dashboard{background:var(--parchment)!important}body[data-theme=cyberpunk] .header,body[data-theme=dnd] .header{background:var(--cream)!important;border-color:var(--parchment-deep)!important}body[data-theme=cyberpunk],body[data-theme=dnd]{background:var(--parchment)!important}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--cream);border-top:1px solid var(--parchment-deep);z-index:50;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:8px 24px;border-radius:8px;transition:all .18s;color:var(--ink-muted);font-family:Lora,serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;min-width:64px;min-height:44px;justify-content:center}.bottom-nav-btn.active{color:var(--ember)}.drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#2c241673;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}.drawer-overlay.open{display:block}.sidebar-drawer{position:fixed;top:0;left:0;bottom:0;width:288px;background:var(--cream);border-right:1px solid var(--parchment-deep);z-index:70;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;padding:28px 24px;display:flex;flex-direction:column;gap:0}.sidebar-drawer.open{transform:translate(0)}.drawer-close-btn{display:flex;align-items:center;justify-content:flex-end;margin-bottom:20px;background:none;border:none;cursor:pointer;color:var(--ink-muted);padding:4px}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--ink-muted);align-items:center;justify-content:center;min-width:44px;min-height:44px}@media (max-width: 768px){.bottom-nav,.mobile-menu-btn{display:flex}.nav-tabs,.sidebar-left,.sidebar-right{display:none!important}.header{padding:16px 20px 14px!important;position:sticky;top:0;z-index:40;background:var(--cream);border-bottom:1px solid var(--parchment-deep)}.greeting{font-size:20px!important}.date-day{font-size:22px!important}.main{display:block!important;height:auto!important;padding-bottom:72px}.center-panel{padding:20px 16px!important;height:auto!important;overflow-y:visible!important}.focus-cards{grid-template-columns:1fr!important;gap:12px!important}.ladder-step{padding:14px 0!important}.outline-btn{min-height:36px!important;padding:8px 14px!important}.complete-btn{width:36px!important;height:36px!important}.section-header{flex-wrap:wrap!important;gap:10px!important}.section-title{font-size:17px!important}.generate-btn{font-size:13px!important}.ladder-tabs{flex-wrap:wrap!important;gap:6px!important}.pathways-panel>div[style]{grid-template-columns:1fr!important}.timeline-strip{flex-wrap:wrap!important;gap:6px!important}.quiz-modal{width:95vw!important;padding:24px 20px!important;max-height:85vh!important}.confirm-modal{width:90vw!important;padding:24px 20px!important}.bridge-card{padding:16px!important}.dash-page{padding:20px 16px 80px!important;height:auto!important;overflow-y:visible!important}.dash-grid,.dash-grid-2{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:20px!important}.dash-page>div>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.stat-row{grid-template-columns:1fr 1fr!important}.gpc-stats{grid-template-columns:1fr 1fr 1fr!important}.heatmap-grid{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:8px!important}.date-input{flex:1!important}.modal-overlay{align-items:flex-end!important}.modal{width:100%!important;border-radius:16px 16px 0 0!important;padding:28px 20px!important;max-height:90vh!important;overflow-y:auto!important}.icon-picker{gap:6px!important}.icon-opt{width:38px!important;height:38px!important}.mobile-sidebar-content{display:block;padding:0 16px 24px;border-top:1px solid var(--parchment-deep);margin-top:8px}}@media (max-width: 768px){.bottom-nav{justify-content:space-evenly;gap:0}.bottom-nav-btn{padding:8px 12px;font-size:9px;min-width:0}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(60px + env(safe-area-inset-bottom))}@media (max-width: 768px){.main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.dash-page{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}}