@import "https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&display=swap";:root{--ink:#172b3a;--text:#345061;--muted:#748796;--line:#d8e4e8;--canvas:#f6faf8;--surface:#fff;--soft:#eef6f3;--teal:#138f7a;--blue:#2d6cdf;--blue-soft:#eef4ff;--amber:#a96f1d;--amber-soft:#fff8e8;--danger:#bd4b45;--radius:14px;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#e8efed;font-family:Onest,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:12px;scroll-padding-bottom:112px}body{background:#e8efed;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #2d6cdf59}.appShell{background:var(--canvas);width:min(100%,480px);min-height:100dvh;padding-bottom:calc(88px + env(safe-area-inset-bottom));margin:0 auto}.gateShell{place-items:center;padding:24px;display:grid}.gatePanel{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:14px;width:100%;padding:22px;display:grid;box-shadow:0 18px 45px #172b3a14}.gatePanel h1{color:var(--ink);margin:4px 0 0;font-size:25px;line-height:1.15}.gatePanel p{color:var(--muted);margin:0;line-height:1.5}.primaryLink{background:var(--teal);min-height:42px;color:var(--surface);border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-weight:750;text-decoration:none;display:inline-flex}.appTop,.pagePanel{padding:16px;scroll-margin-top:12px}.appTop{z-index:10;border-bottom:1px solid var(--line);background:var(--canvas);position:sticky;top:0}.pagePanel{min-height:calc(100dvh - 250px);padding-top:14px;scroll-margin-bottom:112px}.brand{grid-template-columns:44px 1fr;align-items:center;gap:12px;margin-bottom:14px;display:grid}.logoMark{background:var(--teal);width:44px;height:44px;color:var(--surface);border-radius:13px;place-items:center;display:grid}.brand strong,.brand span{display:block}.brand strong{color:var(--ink);letter-spacing:0;font-size:17px;line-height:1.1}.brand span,.muted,.hint,.metaFooter,.knowledgeList p,.stepBody span,.channelCard span,.sourcePanel span,.routeMeta{color:var(--muted)}.searchBox{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.searchBox svg{color:var(--blue)}.searchBox input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.searchBox input::placeholder{color:var(--muted)}.categoryGrid{scrollbar-width:none;gap:8px;margin:12px -16px 0;padding:0 16px 2px;display:flex;overflow-x:auto}.categoryGrid::-webkit-scrollbar{display:none}.categoryGrid button,.pageTabs button,.segments button,.metaFooter button{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;padding:9px 14px}.categoryGrid button.active,.categoryGrid button:hover,.pageTabs button.selected,.pageTabs button:hover,.segments button.selected,.segments button:hover,.metaFooter button:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--ink)}.pageTabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.pageTabs button{white-space:normal;place-items:center;gap:3px;min-width:0;padding:8px 4px;font-size:11px;font-weight:800;display:grid}.channelCard{border-radius:var(--radius);background:var(--soft);border:1px solid #cfe2dc;grid-template-columns:32px 1fr;align-items:start;gap:10px;margin-top:12px;padding:12px;display:grid}.channelCard svg{color:var(--teal)}.channelCard strong{color:var(--ink);font-size:14px;line-height:1.25;display:block}.channelCard span{margin-top:4px;font-size:13px;line-height:1.35;display:block}.sectionTitle{color:var(--text);letter-spacing:0;text-transform:uppercase;margin:18px 0 10px;font-size:12px;font-weight:800}.resultItem{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;grid-template-columns:1fr 20px;align-items:center;gap:10px;width:100%;min-height:52px;margin-bottom:8px;padding:13px 14px;display:grid}.resultItem svg{color:var(--muted)}.resultItem:hover,.resultItem.active{border-color:var(--blue);background:var(--blue-soft)}.resultItem.active{font-weight:700}.knowledgeItem{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:20px 1fr;gap:9px;width:100%;padding:12px 0;display:grid}.knowledgeItem:hover,.knowledgeItem.active{background:var(--surface);border-radius:12px;margin:0 -10px;padding-left:10px;padding-right:10px}.knowledgeList svg{color:var(--blue);margin-top:2px}.knowledgeList strong{color:var(--ink);font-size:14px;line-height:1.25}.knowledgeList p{margin:4px 0 0;font-size:13px;line-height:1.36}.cardHeader,fieldset,.stepRow,.emptyState,.notice,.sourcePanel article,.detailBlock{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.cardHeader{gap:14px;padding:18px;display:grid}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);letter-spacing:0;margin:6px 0 10px;font-size:clamp(28px,8vw,34px);line-height:1.08}h2{color:var(--ink);letter-spacing:0;margin-bottom:12px;font-size:22px;line-height:1.18}h3{color:var(--ink);letter-spacing:0;margin-top:22px;font-size:15px}.cardHeader p,.detailPanel p,.detailPanel li{color:var(--text);line-height:1.5}.routeMeta{flex-wrap:wrap;gap:7px;margin-top:14px;font-size:12px;display:flex}.routeMeta span{border:1px solid var(--line);background:var(--canvas);border-radius:999px;padding:5px 9px}.headerActions{flex-wrap:wrap;gap:8px;display:flex}.progressBadge,.detailBlock,.notice{align-items:center;gap:8px;display:flex}.progressBadge{background:var(--soft);color:var(--ink);border-radius:999px;padding:8px 11px;font-size:13px;font-weight:800}.progressBadge svg,.detailBlock svg{color:var(--teal)}.notice{border-left:4px solid var(--amber);background:var(--amber-soft);color:var(--ink);margin-top:10px;padding:12px 13px}.notice svg{color:var(--amber);flex:none}.questions{gap:10px;margin-top:14px;margin-bottom:20px;display:grid}fieldset{margin:0;padding:14px}legend{color:var(--ink);padding:0 4px;font-size:15px;font-weight:800}.segments{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hint{margin:10px 0 0;font-size:14px}.stepList{gap:9px;display:grid}.stepRow{grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;min-height:92px;padding:11px;display:grid}.checkButton,.iconButton{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.checkButton{color:var(--teal)}.checkButton.done{border-color:var(--teal);background:var(--teal);color:var(--surface)}.iconButton{color:var(--blue)}.iconButton.active{background:var(--blue-soft);color:var(--blue)}.iconButton:hover{border-color:var(--blue);background:var(--blue-soft)}.stepBody{text-align:left;cursor:pointer;background:0 0;border:0;gap:5px;display:grid}.stepBody strong{color:var(--ink);font-size:15px;line-height:1.22}.stepBody span{line-height:1.36}.metaFooter{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}.toast{right:max(16px,50vw - 224px);bottom:calc(84px + env(safe-area-inset-bottom));z-index:20;border-radius:var(--radius);background:var(--ink);color:var(--surface);padding:12px 14px;position:fixed;left:max(16px,50vw - 224px);box-shadow:0 12px 28px #172b3a2e}.toast.saved{background:var(--teal)}.toast.error{background:var(--danger)}.modalBackdrop{z-index:50;padding:16px 16px calc(96px + env(safe-area-inset-bottom));background:#172b3a47;place-items:end center;display:grid;position:fixed;inset:0}.connectionDialog{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:44px 1fr;gap:12px;width:min(100%,448px);padding:16px;display:grid;box-shadow:0 18px 50px #172b3a33}.dialogIcon{background:var(--amber-soft);width:44px;height:44px;color:var(--amber);border-radius:14px;place-items:center;display:grid}.connectionDialog h2{margin-bottom:7px;font-size:18px}.connectionDialog p{color:var(--text);margin-bottom:0;line-height:1.45}.dialogActions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.dialogActions button{border:1px solid var(--blue);background:var(--blue);min-height:44px;color:var(--surface);cursor:pointer;border-radius:13px;font-weight:800}.dialogActions button.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}.emptyState{place-items:start;gap:8px;padding:24px;display:grid}.emptyState.small{background:0 0;border:0;padding:0}.emptyState svg{color:var(--blue)}.errorText{color:var(--danger)}.detailPanel{background:var(--surface)}.detailBlock{background:var(--soft);color:var(--ink);padding:10px 12px}.knowledgeBody{gap:8px;margin-top:14px;display:grid}.knowledgeBody article{border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas);color:var(--text);grid-template-columns:22px 1fr;gap:9px;padding:11px;line-height:1.45;display:grid}.knowledgeBody svg{color:var(--blue);margin-top:2px}.detailPanel ul{padding-left:20px}.sourcePanel{border-top:1px solid var(--line);margin-top:26px;padding-top:8px}.sourcePanel article{background:var(--canvas);gap:4px;margin-bottom:8px;padding:11px;display:grid}.sourcePanel strong{color:var(--ink);font-size:13px;line-height:1.28}.sourcePanel a{color:var(--blue);font-size:13px;font-weight:800;line-height:1.28;text-decoration:none}.sourcePanel a:hover{text-decoration:underline}.sourcePanel span{font-size:12px}.bottomNav{z-index:30;border-top:1px solid var(--line);width:min(100%,480px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottomNav button{min-height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:13px;place-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;display:grid}.bottomNav button:hover,.bottomNav button.selected{background:var(--blue-soft);color:var(--blue)}@media (width>=481px){body{padding:20px 0}.appShell{border:1px solid var(--line);border-radius:28px;min-height:calc(100dvh - 40px);overflow:clip;box-shadow:0 20px 60px #172b3a1f}.bottomNav{border-right:1px solid var(--line);border-left:1px solid var(--line);border-radius:0 0 28px 28px;left:50%;right:auto;transform:translate(-50%)}}