:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Comic Sans MS", "Sniglet", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body:"Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--surface:#ffffffc2;--border-color:#ffb38a40;--shadow-soft:0 24px 50px #d6966e26;--text-strong:#4a3831;--text-soft:#8c766b}*,:before,:after{box-sizing:border-box;margin:0}html{font-size:16px}body{min-height:100vh;color:var(--text-strong);line-height:1.6;font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffdbadcc,#0000 38%),radial-gradient(circle at 100% 0,#ffccccb3,#0000 30%),linear-gradient(#fffcf9 0%,#fff7f0 100%)}body:before,body:after{content:"";pointer-events:none;z-index:-1;filter:blur(24px);border-radius:999px;position:fixed;inset:auto}body:before{background:#ffa68026;width:240px;height:240px;bottom:8%;left:6%}body:after{background:#ffb6c12e;width:280px;height:280px;top:12%;right:5%}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}#app,.page-root{min-height:100vh}.screen-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-panel{width:min(480px,100%)}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel.standalone{width:min(420px,100%);padding:24px}.auth-head{text-align:center;gap:10px;display:grid}.app-shell{width:min(1180px,100%);margin:0 auto;padding:40px 20px 64px}.panel{background:var(--surface);border:1px solid var(--border-color);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.hero{grid-template-columns:1.4fr 1fr;gap:24px;padding:28px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffcccc59,#0000 70%);width:280px;height:280px;position:absolute;inset:auto -80px -120px auto}.hero-copy,.hero-card{z-index:1;position:relative}.eyebrow,.card-label,.stat-label,.feature-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft);font-size:.72rem}.hero h1{font-family:var(--font-display);color:var(--text-strong);margin-top:10px;font-size:clamp(2.4rem,5vw,4.4rem);line-height:.94}.hero-text,.card-meta,.muted,.section-head p,.empty-state p,.record-meta,.feature-item p{color:var(--text-soft)}.hero-text{max-width:52ch;margin-top:18px;font-size:1.04rem}.hero-card{background:linear-gradient(160deg,#fffffff2,#fff5eee6);border:1px solid #ffb38a4d;border-radius:24px;flex-direction:column;justify-content:space-between;gap:18px;padding:24px;display:flex}.hero-card h2,.section-head h2{color:var(--text-strong);font-size:1.5rem}.member-pills,.hero-actions,.legend,.record-meta,.actions,.feature-list{flex-wrap:wrap;gap:12px;display:flex}.role-pill{border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.88rem;font-weight:600;display:inline-flex}.tone-one{color:#c50;background:#ff8c0026}.tone-two{color:#c71585;background:#ff69b426}.flash{border:1px solid #0000;border-radius:18px;margin-top:18px;padding:14px 16px}.flash.floating{z-index:20;width:min(560px,100vw - 24px);margin-top:0;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 36px #d6966e26}.flash.success{color:#c50;background:#ffa5001f;border-color:#ffa50040}.flash.error{color:#993e31;background:#b746381f;border-color:#b7463842}.fade-enter-active,.fade-leave-active{transition:opacity .22s}.fade-enter-from,.fade-leave-to{opacity:0}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr);gap:20px;margin-top:24px;display:grid}.panel-wide{grid-column:1/-1}.auth-panel,.editor-panel,.panel-wide{padding:24px}.segmented{background:#8aa29a1f;border-radius:999px;width:100%;padding:6px;display:inline-flex}.segment{color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:10px 18px}.segment.active{color:var(--text-strong);background:#fff;box-shadow:0 10px 30px #1b2a2714}.form-grid{gap:16px;margin-top:20px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--text-soft);font-size:.88rem}.field-full{grid-column:1/-1}.inline-form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.compact{min-width:132px}.multi-line{justify-content:flex-end}input,select,textarea{width:100%;color:var(--text-strong);background:#ffffffe0;border:1px solid #ffb38a66;border-radius:16px;outline:none;padding:12px 14px;transition:border-color .18s,box-shadow .18s,transform .18s}input:focus,select:focus,textarea:focus{border-color:#ff8c0080;transform:translateY(-1px);box-shadow:0 0 0 4px #ff8c0026}textarea{resize:vertical}.button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f96,coral);border:0;border-radius:999px;padding:12px 18px;font-weight:600;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 16px 34px #ff7f5040}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.7}.button.secondary{color:#c50;box-shadow:none;background:#ffa50026}.button.ghost{color:var(--text-strong);box-shadow:none;background:#ffe4e166}.button.danger{color:#c71585}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px;display:grid}.stat-card{box-shadow:var(--shadow-soft);background:#ffffffd9;border:1px solid #ffb38a40;border-radius:24px;padding:20px}.stat-card strong{color:var(--text-strong);margin:12px 0 8px;font-size:2rem;display:block}.stat-card.primary{background:linear-gradient(145deg,#fffaf0f5,#ffffffe6)}.stat-card.accent{background:linear-gradient(145deg,#fff0f5f0,#ffffffe6)}.section-head{justify-content:space-between;align-items:start;gap:18px;display:flex}.section-head.narrow{margin-bottom:4px}.chart-section{margin-top:20px}.chart{background:linear-gradient(#fffaf5e6,#ffffffd9);border:1px solid #ffb38a40;border-radius:24px;width:100%;padding:10px}.grid-line{stroke:#ffb38a40;stroke-width:1px}.axis-label,.series-label{fill:var(--text-soft);font-size:12px}.trend-line{stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.trend-point{stroke:#fff;stroke-width:3px}.legend{margin-top:14px}.legend-item{color:var(--text-soft);align-items:center;gap:8px;display:inline-flex}.legend-dot{border-radius:999px;width:10px;height:10px}.record-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px;display:grid}.record-card{background:#ffffffd9;border:1px solid #ffb38a40;border-radius:22px;gap:12px;padding:18px;display:grid}.record-top{justify-content:space-between;gap:12px;display:flex}.record-top h3{color:var(--text-strong);margin-top:10px;font-size:1.9rem}.record-date{white-space:nowrap;color:var(--text-soft)}.record-note{min-height:48px;color:var(--text-strong)}.record-meta{gap:8px;font-size:.84rem}.empty-state{text-align:center;margin-top:24px;padding:40px 24px}.compact-state{background:#ffffff94;border-radius:18px;margin-top:18px;padding:28px 20px}@media (width<=980px){.hero,.dashboard-grid{grid-template-columns:1fr}.section-head{align-items:stretch}.multi-line{justify-content:stretch}}@media (width<=640px){.app-shell,.auth-screen{padding:16px 12px 32px}.hero,.auth-panel,.editor-panel,.panel-wide{padding:18px}.section-head{flex-direction:column}.inline-form{flex-direction:column;align-items:stretch;gap:16px}.inline-form .field{width:100%}.hero h1{font-size:2.2rem}.hero-actions{flex-direction:column}.record-list{grid-template-columns:1fr}.record-top{flex-direction:column;align-items:flex-start}.button,.segment{width:100%}}