:root{color:#e8eaed;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-text:#e8eaed;--page-muted:#a8b3cf;--page-soft:#cbd5e1;--page-bg:#0b0f19;--page-bg-image:radial-gradient(at 10% 0%, #2563eb47 0, transparent 42%), radial-gradient(at 100% 0%, #9333ea40 0, transparent 44%), radial-gradient(at 95% 100%, #16a34a2e 0, transparent 42%), radial-gradient(at 0% 100%, #0f172af5 0, transparent 48%);--panel-bg:#121826c7;--panel-border:#94a3b833;--surface:#111827e6;--surface-solid:#111827;--surface-hover:#1f2937;--control-bg:#1e293bd1;--control-border:#94a3b838;--accent:#8ab4f8;--accent-strong:#c4b5fd;--success:#22c55e;--success-strong:#86efac;--shadow-soft:0 20px 70px #00000057;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0b0f19;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html[data-theme=light]{color:#111827;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-text:#1f2937;--page-muted:#6b7280;--page-soft:#4b5563;--page-bg:#e8edf5;--page-bg-image:radial-gradient(at 0% 0%, #bfdbfef2 0, transparent 52%), radial-gradient(at 100% 0%, #d8b4feb8 0, transparent 52%), radial-gradient(at 100% 100%, #a7f3d0b3 0, transparent 52%), radial-gradient(at 0% 100%, #cbd5e1f2 0, transparent 52%);--panel-bg:#ffffffa6;--panel-border:#fffc;--surface:#ffffffb3;--surface-solid:#fff;--surface-hover:#e5e7eb;--control-bg:#f3f4f6;--control-border:#e5e7eb;--accent:#2563eb;--accent-strong:#1d4ed8;--success:#16a34a;--success-strong:#15803d;--shadow-soft:0 4px 24px -1px #0000000a;background:#e8edf5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--page-text);background-color:var(--page-bg);background-image:var(--page-bg-image);background-size:200% 200%;margin:0;animation:15s infinite alternate gradientMove}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{background:0 0;min-height:100vh;padding:28px 28px 128px}.hero{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1180px;margin:0 auto 24px;display:flex}.hero-actions{flex:none}.hero-copy{width:100%;max-width:1180px}.eyebrow,.section-kicker{color:var(--page-muted);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 10px;font-size:.78rem;font-weight:800;display:inline-flex}h1,h2,h4,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,6vw,4rem);line-height:1}h2{margin-bottom:14px;font-size:1.35rem;line-height:1.2}.hero p{width:100%;max-width:none;color:var(--page-soft);margin-bottom:0;font-size:1rem;line-height:1.6}.workspace{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:20px;max-width:1180px;margin:0 auto;display:grid}.form-page{max-width:1180px;margin:0 auto;display:block}.result-page{max-width:860px;margin:0 auto;display:block}.form-section-title{color:var(--page-text);margin:0 0 14px;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:900;line-height:1.2}.decision-form,.result-panel{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);border-radius:16px}.decision-form{width:100%;max-width:1180px;padding:28px}.form-question{margin-bottom:12px}.question-tools{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.template-panel{border:1px solid var(--panel-border);background:var(--panel-bg);width:100%;max-width:1180px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);border-radius:16px;margin:28px auto 0;padding:24px}.template-title{color:var(--page-text);margin:0 0 14px;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:900;line-height:1.2}.template-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.template-filter,.template-refresh{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:850;transition:border-color .16s,box-shadow .16s,color .16s,background .16s;display:inline-flex}.template-filter span{color:#6b7280;background:#f3f4f6;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 7px;font-size:.78rem;font-weight:900;display:grid}.template-filter.is-active{color:#166534;background:#f0fdf4;border-color:#bbf7d0;box-shadow:0 0 0 4px #16a34a14}.template-filter.is-active span{color:#fff;background:#16a34a}.template-refresh{color:#111827;background:#f9fafb;margin-left:auto}.template-refresh:hover:not(:disabled),.template-filter:hover{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.template-refresh:disabled{opacity:.45}.template-marquee{gap:12px;padding:2px 0 12px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%)}.template-row{overflow:hidden}.template-track{will-change:transform;gap:14px;width:max-content;display:flex}.template-row:hover .template-track{animation-play-state:paused}.template-track-rtl{animation:76s linear infinite suggestionMarqueeRtl}.template-track-ltr{animation:82s linear infinite suggestionMarqueeLtr;transform:translate(-50%)}.template-row:nth-child(3) .template-track{animation-duration:88s}.template-row:nth-child(4) .template-track{animation-duration:94s}.template-row:nth-child(5) .template-track{animation-duration:100s}.template-card{color:#111827;text-align:left;white-space:normal;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:none;min-width:min(430px,100vw - 72px);min-height:44px;padding:5px 18px;font-size:1.05rem;font-weight:400;line-height:1.35;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;overflow:hidden;box-shadow:0 6px 16px #1118270d}.template-card:hover{color:#1d4ed8;background:#fff;border-color:#60a5fa8c;transform:translateY(-4px);box-shadow:0 12px 28px #2563eb24,0 0 0 4px #93c5fd38}.template-card-category{color:#6b7280;letter-spacing:0;text-transform:uppercase;margin-bottom:2px;font-size:.74rem;font-weight:800;display:block}.result-panel{min-height:560px;padding:20px}.panel-heading,.options-header,.form-actions,.result-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-title{color:#111827;margin-bottom:0;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:900;line-height:1.1}.field-label{color:#374151;margin-bottom:8px;font-weight:750;display:block}.text-input{color:#111827;background:0 0;border:1px solid #11182726;border-radius:8px;outline:none;width:100%;min-height:52px;padding:0 15px;transition:border-color .18s,box-shadow .18s,background .18s}.text-input:focus{background:0 0;border-color:#11182766;box-shadow:0 0 0 3px #1118270d}.question-input{min-height:64px;margin:12px 0;font-size:1.2rem}.option-count{color:#374151;background:#f3f4f6;border-radius:999px;flex:none;padding:8px 12px;font-size:.86rem;font-weight:800}.option-list{gap:12px;margin:10px 0 18px;display:grid}.option-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;display:grid}.option-badge{color:#111827;background:#11182714;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:850;display:grid}.icon-button,.icon-text-button,.ai-action,.primary-action,.secondary-action,.theme-toggle,.related-shortcut{border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.icon-button{color:#6b7280;background:#f3f4f6;width:44px}.icon-text-button,.secondary-action,.theme-toggle{color:#111827;background:#f3f4f6;padding:0 15px}.theme-toggle{border:1px solid var(--control-border);color:var(--page-text);background:var(--control-bg)}.ai-action{color:#fff;background:linear-gradient(135deg,#2563eb,#9333ea);border:1px solid #93c5fd8c;padding:0 16px;font-weight:900;box-shadow:0 10px 24px #2563eb33}.primary-action{color:#fff;min-width:148px;box-shadow:none;background:#16a34a;padding:0 20px}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.icon-text-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.theme-toggle:hover:not(:disabled){background:#e5e7eb}.ai-action:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#7e22ce);box-shadow:0 14px 30px #2563eb47}.primary-action:hover:not(:disabled){background:#15803d}.primary-action:focus-visible,.secondary-action:focus-visible,.icon-text-button:focus-visible,.icon-button:focus-visible,.related-shortcut:focus-visible,.theme-toggle:focus-visible,.template-filter:focus-visible,.template-refresh:focus-visible,.template-card:focus-visible{outline-offset:3px;outline:3px solid #dc262659}.ai-action:focus-visible{outline-offset:3px;outline:3px solid #16a34a59}.compact{min-width:auto;min-height:42px;padding:0 14px}.error-banner{color:#7f1d1d;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin:12px 0 18px;padding:12px 14px;font-weight:700}.result-card,.empty-result{border-radius:8px;height:100%;min-height:520px;padding:24px}.result-card{color:#111827;-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #bbf7d0;flex-direction:column;min-height:auto;display:flex;box-shadow:0 0 0 6px #16a34a14,0 4px 24px -1px #0000000a}.result-card .section-kicker,.result-card .result-question{color:#6b7280}.answer-result{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:0 0 24px;padding:14px 16px;display:flex}.answer-result span{color:#fff;background:#16a34a;border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:900;display:flex}.answer-result strong{color:#15803d;overflow-wrap:anywhere;font-size:clamp(1.4rem,4vw,2rem);line-height:1.2}.result-card h2{color:#111827;overflow-wrap:anywhere;margin-bottom:18px;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.1}.answer-list{gap:10px;margin:0 0 24px;padding:0;list-style:none;display:grid}.answer-list li{color:#374151;overflow-wrap:anywhere;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px;display:grid}.answer-list li span{color:#111827;background:#f3f4f6;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.answer-list li.selected{color:#fff;background:#16a34a;border-color:#16a34a;box-shadow:0 0 0 4px #16a34a24}.answer-list li.selected span{color:#16a34a;background:#fff}.related-shortcuts{z-index:30;width:min(300px,100vw - 40px);position:fixed;bottom:20px;right:20px;overflow:hidden}.related-shortcut{color:#111827;text-align:left;background:#fff;border:1px solid #e5e7eb;justify-content:flex-start;width:100%;padding:0 14px;animation:.36s both shortcutSwipe;box-shadow:0 10px 24px #11182714}.related-shortcut:hover{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.article-popover{z-index:50;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;inset:0}.article-backdrop{pointer-events:auto;background:#1118272e;border:0;position:absolute;inset:0}.article-drawer{z-index:1;pointer-events:auto;-webkit-backdrop-filter:blur(20px);background:#ffffffc7;border-left:1px solid #fffc;width:min(680px,100vw);height:100vh;padding:24px;animation:.36s both articleSwipeIn;position:relative;overflow-y:auto;box-shadow:-24px 0 60px #1118272e}.article-shell{background:linear-gradient(#eff6fffa 0%,#dbeafeeb 48%,#fffffffa 100%);border:1px solid #93c5fd8c;border-radius:8px;min-height:420px;padding:clamp(22px,5vw,44px);box-shadow:0 -18px 34px #2563eb1f,0 24px 54px #2563eb33}.article-loading{align-content:center;min-height:340px;display:grid}.gemini-loader{color:#fff;background:linear-gradient(135deg,#2563eb,#9333ea,#16a34a);border-radius:8px;place-items:center;width:58px;height:58px;margin-bottom:18px;animation:1.2s ease-in-out infinite geminiPulse;display:grid;box-shadow:0 12px 28px #2563eb2e}.article-loading h2{margin-bottom:12px}.loading-dots{gap:7px;margin-bottom:28px;display:flex}.loading-dots span{background:#16a34a;border-radius:999px;width:8px;height:8px;animation:.9s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.14s}.loading-dots span:nth-child(3){animation-delay:.28s}.generation-lines{gap:12px;display:grid}.generation-lines span{background:linear-gradient(90deg,#0000,#ffffffd9,#0000) -220px 0/220px 100%,#eef2f7 0 0/100% 100%;border-radius:999px;height:14px;animation:1.2s ease-in-out infinite lineScan;display:block}.generation-lines span:first-child{width:92%}.generation-lines span:nth-child(2){width:78%;animation-delay:.1s}.generation-lines span:nth-child(3){width:86%;animation-delay:.2s}.generation-lines span:nth-child(4){width:54%;animation-delay:.3s}.article-meta{color:#1f2937;width:fit-content;min-height:34px;box-shadow:none;background:#ffffffb8;border:1px solid #1118271a;border-radius:999px;align-items:center;margin-bottom:10px;padding:0 13px;font-size:.95rem;font-weight:900;display:inline-flex}.article-shell h2{overflow-wrap:anywhere;max-width:720px;margin-bottom:28px;font-size:clamp(2rem,6vw,3.4rem);line-height:1.05}.article-sections{gap:28px;display:grid}.content-reveal{animation:.26s both contentReveal}.article-sections section{max-width:720px}.article-sections h3{margin-bottom:10px;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.2}.article-sections p{color:#374151;margin-bottom:0;font-size:1.05rem;line-height:1.75}.result-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:auto}.back-action{margin-bottom:16px}.empty-result{text-align:center;color:#6b7280;background:#fff;align-content:center;place-items:center;display:grid}.empty-orbit{color:#6b7280;background:#f3f4f6;border-radius:8px;place-items:center;width:92px;height:92px;margin-bottom:18px;display:grid}.empty-result h2{color:#111827}.empty-result p{max-width:360px;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientMove{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 100%}}@keyframes suggestionMarqueeRtl{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes suggestionMarqueeLtr{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes shortcutSwipe{0%{opacity:0;transform:translate(44px)}to{opacity:1;transform:translate(0)}}@keyframes articleSwipeIn{0%{opacity:0;transform:translate(56px)}to{opacity:1;transform:translate(0)}}@keyframes geminiPulse{0%,to{filter:saturate();transform:scale(1)}50%{filter:saturate(1.28);transform:scale(1.06)}}@keyframes dotPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes lineScan{to{background-position:calc(100% + 220px) 0,0 0}}@keyframes contentReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] .section-title,html[data-theme=dark] .template-title,html[data-theme=dark] .form-section-title,html[data-theme=dark] .result-card h2,html[data-theme=dark] .empty-result h2{color:var(--page-text)}html[data-theme=dark] .template-filter,html[data-theme=dark] .template-refresh,html[data-theme=dark] .template-card,html[data-theme=dark] .text-input,html[data-theme=dark] .option-count,html[data-theme=dark] .option-badge,html[data-theme=dark] .icon-button,html[data-theme=dark] .icon-text-button,html[data-theme=dark] .secondary-action,html[data-theme=dark] .related-shortcut,html[data-theme=dark] .article-meta{border-color:var(--control-border);color:var(--page-text);background:var(--control-bg)}html[data-theme=dark] .text-input::placeholder{color:#94a3b8}html[data-theme=dark] .text-input:focus{background:#0f172ab3;border-color:#8ab4f8c7;box-shadow:0 0 0 3px #8ab4f829}html[data-theme=dark] .template-filter span,html[data-theme=dark] .answer-list li span{color:#cbd5e1;background:#0f172ae0}html[data-theme=dark] .template-filter.is-active,html[data-theme=dark] .template-filter:hover,html[data-theme=dark] .template-refresh:hover:not(:disabled),html[data-theme=dark] .related-shortcut:hover{color:#dbeafe;background:#2563eb2e;border-color:#8ab4f88c;box-shadow:0 0 0 4px #8ab4f81a}html[data-theme=dark] .template-filter.is-active span{color:#07111f;background:#8ab4f8}html[data-theme=dark] .template-card:hover{color:#dbeafe;background:#1e293bf5;border-color:#c4b5fd94;box-shadow:0 16px 38px #00000052,0 0 0 4px #8ab4f81f}html[data-theme=dark] .template-card-category,html[data-theme=dark] .field-label,html[data-theme=dark] .result-card .section-kicker,html[data-theme=dark] .result-card .result-question,html[data-theme=dark] .article-sections p,html[data-theme=dark] .empty-result{color:var(--page-muted)}html[data-theme=dark] .ai-action,html[data-theme=dark] .answer-result{color:#dbeafe;background:linear-gradient(135deg,#8ab4f829,#c4b5fd24);border-color:#8ab4f86b}html[data-theme=dark] .ai-action{color:#fff;background:linear-gradient(135deg,#4285f4,#a855f7);box-shadow:0 12px 30px #4285f447,inset 0 0 0 1px #ffffff14}html[data-theme=dark] .ai-action:hover:not(:disabled){background:linear-gradient(135deg,#5b9cff,#c084fc);box-shadow:0 16px 36px #4285f45c,inset 0 0 0 1px #ffffff1f}html[data-theme=dark] .primary-action{color:#07111f;background:linear-gradient(135deg,#8ab4f8,#c4b5fd)}html[data-theme=dark] .primary-action:hover:not(:disabled){background:linear-gradient(135deg,#a8c7fa,#ddd6fe)}html[data-theme=dark] .secondary-action:hover:not(:disabled),html[data-theme=dark] .icon-text-button:hover:not(:disabled),html[data-theme=dark] .icon-button:hover:not(:disabled),html[data-theme=dark] .theme-toggle:hover:not(:disabled){background:var(--surface-hover)}html[data-theme=dark] .result-card,html[data-theme=dark] .empty-result{color:var(--page-text);background:var(--panel-bg);box-shadow:0 0 0 6px #8ab4f814, var(--shadow-soft);border:1px solid #8ab4f847}html[data-theme=dark] .answer-result span,html[data-theme=dark] .answer-list li.selected span{color:#07111f;background:#8ab4f8}html[data-theme=dark] .answer-result strong{color:#e0e7ff}html[data-theme=dark] .answer-list li{border-color:var(--control-border);color:#cbd5e1;background:#0f172a7a}html[data-theme=dark] .answer-list li.selected{color:#07111f;background:linear-gradient(135deg,#8ab4f8,#c4b5fd);border-color:#8ab4f8ad;box-shadow:0 0 0 4px #8ab4f829}html[data-theme=dark] .article-backdrop{background:#020617ad}html[data-theme=dark] .article-drawer{border-left-color:var(--panel-border);background:#0b0f19d6;box-shadow:-24px 0 70px #0000006b}html[data-theme=dark] .article-shell{background:linear-gradient(#1e293bfa 0%,#111827f5 52%,#0b0f19fa 100%);border-color:#8ab4f847;box-shadow:0 -18px 34px #8ab4f81f,0 24px 54px #0000005c}html[data-theme=dark] .generation-lines span{background:linear-gradient(90deg,#0000,#8ab4f847,#0000),#1f2937}html[data-theme=dark] .error-banner{color:#fecaca;background:#7f1d1d47;border-color:#f8717173}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=860px){.app-shell{padding:18px 18px 154px}.hero,.workspace{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.result-panel{min-height:auto}}@media (width<=560px){.decision-form,.result-panel{padding:16px}.panel-heading,.options-header,.form-actions,.question-tools{flex-direction:column;align-items:stretch}.option-row{grid-template-columns:40px minmax(0,1fr) 40px}.option-badge,.icon-button{width:40px;height:44px}.primary-action,.secondary-action,.icon-text-button,.ai-action{width:100%}.related-shortcuts{width:calc(100vw - 24px);bottom:12px;right:12px}.related-shortcut{min-height:40px}.template-card{min-height:52px;padding:12px 16px}.template-refresh{margin-left:0}.article-drawer{width:calc(100vw - 18px);padding:16px}}