:root{--c-blue:#007AFF;--c-indigo:#5856D6;--c-purple:#AF52DE;--c-pink:#FF2D55;--c-red:#FF3B30;--c-orange:#FF9500;--c-yellow:#FFCC00;--c-green:#34C759;--c-teal:#5AC8FA;--c-mint:#00C7BE;--c-primary:var(--c-blue);--c-accent:var(--c-indigo);--c-success:var(--c-green);--c-warning:var(--c-orange);--c-danger:var(--c-red);--text-primary:#1D1D1F;--text-secondary:#6E6E73;--text-tertiary:#AEAEB2;--text-quaternary:#C7C7CC;--text-on-fill:#FFFFFF;--surface-base:#F2F2F7;--surface-primary:rgba(255,255,255,0.82);--surface-secondary:rgba(255,255,255,0.65);--surface-tertiary:rgba(255,255,255,0.44);--surface-elevated:rgba(255,255,255,0.94);--surface-overlay:rgba(0,0,0,0.36);--border-default:rgba(0,0,0,0.06);--border-strong:rgba(0,0,0,0.12);--border-focus:var(--c-primary);--blur-ultra:80px;--blur-heavy:60px;--blur-regular:40px;--blur-thin:20px;--shadow-xs:0 0.5px 1px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 14px rgba(0,0,0,0.07),0 2px 6px rgba(0,0,0,0.04);--shadow-lg:0 12px 40px rgba(0,0,0,0.10),0 4px 12px rgba(0,0,0,0.05);--shadow-xl:0 24px 60px rgba(0,0,0,0.12),0 8px 20px rgba(0,0,0,0.06);--shadow-float:0 20px 50px rgba(0,0,0,0.16),0 6px 16px rgba(0,0,0,0.08);--shadow-glow-blue:0 4px 20px rgba(0,122,255,0.25);--shadow-glow-green:0 4px 20px rgba(52,199,89,0.25);--shadow-glow-red:0 4px 20px rgba(255,59,48,0.25);--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Segoe UI",system-ui,sans-serif;--font-rounded:"SF Pro Rounded",-apple-system,system-ui,sans-serif;--font-mono:"SF Mono",ui-monospace,"Cascadia Code","Fira Code",monospace;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--sp-0:0;--sp-px:1px;--sp-0_5:2px;--sp-1:4px;--sp-1_5:6px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--r-3xl:32px;--r-full:9999px;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.22,1,0.36,1);--ease-expo:cubic-bezier(0.16,1,0.3,1);--ease-out:cubic-bezier(0,0,0.2,1);--dur-fast:180ms;--dur-normal:300ms;--dur-slow:450ms;--dur-slower:600ms;--z-base:0;--z-raised:10;--z-nav:100;--z-overlay:150;--z-modal-backdrop:200;--z-modal:300;--z-toast:400;--z-qmf:500;--nav-h:56px;--bottom-nav-h:80px;--sidebar-w:280px;--content-max:720px;--page-max:1200px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}@media (prefers-color-scheme:dark){:root{--text-primary:#F5F5F7;--text-secondary:#A1A1A6;--text-tertiary:#6E6E73;--text-quaternary:#48484A;--surface-base:#000000;--surface-primary:rgba(28,28,30,0.82);--surface-secondary:rgba(44,44,46,0.68);--surface-tertiary:rgba(58,58,60,0.48);--surface-elevated:rgba(44,44,46,0.96);--surface-overlay:rgba(0,0,0,0.58);--border-default:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16);--shadow-sm:0 1px 3px rgba(0,0,0,0.28),0 1px 2px rgba(0,0,0,0.18);--shadow-md:0 4px 14px rgba(0,0,0,0.36),0 2px 6px rgba(0,0,0,0.22);--shadow-lg:0 12px 40px rgba(0,0,0,0.48),0 4px 12px rgba(0,0,0,0.30)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;color:var(--text-primary);scroll-behavior:smooth}body,html{background:var(--surface-base)}body{min-height:100dvh;overflow-x:hidden}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:var(--r-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.22);background-clip:content-box}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22);background-clip:content-box}}.glass{background:var(--surface-primary);backdrop-filter:blur(var(--blur-regular)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-regular)) saturate(180%);box-shadow:var(--shadow-md),inset 0 .5px 0 rgba(255,255,255,.4)}.glass,.glass-heavy{border:.5px solid var(--border-default);border-radius:var(--r-xl)}.glass-heavy{background:var(--surface-elevated);backdrop-filter:blur(var(--blur-heavy)) saturate(200%);-webkit-backdrop-filter:blur(var(--blur-heavy)) saturate(200%);box-shadow:var(--shadow-lg),inset 0 .5px 0 rgba(255,255,255,.5)}.glass-thin{background:var(--surface-tertiary);backdrop-filter:blur(var(--blur-thin)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur-thin)) saturate(150%);border:.5px solid var(--border-default);border-radius:var(--r-lg)}@media (prefers-color-scheme:dark){.glass{box-shadow:var(--shadow-md),inset 0 .5px 0 rgba(255,255,255,.06)}.glass-heavy{box-shadow:var(--shadow-lg),inset 0 .5px 0 rgba(255,255,255,.08)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);min-height:44px;font-size:var(--text-base);font-weight:600;letter-spacing:-.01em;border-radius:var(--r-lg);border:none;transition:all var(--dur-fast) var(--ease-spring);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 50%);pointer-events:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:linear-gradient(180deg,#3395FF 0,var(--c-primary) 100%);color:var(--text-on-fill);box-shadow:var(--shadow-glow-blue),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 28px rgba(0,122,255,.35),inset 0 1px 0 rgba(255,255,255,.2)}.btn-secondary{background:var(--surface-secondary);backdrop-filter:blur(var(--blur-thin));-webkit-backdrop-filter:blur(var(--blur-thin));border:.5px solid var(--border-default);color:var(--c-primary)}.btn-secondary:after{background:none}.btn-secondary:hover{background:var(--surface-primary)}.btn-ghost{background:transparent;color:var(--c-primary)}.btn-ghost:after{background:none}.btn-ghost:hover{background:var(--surface-tertiary)}.btn-danger{background:linear-gradient(180deg,#FF6259 0,var(--c-danger) 100%);box-shadow:var(--shadow-glow-red),inset 0 1px 0 rgba(255,255,255,.2)}.btn-danger,.btn-success{color:var(--text-on-fill)}.btn-success{background:linear-gradient(180deg,#5DD880 0,var(--c-success) 100%);box-shadow:var(--shadow-glow-green),inset 0 1px 0 rgba(255,255,255,.2)}.btn-sm{min-height:34px;padding:var(--sp-1) var(--sp-3);font-size:var(--text-sm);border-radius:var(--r-md)}.btn-lg{min-height:52px;padding:var(--sp-3) var(--sp-8);font-size:var(--text-md);border-radius:var(--r-xl)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--r-full);background:var(--surface-secondary);backdrop-filter:blur(var(--blur-thin));-webkit-backdrop-filter:blur(var(--blur-thin));border:.5px solid var(--border-default)}.btn-icon:after{background:none}.btn-icon:hover{background:var(--surface-primary);box-shadow:var(--shadow-sm)}.btn-icon.active{background:var(--c-primary);color:var(--text-on-fill)}.btn-icon.active:hover{filter:brightness(1.1)}.input-field{width:100%;padding:var(--sp-3) var(--sp-4);min-height:44px;font-size:var(--text-base);background:var(--surface-secondary);backdrop-filter:blur(var(--blur-thin));-webkit-backdrop-filter:blur(var(--blur-thin));border:.5px solid var(--border-default);border-radius:var(--r-lg);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px rgba(0,122,255,.12),var(--shadow-sm)}textarea.input-field{resize:vertical;min-height:88px}.toggle{position:relative;width:51px;height:31px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;border-radius:15.5px;background:var(--text-quaternary);transition:background var(--dur-normal) var(--ease-smooth);cursor:pointer}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.06);transition:transform var(--dur-normal) var(--ease-spring)}.toggle input:checked+.toggle-track{background:var(--c-success)}.toggle input:checked+.toggle-track:after{transform:translateX(20px)}.card{background:var(--surface-primary);backdrop-filter:blur(var(--blur-regular)) saturate(180%);-webkit-backdrop-filter:blur(var(--blur-regular)) saturate(180%);border:.5px solid var(--border-default);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm),inset 0 .5px 0 rgba(255,255,255,.35);overflow:hidden;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-out)}.card:hover{transform:translateY(-3px) scale(1.005);box-shadow:var(--shadow-lg)}.card:active{transform:scale(.98)}@media (prefers-color-scheme:dark){.card{box-shadow:var(--shadow-sm),inset 0 .5px 0 rgba(255,255,255,.05)}}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--sp-1_5);font-size:var(--text-xs);font-weight:700;border-radius:var(--r-full);background:var(--c-danger);color:var(--text-on-fill)}.badge-blue{background:var(--c-primary)}.badge-green{background:var(--c-success)}.badge-orange{background:var(--c-warning)}.badge-purple{background:var(--c-purple)}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);font-size:var(--text-sm);font-weight:500;border-radius:var(--r-full);background:var(--surface-tertiary);color:var(--text-secondary)}.chip-blue{background:rgba(0,122,255,.12);color:var(--c-blue)}.chip-green{background:rgba(52,199,89,.12);color:var(--c-green)}.chip-red{background:rgba(255,59,48,.12);color:var(--c-red)}.chip-orange{background:rgba(255,149,0,.12);color:var(--c-orange)}.chip-purple{background:rgba(175,82,222,.12);color:var(--c-purple)}.avatar{width:40px;height:40px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--c-blue),var(--c-purple));display:flex;align-items:center;justify-content:center;color:var(--text-on-fill);font-weight:700;font-size:var(--text-sm);flex-shrink:0;overflow:hidden;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.2)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:30px;height:30px;font-size:10px}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:72px;height:72px;font-size:var(--text-xl)}.segment-control{display:flex;background:var(--surface-secondary);border-radius:var(--r-lg);padding:3px;gap:2px;border:.5px solid var(--border-default)}.segment-item{flex:1 1;padding:var(--sp-2) var(--sp-4);text-align:center;font-size:var(--text-sm);font-weight:600;border-radius:calc(var(--r-lg) - 2px);color:var(--text-secondary);transition:all var(--dur-fast) var(--ease-smooth);cursor:pointer}.segment-item[data-active=true]{background:var(--surface-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm),inset 0 .5px 0 rgba(255,255,255,.6)}@media (prefers-color-scheme:dark){.segment-item[data-active=true]{box-shadow:var(--shadow-sm),inset 0 .5px 0 rgba(255,255,255,.08)}}.modal-backdrop{position:fixed;inset:0;background:var(--surface-overlay);backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%);z-index:var(--z-modal-backdrop);animation:fadeIn var(--dur-fast) var(--ease-out)}.modal-panel{position:fixed;z-index:var(--z-modal);background:var(--surface-elevated);backdrop-filter:blur(var(--blur-heavy)) saturate(200%);-webkit-backdrop-filter:blur(var(--blur-heavy)) saturate(200%);border:.5px solid var(--border-default);box-shadow:var(--shadow-xl),inset 0 .5px 0 rgba(255,255,255,.4);animation:modalIn var(--dur-normal) var(--ease-spring)}@media (min-width:640px){.modal-panel{top:50%;left:50%;transform:translate(-50%,-50%);border-radius:var(--r-2xl);width:min(480px,92vw);max-height:85vh;overflow-y:auto}}@media (max-width:639px){.modal-panel{bottom:0;left:0;right:0;border-radius:var(--r-3xl) var(--r-3xl) 0 0;max-height:92vh;overflow-y:auto;animation:sheetUp var(--dur-normal) var(--ease-spring);padding-bottom:var(--safe-bottom)}.modal-panel:before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:var(--text-quaternary);margin:var(--sp-2) auto var(--sp-3)}}@media (prefers-color-scheme:dark){.modal-panel{box-shadow:var(--shadow-xl),inset 0 .5px 0 rgba(255,255,255,.06)}}.toast-container{position:fixed;top:calc(var(--safe-top) + var(--sp-4));right:var(--sp-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}@media (max-width:639px){.toast-container{top:auto;bottom:calc(var(--bottom-nav-h) + var(--sp-4));left:var(--sp-4);right:var(--sp-4)}}.toast{pointer-events:auto;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-xl);background:var(--surface-elevated);backdrop-filter:blur(var(--blur-heavy)) saturate(200%);-webkit-backdrop-filter:blur(var(--blur-heavy)) saturate(200%);border:.5px solid var(--border-default);box-shadow:var(--shadow-float);font-size:var(--text-sm);font-weight:500;animation:slideInRight var(--dur-normal) var(--ease-spring);display:flex;align-items:center;gap:var(--sp-2)}.toast-success{border-left:3px solid var(--c-success)}.toast-error{border-left:3px solid var(--c-danger)}.divider{height:.5px;background:var(--border-default);margin:var(--sp-4) 0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-16) var(--sp-6);gap:var(--sp-4)}.empty-state-icon{font-size:56px;opacity:.7;filter:grayscale(.2)}.empty-state-title{font-size:var(--text-lg);font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.empty-state-desc{font-size:var(--text-base);color:var(--text-secondary);max-width:320px;line-height:1.6}.skeleton{background:linear-gradient(90deg,var(--surface-secondary) 25%,var(--surface-tertiary) 50%,var(--surface-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--r-md)}.progress-track{height:6px;border-radius:3px;background:var(--surface-tertiary);overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--c-blue),var(--c-indigo));transition:width var(--dur-slow) var(--ease-smooth)}.progress-fill-green{background:linear-gradient(90deg,var(--c-green),var(--c-teal))}.progress-fill-red{background:linear-gradient(90deg,var(--c-red),var(--c-orange))}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.9);padding:var(--sp-1_5) var(--sp-3);font-size:var(--text-xs);font-weight:500;background:var(--text-primary);color:var(--surface-base);border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:all var(--dur-fast) var(--ease-spring)}.tooltip:hover:after{opacity:1;transform:translateX(-50%) scale(1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.text-center{text-align:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ripple{to{transform:scale(4);opacity:0}}.page-container{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--sp-5);padding-bottom:calc(var(--bottom-nav-h) + var(--sp-6));animation:slideUp var(--dur-normal) var(--ease-smooth)}@media (min-width:640px){.page-container{padding:var(--sp-8) var(--sp-10);padding-bottom:var(--sp-10)}}.page-header{margin-bottom:var(--sp-6)}.page-title{font-size:var(--text-2xl);font-weight:900;letter-spacing:-.04em;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),var(--c-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (min-width:640px){.page-title{font-size:var(--text-3xl)}}.page-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--sp-1);letter-spacing:-.01em}.section-title{font-size:var(--text-md);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--sp-4)}.mesh-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% -10%,rgba(0,122,255,.18) 0,transparent 50%),radial-gradient(ellipse at 90% 10%,rgba(88,86,214,.14) 0,transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(52,199,89,.1) 0,transparent 40%),radial-gradient(ellipse at 75% 50%,rgba(175,82,222,.08) 0,transparent 45%),radial-gradient(ellipse at 25% 60%,rgba(255,149,0,.06) 0,transparent 40%),var(--surface-base);animation:meshShift 20s ease-in-out infinite alternate}@keyframes meshShift{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(8deg) brightness(1.02)}}@media (prefers-color-scheme:dark){.mesh-bg{background:radial-gradient(ellipse at 10% -10%,rgba(0,122,255,.22) 0,transparent 50%),radial-gradient(ellipse at 90% 10%,rgba(88,86,214,.18) 0,transparent 45%),radial-gradient(ellipse at 50% 90%,rgba(52,199,89,.1) 0,transparent 40%),radial-gradient(ellipse at 75% 50%,rgba(175,82,222,.08) 0,transparent 45%),var(--surface-base)}}#qmf-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-qmf)}main{min-height:calc(100dvh - var(--nav-h) - var(--bottom-nav-h))}@media (min-width:768px){:root{--bottom-nav-h:0px}}.reaction-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:600;background:var(--surface-tertiary);border:.5px solid var(--border-default);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);-webkit-user-select:none;-moz-user-select:none;user-select:none}.reaction-pill:hover{background:var(--surface-secondary);transform:scale(1.05)}.reaction-pill.active{background:rgba(0,122,255,.12);border-color:rgba(0,122,255,.3);color:var(--c-primary)}.thread-line{position:absolute;left:19px;top:44px;bottom:0;width:2px;background:var(--border-default);border-radius:1px}