@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#7d5336;--color-primary-light:#9e6b47;--color-primary-dark:#5b3b25;--color-primary-ghost:rgba(125,83,54,.08);--color-accent:#f6a823;--color-accent-light:#f8bc54;--color-accent-dark:#dc8f09;--color-accent-ghost:rgba(246,168,35,.12);--color-success:#37be6f;--color-success-light:#59cf8a;--color-success-ghost:rgba(55,190,111,.12);--color-warning:#f6a823;--color-warning-ghost:rgba(246,168,35,.12);--color-danger:#df3a3a;--color-danger-light:#e66565;--color-danger-ghost:rgba(223,58,58,.12);--bg-primary:#f9f7f6;--bg-secondary:#f2f0ed;--bg-tertiary:#e9e6e2;--bg-card:hsla(0,0%,100%,.72);--bg-card-solid:#fff;--bg-glass:hsla(0,0%,100%,.6);--bg-glass-border:hsla(0,0%,100%,.3);--text-primary:#2e251f;--text-secondary:#72645a;--text-tertiary:#958b83;--text-inverse:#fff;--border-color:hsla(25,15%,50%,.12);--border-color-strong:hsla(25,15%,50%,.22);--divider:hsla(25,15%,50%,.08);--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:.64rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--text-3xl:2.441rem;--text-4xl:3.052rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:99px;--radius-full:50%;--shadow-xs:0 1px 2px rgba(59,50,43,.04);--shadow-sm:0 1px 3px rgba(59,50,43,.06),0 1px 2px rgba(59,50,43,.04);--shadow-md:0 4px 6px -1px rgba(59,50,43,.06),0 2px 4px -2px rgba(59,50,43,.04);--shadow-lg:0 10px 15px -3px rgba(59,50,43,.06),0 4px 6px -4px rgba(59,50,43,.04);--shadow-xl:0 20px 25px -5px rgba(59,50,43,.08),0 8px 10px -6px rgba(59,50,43,.04);--glass-blur:blur(12px);--glass-bg:hsla(0,0%,100%,.6);--glass-border:1px solid hsla(0,0%,100%,.3);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--duration-slower:.5s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--header-height:60px;--bottom-nav-height:64px;--sidebar-width:240px;--content-max-width:1000px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--z-sticky:100;--z-modal:1000}[data-theme=dark]{--bg-primary:#1d1916;--bg-secondary:#25201d;--bg-tertiary:#2e2824;--bg-card:rgba(47,40,35,.72);--bg-card-solid:#2f2823;--bg-glass:rgba(47,40,35,.6);--bg-glass-border:rgba(73,62,55,.3);--text-primary:#eeebe8;--text-secondary:#a89e94;--text-tertiary:#847a71;--border-color:hsla(30,15%,60%,.12);--border-color-strong:hsla(30,15%,60%,.22);--divider:hsla(30,15%,60%,.08);--shadow-xs:0 1px 2px rgba(0,0,0,.15);--shadow-sm:0 1px 3px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.15);--shadow-md:0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -2px rgba(0,0,0,.15);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.25),0 4px 6px -4px rgba(0,0,0,.15);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.15);--glass-bg:rgba(47,40,35,.6);--glass-border:1px solid rgba(88,77,65,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{min-height:100dvh}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{text-wrap:balance}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-accent);outline-offset:2px}::-moz-selection{background:var(--color-accent);color:var(--text-primary)}::selection{background:var(--color-accent);color:var(--text-primary)}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-bold);line-height:1.2}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.tabular-nums{font-variant-numeric:tabular-nums;font-weight:var(--font-semibold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes springBounce{0%{transform:scale(1)}40%{transform:scale(.94)}70%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes progressFill{0%{stroke-dashoffset:var(--ring-circumference)}to{stroke-dashoffset:var(--ring-offset)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulseRed{0%,to{box-shadow:0 0 #df3a3a66}50%{box-shadow:0 0 0 8px #df3a3a00}}@keyframes dotPulse{0%,to{opacity:1;r:4}50%{opacity:.7;r:6}}@keyframes countFlip{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawLine{0%{stroke-dashoffset:var(--line-length)}to{stroke-dashoffset:0}}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.anim-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.anim-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.anim-scale-in{animation:scaleIn var(--duration-slow) var(--ease-out)}.anim-spring{animation:springBounce var(--duration-slower) var(--ease-spring)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.card{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-xs);justify-content:center;line-height:1;min-height:44px;min-width:44px;padding:var(--space-sm) var(--space-lg);transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-accent{background:var(--color-accent);color:#362417}.btn-accent:hover{background:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--color-primary-ghost);color:var(--text-primary)}.btn-danger{background:var(--color-danger-ghost);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:var(--text-inverse)}.btn-icon{border-radius:var(--radius-full);padding:var(--space-xs)}.pill{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-pill);color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm)}.input{background:var(--bg-card-solid);border:1px solid var(--border-color-strong);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);min-height:44px;padding:var(--space-sm) var(--space-md);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);width:100%}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-ghost);outline:none}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-pill);height:6px;outline:none;transition:background var(--duration-fast) var(--ease-out);width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;height:22px;-webkit-transition:transform var(--duration-fast) var(--ease-spring);transition:transform var(--duration-fast) var(--ease-spring);width:22px}.slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider::-webkit-slider-thumb:active{transform:scale(.95)}.divider{background:var(--divider);border:none;height:1px;margin:var(--space-md) 0}.section-title{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.06em;margin-bottom:var(--space-sm);text-transform:uppercase}.app-shell{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100dvh;position:relative;width:100%}.page-content{margin:0 auto;max-width:var(--content-max-width);padding:var(--space-md);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-xl));padding-top:calc(var(--header-height) + var(--safe-area-top) + var(--space-md));width:100%}@media(min-width:769px){body{background:var(--bg-primary)}.app-shell{flex-direction:row}.page-content{flex-grow:1;padding:calc(var(--header-height) + var(--space-lg)) var(--space-xl) var(--space-xl) calc(var(--sidebar-width) + var(--space-xl))}}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;padding:var(--space-2xl) var(--space-md);text-align:center}.empty-state-emoji{font-size:3rem;margin-bottom:var(--space-xs)}.empty-state-text{font-size:var(--text-md);font-weight:var(--font-medium)}