:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{background:#fff;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-copy{max-width:760px}.eyebrow,.section-kicker{color:#6b7280;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,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{color:#4b5563;max-width:620px;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,.result-page{max-width:860px;margin:0 auto;display:block}.decision-form,.result-panel{box-shadow:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.decision-form{width:100%;padding:28px}.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:18px 0 34px;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,.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{color:#111827;background:#f3f4f6;padding:0 15px}.ai-action{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:0 16px;font-weight:900}.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){background:#e5e7eb}.ai-action:hover:not(:disabled){background:#dcfce7}.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{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;background:#fff;border:1px solid #bbf7d0;flex-direction:column;min-height:auto;display:flex;box-shadow:0 0 0 6px #16a34a14}.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;background:#fff;border-left:1px solid #e5e7eb;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 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)}}@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{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}.article-drawer{width:calc(100vw - 18px);padding:16px}}