:root{--ink: #0f172a;--ink-soft: #334155;--muted: #64748b;--line: #e2e8f0;--line-soft: #f1f5f9;--paper: #f5f7ff;--card: #ffffff;--primary: #4f46e5;--primary-2: #6366f1;--accent: #06b6d4;--accent-2: #8b5cf6;--warm: #f43f5e;--success: #059669;--grad-brand: linear-gradient(135deg, #4f46e5 0%, #6366f1 40%, #06b6d4 100%);--grad-warm: linear-gradient(135deg, #f43f5e 0%, #fb7185 50%, #f97316 100%);--grad-soft: linear-gradient(135deg, #eef2ff 0%, #ecfeff 50%, #faf5ff 100%);--shadow: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 12px 32px -8px rgba(79, 70, 229, .12);--shadow-lg: 0 8px 16px -4px rgba(15, 23, 42, .06), 0 24px 48px -12px rgba(79, 70, 229, .16);--radius: 20px;--radius-sm: 14px;--radius-xs: 10px;--font: "Be Vietnam Pro", system-ui, sans-serif;--display: "Outfit", "Be Vietnam Pro", system-ui, sans-serif;--wrap: 1440px;--dock-h: 60px;--chrome-estimate: 96px;--blue-deep: #312e81;--blue: #4f46e5;--blue-mid: #6366f1;--blue-soft: #eef2ff;--red: #f43f5e;--red-deep: #e11d48;--gold: #f59e0b}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(99,102,241,.16),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(6,182,212,.14),transparent 50%),radial-gradient(ellipse 60% 45% at 80% 100%,rgba(139,92,246,.1),transparent 50%),radial-gradient(ellipse 50% 40% at 10% 90%,rgba(244,63,94,.06),transparent 45%),linear-gradient(180deg,#f8faff,#f0f4ff 40%,#f5f7ff);background-attachment:fixed}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-2);text-decoration:underline}.wrap{width:min(100% - 24px,var(--wrap));margin-inline:auto}.site{min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}.site-chat{height:100dvh;max-height:100dvh;overflow:hidden}.site-page{min-height:100dvh}.chrome{flex-shrink:0;z-index:40}.workspace{flex:1;min-height:0;display:flex;flex-direction:column}.workspace-fill{overflow:hidden;padding:12px 14px 14px}.topbar{background:#ffffffb8;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:30px;padding:5px 0}.topbar-links{display:flex;flex-wrap:wrap;gap:14px}.topbar-links a{color:var(--ink-soft);font-weight:500}.topbar-links a:hover{color:var(--primary);text-decoration:none}.app-bar{background:#ffffffd1;border-bottom:1px solid var(--line);box-shadow:0 1px #fffc,0 8px 24px -12px #4f46e526;position:relative}.app-bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad-brand);opacity:.9}.app-bar-inner{display:flex;align-items:center;gap:16px;min-height:58px;padding:8px 0}.brand-compact{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}.brand-compact h1{margin:0;font-family:var(--display);font-size:1.12rem;font-weight:700;line-height:1.2;white-space:nowrap;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-compact p{margin:2px 0 0;font-size:11.5px;color:var(--muted);white-space:nowrap}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--grad-brand);display:grid;place-items:center;flex-shrink:0;box-shadow:0 8px 20px -6px #4f46e58c}.brand-mark.sm{width:40px;height:40px;border-radius:12px}.brand-mark span{font-family:var(--display);font-weight:700;font-size:.78rem;color:#fff;letter-spacing:.02em}.main-nav-inline{display:flex;flex:1;justify-content:center;flex-wrap:wrap;gap:4px;min-width:0;padding:4px;background:var(--line-soft);border-radius:999px;max-width:560px;margin:0 auto}.main-nav-inline .nav-item{border:none;background:transparent;color:var(--muted);padding:8px 16px;font-weight:600;font-size:.88rem;border-radius:999px;transition:background .15s,color .15s,box-shadow .15s}.main-nav-inline .nav-item:hover{color:var(--ink);background:#ffffffb3}.main-nav-inline .nav-item[aria-selected=true]{background:#fff;color:var(--primary);box-shadow:0 2px 8px #4f46e51f}.app-bar-actions{flex-shrink:0}.chat-workspace{flex:1;min-height:0;height:100%;display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(200px,260px);gap:12px;max-width:var(--wrap);width:100%;margin:0 auto}.rail{min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.rail-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;flex-shrink:0}.rail-title{margin:0 0 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-family:var(--display);color:var(--primary);padding-bottom:8px;border-bottom:1px solid var(--line-soft)}.switch-label{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);cursor:pointer}.switch-label.dense{font-size:.9rem;margin-bottom:8px;width:100%}.pill{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--line-soft);border:1px solid var(--line);color:var(--muted)}.pill.block{display:inline-flex;margin-bottom:10px}.pill.ok{background:#ecfdf5;border-color:#a7f3d0;color:var(--success)}.rail .field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.rail .field:last-child{margin-bottom:0}.field label{font-size:12px;font-weight:600;color:var(--ink-soft)}.field input,.field select,.composer input{border:1px solid var(--line);border-radius:var(--radius-xs);padding:9px 12px;background:#fff;width:100%;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.composer input:focus{outline:none;border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f126}.field-hint{margin:4px 0 0;font-size:11px;color:var(--muted);line-height:1.4}.key-actions{display:flex;gap:6px;margin-top:6px}.external-col{display:flex;flex-direction:column;gap:6px}.ext-ai-btn{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:var(--radius-xs);padding:9px 12px;font-size:13px;font-weight:600;color:var(--ink);text-align:left;transition:border-color .15s,box-shadow .15s,transform .1s}.ext-ai-btn.block{width:100%}.ext-ai-btn:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #4f46e51a;transform:translateY(-1px)}.stat-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.stat-list.dense li{display:grid;gap:2px;padding:10px 12px;background:var(--grad-soft);border:1px solid var(--line-soft);border-radius:var(--radius-xs);border-left:3px solid var(--primary)}.stat-list strong{font-family:var(--display);font-size:1.1rem;font-weight:700;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-list span{font-size:11.5px;color:var(--muted)}.link-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.link-list a,.linkish{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 0;color:var(--primary);font-weight:500;font-size:.9rem;border-bottom:1px solid var(--line-soft)}.linkish.light{color:#ffffffe6;border-bottom-color:#ffffff1f}.alert-box{background:linear-gradient(145deg,#fff7ed,#fff1f2)!important;border-color:#fed7aa!important}.alert-box.compact p{margin:0;font-size:.82rem;color:var(--ink-soft);line-height:1.45}.chat-stage{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.chat-stage:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-brand);z-index:2}.chat-stage-head{flex-shrink:0;padding:12px 16px 10px;border-bottom:1px solid var(--line-soft);background:linear-gradient(180deg,#fafbff,#fff)}.chat-stage-head h2{margin:0;font-family:var(--display);font-size:1.15rem;font-weight:700;color:var(--ink)}.sub{margin:0;color:var(--muted);font-size:.9rem}.sub.tight{margin-top:2px;font-size:.8rem}.chat-shell{display:flex;flex-direction:column;min-height:0}.chat-shell.fill{flex:1;min-height:0}.messages{padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(99,102,241,.04),transparent 60%),#fafbff}.messages.fill-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.msg{max-width:min(92%,720px);padding:11px 14px;border-radius:16px;white-space:pre-wrap;font-size:.93rem}.msg.user{align-self:flex-end;background:var(--grad-brand);color:#fff;border-bottom-right-radius:6px;box-shadow:0 8px 20px -6px #4f46e573}.msg.bot{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px;box-shadow:0 2px 8px #0f172a0a}.msg .meta{display:block;font-size:10.5px;opacity:.75;margin-bottom:3px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.chat-footer-sticky{flex-shrink:0;border-top:1px solid var(--line-soft);background:#fff}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 0}.chips.compact{max-height:64px;overflow:hidden}.chip{border:1px solid var(--line);background:var(--grad-soft);border-radius:999px;padding:6px 12px;font-size:11.5px;color:var(--ink-soft);font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s,box-shadow .15s}.chip:hover{border-color:#a5b4fc;box-shadow:0 2px 8px #4f46e51a;color:var(--primary)}.composer{display:flex;gap:8px;padding:10px 14px 14px}.composer input{flex:1;min-width:0;background:var(--line-soft);border-color:transparent}.composer input:focus{background:#fff}.btn{border:none;border-radius:999px;padding:10px 18px;font-weight:600;transition:transform .1s,box-shadow .15s,filter .15s}.btn:active{transform:translateY(1px)}.btn.sm{padding:7px 12px;font-size:.82rem}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:0 6px 16px -4px #4f46e580}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-accent{background:var(--grad-warm);color:#fff;box-shadow:0 6px 16px -4px #f43f5e66}.btn-accent:hover{filter:brightness(1.05)}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink-soft)}.btn-ghost:hover{background:var(--line-soft);border-color:#c7d2fe;color:var(--primary)}.page-scroll{padding:16px 0 24px;width:min(100% - 24px,1100px);margin:0 auto}.main-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.page-panel{min-height:420px}.panel-inner{padding:22px 24px 26px}.section-head{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line-soft);position:relative}.section-head:after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;background:var(--grad-brand);border-radius:2px}.section-head h2{margin:0 0 4px;font-family:var(--display);font-size:1.35rem;font-weight:700;color:var(--ink)}.block-title{margin:22px 0 12px;font-family:var(--display);font-size:1.05rem;font-weight:700;color:var(--ink);padding-left:12px;border-left:3px solid transparent;border-image:var(--grad-brand) 1}.calc-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-layout .field,.panel-inner .field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.result-box{background:var(--grad-brand);color:#fff;border-radius:var(--radius);padding:20px;box-shadow:0 16px 40px -12px #4f46e573}.result-box .big{font-family:var(--display);font-size:1.9rem;font-weight:700;margin:4px 0 2px}.result-box .hint{opacity:.9;font-size:13px;margin-bottom:12px}.rows .row{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.18)}.rows .row:last-child{border-bottom:none;font-weight:700;font-size:15px;color:#fef3c7}.bracket-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:12.5px;background:#0000001f;border-radius:12px;overflow:hidden}.bracket-table th,.bracket-table td{padding:8px 10px;text-align:left}.bracket-table th{background:#0000001f;font-weight:600}.case-grid,.facts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.case-card,.fact-card,.faq-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.case-card:hover,.fact-card:hover,.faq-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.case-card{border-top:3px solid var(--primary)}.case-card h3,.faq-card h3{margin:0 0 8px;font-size:1.02rem;font-family:var(--display);font-weight:600;color:var(--ink)}.persona{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--warm);margin-bottom:6px}.case-card .summary{font-family:var(--display);font-weight:700;font-size:1.1rem;margin:0 0 8px;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.case-card p,.faq-card p{margin:0;color:var(--ink-soft);font-size:.92rem}.fact-card{background:var(--grad-soft);border-color:var(--line-soft)}.fact-label{font-size:12px;color:var(--muted);font-weight:600}.fact-card strong{display:block;font-size:1.15rem;margin:4px 0;font-family:var(--display);font-weight:700;color:var(--ink)}.fact-law,.faq-card .src{font-size:12px;color:var(--muted)}.faq-list{display:grid;gap:10px}.faq-card{border-left:3px solid var(--accent)}.info-box{margin-top:18px;padding:16px 18px;background:var(--grad-soft);border:1px solid var(--line-soft);border-radius:var(--radius-sm)}.info-box strong{display:block;margin-bottom:8px;color:var(--ink);font-family:var(--display)}.info-box ul{margin:0;padding-left:18px}.disclaimer{margin:14px 0;padding:12px 16px;border-radius:var(--radius-sm);background:#fff1f2;border:1px solid #fecdd3;color:var(--red-deep);font-size:.88rem}.disclaimer a{color:var(--red-deep);font-weight:600}.page-disclaimer{margin-top:16px}.site-footer{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e3a5f);color:#ffffffe6}.compact-footer{margin-top:8px;border-radius:var(--radius);overflow:hidden}.footer-bottom{padding:14px 18px;font-size:12px;color:#ffffffa6}.footer-bottom a{color:#a5b4fc}.wrap-reset{width:100%}.mobile-dock{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#ffffffeb;border-top:1px solid var(--line);box-shadow:0 -8px 28px #0f172a14;padding:6px 8px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;gap:4px}.mobile-dock button{flex:1;border:none;background:transparent;color:var(--muted);font-size:11px;font-weight:600;padding:10px 4px;border-radius:12px}.mobile-dock button.active{background:var(--grad-soft);color:var(--primary)}@media(max-width:1100px){.chat-workspace{grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(180px,220px)}}@media(max-width:960px){.calc-layout{grid-template-columns:1fr}.chat-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;overflow-y:auto}.site-chat{height:auto;max-height:none;overflow:auto;padding-bottom:calc(var(--dock-h) + 8px)}.workspace-fill{overflow:visible;height:auto}.rail{overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:10px}.rail-left{order:2}.chat-stage{order:1;min-height:min(62dvh,560px);height:min(62dvh,560px)}.rail-right{order:3}}@media(max-width:720px){.app-bar-inner{flex-wrap:wrap}.main-nav-inline{display:none}.app-bar-actions{margin-left:auto}.brand-compact p{display:none}.mobile-dock{display:flex}.rail{grid-template-columns:1fr}.topbar-date{display:none}.field-row{grid-template-columns:1fr}.chat-stage{min-height:min(58dvh,520px);height:min(58dvh,520px)}.site-page{padding-bottom:calc(var(--dock-h) + 8px)}}@media(min-width:961px){.site-chat .workspace-fill{height:calc(100dvh - var(--chrome-estimate))}.chat-workspace{height:100%}}