@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-page-bg:#f5f4ed;--color-chat-bg:#f5f4ed;--color-card-bg:#faf9f5;--color-input-bg:#fff;--color-user-bubble:#c96442;--color-user-bubble-text:#faf9f5;--color-system-bubble:#faf9f5;--color-system-bubble-text:#141413;--color-nav-bg:#faf9f5;--color-nav-text:#141413;--color-nav-border:#e8e6dc;--color-text-primary:#141413;--color-text-secondary:#5e5d59;--color-text-tertiary:#87867f;--color-text-on-brand:#faf9f5;--color-brand:#c96442;--color-brand-light:#d97757;--color-border-light:#f0eee6;--color-border-warm:#e8e6dc;--color-ring-warm:#d1cfc5;--color-error:#b53333;--color-focus:#3898ec;--color-surface-dark:#30302e;--color-near-black:#141413;--color-warm-sand:#e8e6dc;--color-warm-silver:#b0aea5;--color-olive-gray:#5e5d59;--color-stone-gray:#87867f;--color-charcoal-warm:#4d4c48;--color-dark-warm:#3d3d3a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif:Georgia, "Noto Serif SC", "Songti SC", serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:30px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-whisper:0 1px 3px #1414130a, 0 1px 2px #1414130f;--shadow-ring:0 2px 8px #14141314, 0 1px 3px #1414130f;--shadow-float:0 4px 16px #1414131a, 0 2px 6px #1414130f;--shadow-overlay:0 8px 32px #14141324, 0 4px 12px #14141314;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.32s ease;--transition-spring:.4s 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}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100dvh}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-page-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11";min-height:100dvh;overflow-x:hidden}ul,ol{list-style:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}textarea{resize:vertical}button{cursor:pointer;appearance:none;background:0 0;border:none}a{color:var(--color-brand);text-decoration:none}a:hover{color:var(--color-brand-light)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}p{line-height:var(--leading-relaxed);color:var(--color-text-primary)}small{font-size:var(--text-sm);color:var(--color-text-tertiary)}.shadow-whisper{box-shadow:var(--shadow-whisper)}.shadow-ring{box-shadow:var(--shadow-ring)}.shadow-float{box-shadow:var(--shadow-float)}.shadow-overlay{box-shadow:var(--shadow-overlay)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-warm-silver);border-radius:var(--radius-full);transition:background-color var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-stone-gray)}*{scrollbar-width:thin;scrollbar-color:var(--color-warm-silver) transparent}@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:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.animate-fade-in{animation:fadeIn var(--transition-normal) both}.animate-slide-up{animation:slideUp var(--transition-slow) both}.animate-slide-down{animation:slideDown var(--transition-slow) both}.animate-scale-in{animation:scaleIn var(--transition-normal) both}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-right{padding-right:env(safe-area-inset-right,0px)}.safe-area-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.safe-area-y{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.h-screen{height:100dvh}.min-h-screen{min-height:100dvh}.max-h-screen{max-height:100dvh}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-brand{color:var(--color-brand)}.text-error{color:var(--color-error)}.text-on-brand{color:var(--color-text-on-brand)}.bg-page{background-color:var(--color-page-bg)}.bg-card{background-color:var(--color-card-bg)}.bg-brand{background-color:var(--color-brand)}.bg-surface-dark{background-color:var(--color-surface-dark)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.transition-colors{transition-property:color,background-color,border-color;transition-duration:.2s;transition-timing-function:ease}.transition-transform{transition-property:transform;transition-duration:.2s;transition-timing-function:ease}.transition-opacity{transition-property:opacity;transition-duration:.2s;transition-timing-function:ease}.transition-all{transition-property:all;transition-duration:.2s;transition-timing-function:ease}