:root{--color-primary-50:#fff8f0;--color-primary-100:#ffefd6;--color-primary-200:#ffdca8;--color-primary-300:#ffc56e;--color-primary-400:#f5a623;--color-primary-500:#e08d00;--color-primary-600:#c47a00;--color-primary-700:#9a5f00;--color-accent-50:#f0f9f7;--color-accent-100:#d4ede8;--color-accent-200:#a8dbd0;--color-accent-300:#6dc4b0;--color-accent-400:#3ba891;--color-accent-500:#2d8e79;--color-accent-600:#237562;--color-accent-700:#1a5a4b;--color-success:#4caf7d;--color-success-light:#e8f5ee;--color-warning:#f5a623;--color-warning-light:#fff3e0;--color-error:#e05252;--color-error-light:#fdeaea;--color-info:#5b8def;--color-info-light:#ebf1fd;--color-bg:#fdfbf7;--color-bg-warm:#f7f3ec;--color-bg-card:#fff;--color-bg-elevated:#fff;--color-bg-overlay:#1a161066;--color-text-primary:#2c2518;--color-text-secondary:#6b6356;--color-text-tertiary:#9e9589;--color-text-inverse:#fdfbf7;--color-text-link:#2d8e79;--color-border:#e8e2d8;--color-border-light:#f0ece4;--color-border-focus:#3ba891;--font-body:"DM Sans", "Noto Sans SC", -apple-system, sans-serif;--font-display:"Crimson Pro", "Noto Sans SC", Georgia, serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.3125rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--container-max:430px;--safe-area-bottom:env(safe-area-inset-bottom,0px);--navbar-height:56px;--tabbar-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #2c25180a;--shadow-sm:0 2px 6px #2c25180f;--shadow-md:0 4px 12px #2c251814;--shadow-lg:0 8px 24px #2c25181f;--shadow-xl:0 16px 48px #2c251829;--shadow-glow:0 0 20px #f5a62326;--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);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100dvh;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes cardFlip{0%{opacity:0;transform:rotateY(10deg)scale(.96)}to{opacity:1;transform:rotateY(0)scale(1)}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.container{width:100%;max-width:var(--container-max);padding-left:var(--space-5);padding-right:var(--space-5);margin:0 auto}.text-display{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.text-heading{font-family:var(--font-body);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.text-body{font-family:var(--font-body);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.text-caption{font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-sm);color:var(--color-text-secondary)}.text-label{font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.card:active{box-shadow:var(--shadow-xs);transform:scale(.98)}.card--elevated{box-shadow:var(--shadow-md);border:none}.card--accent{background:linear-gradient(135deg, var(--color-accent-50), var(--color-primary-50));border:1px solid var(--color-accent-200)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-semibold);font-size:var(--text-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);-webkit-user-select:none;user-select:none;border:none;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--duration-fast);background:#fff0;position:absolute;inset:0}.btn:active:after{background:#00000014}.btn--primary{background:var(--color-accent-500);color:var(--color-text-inverse);padding:var(--space-4) var(--space-6);min-height:48px}.btn--primary:hover{background:var(--color-accent-600);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--color-bg-warm);color:var(--color-text-primary);padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);min-height:44px}.btn--ghost{color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);background:0 0;min-height:40px}.btn--large{font-size:var(--text-lg);padding:var(--space-5) var(--space-8);border-radius:var(--radius-lg);min-height:56px}.btn--full{width:100%}.btn--icon{border-radius:var(--radius-full);flex-shrink:0;width:44px;height:44px;padding:0}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);line-height:1.4;display:inline-flex}.badge--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge--accent{background:var(--color-accent-100);color:var(--color-accent-700)}.badge--error{background:var(--color-error-light);color:var(--color-error)}.badge--success{background:var(--color-success-light);color:var(--color-success)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.input{font-family:var(--font-body);font-size:var(--text-md);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-primary);transition:border-color var(--duration-fast);outline:none;min-height:48px}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3ba8911f}.input::placeholder{color:var(--color-text-tertiary)}.input--textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed)}.tabs{gap:var(--space-1);background:var(--color-bg-warm);border-radius:var(--radius-md);padding:var(--space-1);display:flex}.tab{justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;flex:1;display:flex}.tab--active{background:var(--color-bg-card);color:var(--color-text-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-xs)}.tabbar{height:calc(var(--tabbar-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:var(--color-bg-card);border-top:1px solid var(--color-border-light);z-index:100;-webkit-backdrop-filter:blur(16px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-item{padding:var(--space-2) var(--space-4);color:var(--color-text-tertiary);font-size:10px;font-weight:var(--weight-medium);transition:color var(--duration-fast);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex;position:relative}.tabbar-item--active{color:var(--color-accent-500)}.tabbar-item__icon{justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.progress-bar{background:var(--color-bg-warm);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg, var(--color-accent-400), var(--color-accent-500));border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.circular-progress{justify-content:center;align-items:center;display:inline-flex;position:relative}.circular-progress__svg{transform:rotate(-90deg)}.circular-progress__track{fill:none;stroke:var(--color-bg-warm)}.circular-progress__fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slower) var(--ease-out)}.circular-progress__label{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-2xl);color:var(--color-text-primary);position:absolute}.chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary);cursor:pointer;display:inline-flex}.chip--selected{background:var(--color-accent-50);border-color:var(--color-accent-300);color:var(--color-accent-700)}.chip:disabled{opacity:.45;cursor:not-allowed}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-spring) both}.delay-1{animation-delay:60ms}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-accent-400), var(--color-accent-600));width:44px;height:44px;color:var(--color-text-inverse);font-weight:var(--weight-bold);font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.avatar__badge{font-size:9px;font-weight:var(--weight-bold);border-radius:var(--radius-full);letter-spacing:.04em;padding:1px 5px;position:absolute;bottom:-4px;right:-6px}.avatar__badge--member{background:linear-gradient(135deg, var(--color-primary-400), var(--color-primary-500));color:#fff;box-shadow:0 1px 4px #f5a6234d}.page-header{background:var(--color-bg);padding:calc(var(--space-3) + env(safe-area-inset-top,0px)) 0 var(--space-3);z-index:50;border-bottom:1px solid var(--color-border-light);position:sticky;top:0}.page-header__row{justify-content:space-between;align-items:center;display:flex}.page-header__title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.page-with-tabbar{padding-bottom:calc(var(--tabbar-height) + var(--safe-area-bottom) + var(--space-4))}.app-shell{max-width:var(--container-max);background:var(--color-bg);min-height:100dvh;margin:0 auto;position:relative}@media (min-width:480px){body{padding:var(--space-8) 0;background:#e8e2d8;justify-content:center;display:flex}.app-shell{box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);min-height:800px;max-height:900px;overflow:hidden auto}.tabbar{max-width:var(--container-max);border-radius:0 0 var(--radius-xl) var(--radius-xl);left:50%;transform:translate(-50%)}}