:root{--ms-primary: #FF6B47;--ms-primary-foreground: #FFFFFF;--ms-primary-tint: #FFF1ED;--ms-primary-tint-2: #FFE0D6;--ms-primary-hover: #F25733;--ms-primary-active: #E04A28;--ms-background: #FAFAF9;--ms-foreground: #1C1917;--ms-card: #FFFFFF;--ms-card-foreground: #1C1917;--ms-popover: #FFFFFF;--ms-popover-foreground: #1C1917;--ms-muted: #F5F5F4;--ms-muted-foreground: #78716C;--ms-border: #E7E5E4;--ms-input: #E7E5E4;--ms-ring: #FF6B47;--state-success: #16A34A;--state-success-tint: #ECFDF5;--state-warning: #F59E0B;--state-warning-tint: #FFFBEB;--state-error: #DC2626;--state-info: #2563EB;--state-info-tint: #EFF6FF;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--ms-radius-small: 4px;--ms-radius-medium: 8px;--ms-radius-large: 12px;--ms-font-sans: "Inter", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--ms-font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--ms-background);color:var(--ms-foreground);font-family:var(--ms-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.mobile-frame{max-width:28rem;margin-left:auto;margin-right:auto;width:100%;min-height:100vh;position:relative}.card-surface{background-color:var(--ms-card);border:1px solid var(--ms-border);border-radius:var(--ms-radius-medium)}.page-header{position:sticky;top:0;z-index:20;background-color:var(--ms-card);border-bottom:1px solid var(--ms-border)}.page-header-inner{max-width:28rem;margin-left:auto;margin-right:auto;height:3.5rem;display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}.secondary-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:.5rem;height:3.5rem;padding:0 1rem;background:var(--ms-card);border-bottom:1px solid var(--ms-border)}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--ms-foreground);border-radius:var(--ms-radius-medium);flex-shrink:0;text-decoration:none;transition:background-color .16s cubic-bezier(.2,.8,.2,1);background:transparent;border:none;cursor:pointer}.back-btn:active{background:var(--ms-border)}.header-title{font-family:var(--ms-font-sans);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ms-foreground);line-height:1.3;text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-spacer{width:2rem;flex-shrink:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;width:100%;height:56px;border-top:1px solid var(--ms-border);background-color:var(--ms-card);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:100%;max-width:28rem;margin-left:auto;margin-right:auto}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:100%;gap:.125rem;padding-left:.25rem;padding-right:.25rem;color:var(--ms-muted-foreground);text-decoration:none;cursor:pointer}.nav-item span{font-size:11px;line-height:1;white-space:nowrap}.nav-item.is-active{color:var(--ms-primary)}.nav-item.is-active span{font-weight:500}.bottom-cta-bar{position:sticky;bottom:0;left:0;right:0;z-index:20;background:var(--ms-card);border-top:1px solid var(--ms-border);max-width:28rem;margin-left:auto;margin-right:auto;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.cta-primary{display:flex;align-items:center;justify-content:center;width:100%;height:2.75rem;font-family:var(--ms-font-sans);font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--ms-primary-foreground);background:var(--ms-primary);border:none;border-radius:var(--ms-radius-medium);cursor:pointer;transition:background-color .16s cubic-bezier(.2,.8,.2,1),transform .16s cubic-bezier(.2,.8,.2,1)}.cta-primary:active{background:var(--ms-primary-active);transform:scale(.99)}.cta-primary:disabled{background:var(--ms-muted);color:var(--ms-muted-foreground);cursor:not-allowed;transform:none}.status-pill{display:inline-flex;align-items:center;height:1.25rem;padding-left:.5rem;padding-right:.5rem;font-size:12px;font-weight:500;border-radius:4px;background-color:var(--ms-primary-tint);white-space:nowrap;flex-shrink:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}