:root{color-scheme:light;--bg:#f6efe4;--bg-2:#edf7f0;--bg-3:#fff7e3;--ink:#1f2a21;--muted:#5a6a5e;--leaf:#2f7d50;--sun:#f5c542;--soil:#9b6a3c;--accent:#e36a2d;--card:hsla(0,0%,100%,.88);--stroke:rgba(31,42,33,.12);--shadow:0 12px 30px rgba(35,49,39,.15)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font-sans,"Plus Jakarta Sans",sans-serif);color:var(--ink);background:linear-gradient(120deg,var(--bg) 0,var(--bg-2) 45%,var(--bg-3) 100%)}.page,body{min-height:100vh}.page{padding:32px 32px 60px;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) minmax(280px,360px);position:relative}.panel-main{grid-column:1}.panel-sidebar{grid-column:2}.page:after,.page:before{content:"";position:absolute;border-radius:999px;filter:blur(60px);opacity:.35;pointer-events:none}.page:before{width:320px;height:320px;background:radial-gradient(circle at 30% 30%,#f5c542,transparent 65%);top:-120px;right:10%}.page:after{width:360px;height:360px;background:radial-gradient(circle at 30% 30%,#5dc06e,transparent 70%);bottom:-140px;left:5%}.panel{background:var(--card);border:1px solid var(--stroke);border-radius:24px;box-shadow:var(--shadow);padding:24px;position:relative;z-index:1}.header{display:grid;grid-gap:12px;gap:12px}.header-main{position:relative;justify-items:center;text-align:center}.header-main .brand{position:absolute;top:0;left:0;justify-content:flex-start}.header-center{display:grid;grid-gap:8px;gap:8px;justify-items:center;text-align:center}.header-center .notice,.header-center p{max-width:640px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:56px;height:56px;border-radius:16px;object-fit:cover;background:#fff;border:1px solid rgba(31,42,33,.12);box-shadow:0 10px 18px rgba(31,42,33,.12)}.brand-name{font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink)}.header h1{font-family:var(--font-serif,"DM Serif Display",serif);font-size:2.4rem;margin:0;line-height:1.1;letter-spacing:.3px}.app-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.app-title-native{font-family:var(--font-sans,"Plus Jakarta Sans",sans-serif);font-size:1.5rem;font-weight:800;letter-spacing:0;color:var(--soil)}.header p{margin:0;color:var(--muted);font-size:1rem}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(47,125,80,.25);background:rgba(47,125,80,.1);color:var(--leaf);font-weight:600}.badge,.helper{font-size:.85rem}.muted{color:var(--muted)}.progress-track{height:10px;background:rgba(31,42,33,.12);border-radius:999px;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(135deg,var(--leaf),var(--sun));border-radius:999px;transition:width .5s ease}.progress-label{display:flex;justify-content:space-between;margin-top:8px;font-size:.85rem;color:var(--muted);font-weight:600}.form-grid{display:grid;grid-gap:16px;gap:16px}.label{display:grid;grid-gap:6px;gap:6px;font-weight:600;color:var(--ink)}.input,.select,.textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);font-size:.95rem;background:#fff;color:var(--ink)}.textarea{resize:vertical;min-height:72px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.button{background:linear-gradient(135deg,var(--leaf),#49a467);color:#fff;padding:12px 16px;border:none;border-radius:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 16px rgba(47,125,80,.25);transition:transform .2s ease,box-shadow .2s ease}.button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 20px rgba(47,125,80,.3)}.tablist{margin-top:12px}.tablist,.tts-controls{display:flex;gap:8px;flex-wrap:wrap}.tts-controls{justify-content:center;margin-top:8px}.tts-settings{display:grid;grid-gap:10px;gap:10px;justify-items:center;margin-top:10px}.range{width:100%}.tab{border:1px solid var(--stroke);background:#fff;padding:8px 14px;border-radius:999px;font-weight:600;cursor:pointer;color:var(--muted)}.tab.active{background:var(--leaf);color:#fff;border-color:transparent}.card{border:1px solid var(--stroke);border-radius:18px;padding:16px;background:#fff}.metric-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric h3{margin:0 0 8px;font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.metric p{margin:0;font-size:1.4rem;font-weight:700}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table td,.table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--stroke);vertical-align:top}.kicker{color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.section-title{font-family:var(--font-serif,"DM Serif Display",serif);font-size:1.4rem;margin:0 0 10px}.alert{border-left:4px solid var(--accent);background:rgba(227,106,45,.08);padding:12px 14px;border-radius:12px;margin-bottom:12px}.alert h4{margin:0 0 8px}.list{margin:0;padding-left:18px;color:var(--ink)}.notice{padding:10px 12px;border-radius:12px;background:rgba(245,197,66,.18);color:var(--soil);border:1px solid rgba(155,106,60,.2);font-weight:600;margin-top:10px}.success{background:rgba(47,125,80,.12);border-color:rgba(47,125,80,.3);color:var(--leaf)}.warning{background:rgba(227,106,45,.12);border-color:rgba(227,106,45,.3);color:var(--accent)}.footer{margin-top:24px;color:var(--muted);font-size:.85rem}.empty-state{text-align:center}@media (max-width:860px){.page{grid-template-columns:1fr;padding:24px 20px 48px}.panel-main,.panel-sidebar{grid-column:1}.panel-main{grid-row:1}.panel-sidebar{grid-row:2}.row{grid-template-columns:1fr}.header-center,.header-main{justify-items:center;text-align:center}.header-main .brand{position:static;justify-content:center}}