:root{--parchment: #FBF1DE;--parchment-2: #F5E8CE;--parchment-3: #EDDCBB;--oak: #DCBE8E;--oak-deep: #C9A26B;--bark: #96663A;--walnut: #5E3A1E;--walnut-deep: #452A14;--ember: #2E1A0C;--brass: #E0A129;--brass-light: #F5C766;--brass-deep: #B77C13;--moss: #6E8C3A;--moss-light: #96B75E;--rust: #B14A2C;--rust-light: #D97A5C;--text-1: #2E1A0C;--text-2: #6B4A2E;--text-3: #96784F;--text-4: #B69B72;--on-dark-1: #FBF1DE;--on-dark-2: rgba(251,241,222,.72);--on-dark-3: rgba(251,241,222,.46);--line: rgba(94,58,30,.22);--line-soft: rgba(94,58,30,.12);--line-hard: rgba(94,58,30,.45);--font-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-ui: "Nunito", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace;--sidebar-w: 232px;--r-xs: 8px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-full: 999px;--lip: 0 4px 0 var(--walnut);--lip-press: 0 1px 0 var(--walnut);--bevel: inset 0 2px 0 rgba(255,255,255,.55);--panel-shadow: 0 6px 0 rgba(94,58,30,.14), 0 12px 28px rgba(94,58,30,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100%;font-family:var(--font-ui);color:var(--text-1);background-color:var(--parchment);background-image:radial-gradient(circle at 18% 22%,rgba(220,190,142,.3) 0%,transparent 42%),radial-gradient(circle at 82% 12%,rgba(201,162,107,.22) 0%,transparent 38%),radial-gradient(circle at 62% 88%,rgba(220,190,142,.26) 0%,transparent 45%),repeating-linear-gradient(103deg,rgba(150,102,58,.03) 0 2px,transparent 2px 7px);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.15;color:var(--text-1);letter-spacing:.005em;font-weight:700}h1{font-size:clamp(1.9rem,3vw,2.5rem);font-weight:800}h2{font-size:clamp(1.25rem,2vw,1.6rem)}h3{font-size:1.05rem}p{line-height:1.7;color:var(--text-2)}.mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:.02em;color:var(--walnut-deep);background:linear-gradient(180deg,var(--parchment-2) 0%,var(--oak) 100%);border:2px solid var(--walnut);border-radius:var(--r-md);box-shadow:var(--lip),var(--bevel);cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .09s ease,box-shadow .09s ease,filter .15s ease}.btn:not(:disabled):hover{filter:brightness(1.05)}.btn:not(:disabled):active{transform:translateY(3px);box-shadow:var(--lip-press),var(--bevel)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:3px solid var(--brass);outline-offset:3px}.btn-primary{background:linear-gradient(180deg,var(--brass-light) 0%,var(--brass) 100%);border-color:var(--brass-deep);color:#402a05;box-shadow:0 4px 0 var(--brass-deep),var(--bevel)}.btn-primary:not(:disabled):active{box-shadow:0 1px 0 var(--brass-deep),var(--bevel)}.btn-secondary,.btn-glass{background:linear-gradient(180deg,#FFFFFF 0%,var(--parchment-2) 100%);color:var(--text-2)}.btn-danger{background:linear-gradient(180deg,var(--rust-light) 0%,var(--rust) 100%);border-color:#7e3018;color:#fff3ee;box-shadow:0 4px #7e3018,var(--bevel)}.btn-danger:not(:disabled):active{box-shadow:0 1px #7e3018,var(--bevel)}.btn-sm{padding:7px 15px;font-size:.8rem;border-radius:var(--r-sm)}.btn-full{width:100%}.btn-icon{padding:9px}.input{width:100%;padding:12px 15px;font-family:var(--font-ui);font-size:.92rem;color:var(--text-1);background:var(--parchment-3);border:2px solid var(--line-hard);border-radius:var(--r-md);box-shadow:inset 0 2px 4px #5e3a1e29;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder{color:var(--text-4)}.input:focus{border-color:var(--brass);background:#fffbf2;box-shadow:inset 0 2px 4px #5e3a1e1a,0 0 0 3px #e0a12947}.input-label{display:flex;align-items:center;font-family:var(--font-display);font-size:.78rem;font-weight:700;color:var(--text-2);margin-bottom:7px;letter-spacing:.03em}.input-group{display:flex;flex-direction:column}.input-hint{font-size:.76rem;margin-top:5px;color:var(--text-3)}.label-required{font-size:.68rem;font-weight:700;color:var(--bark);margin-left:6px}.badge{display:inline-flex;align-items:center;padding:3px 11px;font-family:var(--font-display);font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--walnut);background:var(--oak);border:2px solid var(--bark);border-radius:var(--r-full)}.badge-green{background:var(--moss-light);border-color:var(--moss);color:#23330c}.badge-red{background:var(--rust-light);border-color:var(--rust);color:#3d1105}.badge-purple{background:var(--brass-light);border-color:var(--brass-deep);color:#402a05}.alert{padding:12px 15px;font-size:.88rem;line-height:1.6;border:2px solid var(--line-hard);border-radius:var(--r-md);background:var(--parchment-2);color:var(--text-2)}.alert-error{border-color:var(--rust);background:#fbe7e0;color:#7e3018}.alert-success{border-color:var(--moss);background:#edf3df;color:#3f5518}.hidden{display:none!important}.spinner{width:22px;height:22px;border:3px solid rgba(94,58,30,.18);border-top-color:var(--brass);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-muted{color:var(--text-3)}.text-success{color:var(--moss)}.text-danger{color:var(--rust)}.text-warn{color:var(--brass-deep)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--parchment-3);border-radius:var(--r-full)}::-webkit-scrollbar-thumb{background:var(--oak-deep);border:2px solid var(--parchment-3);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--bark)}::selection{background:var(--brass-light);color:var(--ember)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}