:root{--fg:#1a1a1a;--bg:#f7f7f5;--card:#ffffff;--border:#d9d9d6;--primary:#1d4ed8;--primary-press:#1633a3;--safe:#15803d;--safe-bg:#e7f6ec;--caution:#b45309;--caution-bg:#fdf3e2;--danger:#b91c1c;--danger-bg:#fdecec}*{box-sizing:border-box}html{font-size:20px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Apple SD Gothic Neo,Malgun Gothic,Segoe UI,system-ui,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}.wrap{max-width:560px;margin:0 auto;padding:24px 18px 64px}.title{font-size:1.9rem;font-weight:800;margin:8px 0 4px}.subtitle{font-size:1.05rem;color:#555;margin:0 0 20px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:200px;padding:24px;background:var(--card);border:3px dashed var(--border);border-radius:18px;cursor:pointer;text-align:center}.drop:focus-visible{outline:4px solid var(--primary);outline-offset:2px}.drop .emoji{font-size:3rem}.drop .hint{font-size:1.2rem;font-weight:700}.drop .sub{font-size:.95rem;color:#555}.preview{border-radius:16px;border:2px solid var(--border);margin-top:6px}.btn,.preview{width:100%;display:block}.btn{padding:18px 20px;font-size:1.4rem;font-weight:800;border:none;border-radius:16px;cursor:pointer;margin-top:14px}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-press)}.btn-ghost{background:#ececec;color:#222}.btn-row{display:flex;gap:12px}.btn-row .btn{margin-top:14px}.result{margin-top:22px;border-radius:18px;padding:22px;border:3px solid}.result.safe{background:var(--safe-bg);border-color:var(--safe)}.result.caution{background:var(--caution-bg);border-color:var(--caution)}.result.danger{background:var(--danger-bg);border-color:var(--danger)}.result .badge{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:900}.result.safe .badge{color:var(--safe)}.result.caution .badge{color:var(--caution)}.result.danger .badge{color:var(--danger)}.result .light{font-size:2.6rem;line-height:1}.result .headline{font-size:1.5rem;font-weight:800;margin:14px 0 6px}.result .why{font-size:1.05rem;font-weight:700;margin:16px 0 6px;color:#444}.result ul{margin:0;padding-left:1.2em}.result li{font-size:1.15rem;margin:6px 0}.result .advice{margin-top:16px;padding:14px;background:rgba(255,255,255,.7);font-size:1.2rem}.error,.result .advice{border-radius:12px;font-weight:700}.error{margin-top:18px;padding:16px;background:var(--danger-bg);border:2px solid var(--danger);color:var(--danger)}.spinner{display:inline-block;width:1.1em;height:1.1em;border:.18em solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-.15em;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}.footnote{margin-top:28px;font-size:.85rem;color:#6b6b6b;text-align:center}.demo-cta{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:16px 18px;background:linear-gradient(135deg,#1d4ed8,#0ea5a4);color:#fff;border-radius:16px;text-decoration:none;box-shadow:0 6px 18px rgba(29,78,216,.25)}.demo-cta-emoji{font-size:2.2rem}.demo-cta-col{display:flex;flex-direction:column}.demo-cta-title{font-size:1.15rem;font-weight:800}.demo-cta-sub{font-size:.92rem;opacity:.92}.demo-wrap{max-width:560px;margin:0 auto;padding:18px 14px 56px}.demo-top{display:flex;align-items:center;gap:10px}.demo-back{color:var(--primary);font-weight:800;font-size:1.05rem;text-decoration:none;padding:6px 4px}.demo-h1{font-size:1.5rem;font-weight:800;margin:0}.demo-sub{color:#555;font-size:1rem;margin:6px 2px 14px}.demo-tabs{display:flex;gap:8px;margin-bottom:14px}.demo-tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;font-size:1.05rem;font-weight:800;border:2px solid var(--border);background:var(--card);color:#444;border-radius:12px;cursor:pointer}.demo-tab.on{border-color:var(--primary);color:var(--primary);background:#eef3ff}.demo-tab:focus-visible{outline:4px solid var(--primary);outline-offset:2px}.demo-tab-emoji{font-size:1.2rem}.approot{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#fff}.appscreen{position:absolute;inset:0;flex-direction:column;background:#fff}.appscreen,.screen-host{display:flex;overflow:hidden}.screen-host{flex:1 1;min-height:0;position:relative;flex-direction:column}.appnav{flex:0 0 auto;display:flex;align-items:stretch;height:58px;border-top:1px solid #ededed;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navtab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;color:#b3b3b8;cursor:pointer;padding:6px 0}.navtab-ico{font-size:1.4rem;line-height:1}.navtab-label{font-size:.72rem;font-weight:700}.navtab.on{color:#111}.statusbar{flex:0 0 auto;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:.8rem;font-weight:700;background:#fff;color:#111}.statusbar .sb-right{display:flex;gap:5px;align-items:center}.kk{flex:1 1;display:flex;flex-direction:column;background:#b2c7da;min-height:0}.kk-head{flex:0 0 auto;height:48px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#a7c0d8;color:#11202e}.kk-back{font-size:1.6rem;line-height:1}.kk-name-top{font-size:1.1rem;font-weight:800;flex:1 1}.kk-head-icons{font-size:.95rem;letter-spacing:1px}.kk-body{flex:1 1;min-height:0;overflow:hidden;padding:12px 10px;display:flex;flex-direction:column;gap:10px}.kk-date{align-self:center;background:rgba(0,0,0,.18);color:#fff;font-size:.75rem;padding:3px 12px;border-radius:12px}.kk-line{display:flex;gap:8px;max-width:100%}.kk-line.them{justify-content:flex-start}.kk-line.me{justify-content:flex-end}.kk-avatar{flex:0 0 auto;width:38px;height:38px;border-radius:14px;background:#d7e2ee;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.kk-avatar.blank{background:transparent}.kk-col{display:flex;flex-direction:column;max-width:78%}.kk-sender{font-size:.88rem;color:#1f2d3a;margin:0 0 4px 4px}.kk-bubbles{display:flex;flex-direction:column;gap:5px}.kk-bubbles.right{align-items:flex-end}.kk-bubble{position:relative;padding:9px 12px;font-size:.96rem;line-height:1.45;border-radius:12px;word-break:break-word}.kk-bubble.in{background:#fff;color:#1a1a1a;border-top-left-radius:3px}.kk-bubble.in.urgent{font-weight:700}.kk-bubble.out{background:#fee500;color:#1a1a1a;border-top-right-radius:3px}.kk-link{color:#2563eb;text-decoration:underline;word-break:break-all}.kk-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;font-size:.7rem;color:#3a4a57;margin-right:4px}.kk-read{color:#ffd400;text-shadow:0 0 1px rgba(0,0,0,.4)}.kk-input{flex:0 0 auto;height:52px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border-top:1px solid #e3e3e3}.kk-plus{font-size:1.5rem;color:#555}.kk-textbox{flex:1 1;color:#9aa3ab;font-size:.95rem}.kk-emoji{font-size:1.3rem;color:#888}.cp{position:relative;flex:1 1;flex-direction:column;background:#fff;min-height:0}.cp,.cp-pop{display:flex}.cp-pop{position:absolute;inset:0;z-index:30;background:rgba(0,0,0,.45);align-items:center;justify-content:center;padding:18px}.cp-pop-box{position:relative;width:100%;max-width:300px;background:#ffffff;border:3px solid #ff2d55;border-radius:14px;padding:20px 16px 16px;text-align:center;box-shadow:0 12px 34px rgba(0,0,0,.45)}.cp-pop-x{position:absolute;top:6px;right:8px;border:none;background:transparent;font-size:1.1rem;color:#999999;cursor:pointer}.cp-pop-emoji{font-size:2.4rem;line-height:1}.cp-pop-title{font-size:1.12rem;font-weight:900;color:#d10000;margin:8px 0 6px}.cp-pop-main{font-size:.92rem;color:#333333;line-height:1.5;margin-bottom:10px}.cp-pop-link{font-size:.82rem;color:#1a73e8;text-decoration:underline;word-break:break-all;margin-bottom:10px}.cp-pop-btn{background:#ff2d55;color:#ffffff;font-weight:900;font-size:1.05rem;padding:12px;border-radius:10px;margin-bottom:8px}.cp-pop-fine{font-size:.7rem;color:#aaaaaa}.cp-head{flex:0 0 auto;height:48px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #eee}.cp-back{font-size:1.6rem;width:40px}.cp-title{flex:1 1;text-align:center;font-size:1.1rem;font-weight:800}.cp-home{width:40px;text-align:right;font-size:.95rem;color:#555}.cp-allrow{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:8px solid #f4f4f4;font-size:.95rem;font-weight:600}.cp-alltext{flex:1 1}.cp-delsel{color:#888;font-size:.85rem}.cp-check{width:22px;height:22px;border-radius:50%;border:2px solid #ccc;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;color:transparent;flex:0 0 auto}.cp-check.on{background:#346aff;border-color:#346aff;color:#fff}.cp-body{flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.cp-item{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-bottom:1px solid #f0f0f0}.cp-thumb{flex:0 0 auto;width:54px;height:54px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.7rem}.cp-info{flex:1 1;min-width:0}.cp-name{font-size:.92rem;line-height:1.35;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-tag{font-size:.78rem;color:#00a0e9;font-weight:700;margin-top:3px}.cp-priceline{justify-content:space-between;margin-top:7px}.cp-priceline,.cp-qty{display:flex;align-items:center}.cp-qty{border:1px solid #ddd;border-radius:8px;overflow:hidden}.cp-q{width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;color:#333;background:#fafafa}.cp-qn{width:32px;text-align:center;font-size:.95rem;font-weight:700}.cp-price{font-size:1.05rem;font-weight:800;color:#111}.cp-del{color:#bbb;font-size:.95rem;padding:2px}.cp-summary{flex:0 0 auto;padding:12px 16px;border-top:8px solid #f4f4f4}.cp-srow{display:flex;justify-content:space-between;font-size:.95rem;color:#555;margin:5px 0}.cp-free{color:#346aff;font-weight:700}.cp-srow.total{margin-top:9px;padding-top:9px;border-top:1px dashed #ddd;color:#111;font-weight:800;font-size:1.05rem}.cp-total{color:#d32f2f;font-size:1.25rem}.cp-order{flex:0 0 auto;padding:10px 14px 14px}.cp-order-btn{display:block;text-align:center;background:#346aff;color:#fff;font-size:1.15rem;font-weight:800;padding:14px;border-radius:10px}.fab-stack{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:10px;height:168px;justify-content:flex-start;pointer-events:none}.fab-stack>*{pointer-events:auto}.topnav{position:fixed;top:8px;left:8px;z-index:65;display:flex;gap:8px}.home-btn,.topnav{align-items:center}.home-btn{display:inline-flex;gap:4px;padding:7px 14px;border-radius:999px;background:rgba(20,20,20,.82);color:#fff;font-weight:800;font-size:.9rem;text-decoration:none;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 2px 10px rgba(0,0,0,.28);white-space:nowrap}.home-btn:hover{background:rgba(20,20,20,.95)}.guide-fab{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border-radius:999px;background:#ffffff;color:#111111;font-weight:800;font-size:.9rem;cursor:pointer;border:2px solid #111111;box-shadow:0 2px 10px rgba(0,0,0,.18);white-space:nowrap}.guide-fab:hover{background:#111111;color:#ffffff}.guide-panel{position:fixed;top:52px;left:8px;z-index:65;width:min(340px,calc(100vw - 16px));max-height:calc(100dvh - 100px);overflow-y:auto;background:#ffffff;border:2px solid #111111;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.28);padding:16px 18px 18px}.guide-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.guide-panel-head h2{margin:0;font-size:1.15rem;font-weight:800}.guide-panel-x{flex:0 0 auto;border:none;background:#f0f0ee;border-radius:50%;width:30px;height:30px;font-size:1rem;cursor:pointer;color:#333}.guide-panel-intro{margin:0 0 12px;font-size:.98rem;line-height:1.5;color:#444}.guide-panel-steps{margin:0;padding-left:22px;display:grid;grid-gap:9px;gap:9px}.guide-panel-steps li{font-size:1rem;line-height:1.5;color:#1a1a1a}.guide-panel-tip{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#f1f7f4;border:1px solid #cfe6db;font-size:.95rem;line-height:1.5;color:#14543a}.fab-toggle{align-self:flex-end;border:1px solid rgba(0,0,0,.22);background:rgba(255,255,255,.62);color:#333333;font-size:.6rem;padding:3px 8px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.15)}.fab,.fab-toggle{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.fab{width:52px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 3px;border:2px solid;border-radius:20px;background:rgba(255,255,255,.4);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:transform .12s ease}.fab:active{transform:scale(.96)}.fab:disabled{opacity:.7;cursor:not-allowed}.fab.safe{border-color:#1d4ed8;color:#1d4ed8}.fab.guide{border-color:#0f9d6b;color:#0f9d6b}.fab-emoji{font-size:1.3rem;line-height:1}.fab-label{font-size:.68rem;font-weight:800;line-height:1.15;text-align:center}.fab-spin{width:1.6rem;height:1.6rem;border:.22em solid rgba(0,0,0,.15);border-top-color:currentcolor;border-radius:50%;animation:spin .8s linear infinite}.fab-toggle{width:52px;height:26px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#555;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.15);border-radius:12px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:background .15s ease}.fab-toggle:hover{background:rgba(255,255,255,.8)}.busy-veil{position:absolute;inset:0;z-index:30;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.busy-spin{width:2.4rem;height:2.4rem;border:.28em solid rgba(29,78,216,.25);border-top:.28em solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}.busy-text{font-size:1.1rem;font-weight:800;color:#1d4ed8}.ov{position:absolute;inset:0;z-index:40}.ov-collapsed{pointer-events:none}.ov-minibar{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto;z-index:6}.ov-mini-btn{padding:8px 14px;border-radius:999px;border:none;background:rgba(17,22,33,.82);color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(0,0,0,.25)}.ov-mini-btn.x{padding:8px 12px}.ov-hidebtn{border:none;background:rgba(255,255,255,.22);color:#fff;font-weight:800;font-size:.85rem;padding:6px 10px;border-radius:10px;cursor:pointer;white-space:nowrap}.ov-annot{pointer-events:none}.ov-bubble,.ov-ctrlbar,.ov-footer{pointer-events:auto}.ov-ctrlbar{position:absolute;top:8px;left:8px;right:8px;z-index:6;display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 10px;border-radius:999px;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ov-ctrlbar.tone-guide{background:rgba(17,22,33,.88)}.ov-ctrlbar.tone-danger{background:rgba(185,28,28,.9)}.ov-ctrlbar.tone-caution{background:rgba(180,83,9,.9)}.ov-ctrlbar.tone-safe{background:rgba(21,128,61,.9)}.ov-ctrl-msg{flex:1 1;min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden}.ov-ctrl-lead{font-size:1.1rem;flex:0 0 auto}.ov-ctrl-main{font-size:.92rem;overflow:hidden;text-overflow:ellipsis}.ov-ctrl-main,.ov-ctrl-toggle{font-weight:800;white-space:nowrap}.ov-ctrl-toggle{flex:0 0 auto;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.16);color:#fff;font-size:.85rem;padding:6px 12px;border-radius:999px;cursor:pointer}.ov-svg{position:absolute;inset:0;pointer-events:none}.ov-pin{z-index:2;width:28px;height:28px;border-radius:50%;border:2px solid #fff;color:#fff;font-size:.95rem;font-weight:800;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.4)}.ov-bubble,.ov-pin{position:absolute;display:flex}.ov-bubble{z-index:3;flex-direction:column;gap:3px;padding:10px 12px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);border:1.5px solid;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.22)}.ov-bub-text{color:#111}.ov-bub-num{font-size:.82rem;font-weight:800}.ov-bub-text{font-size:.9rem;line-height:1.4;color:#1a1a1a;font-weight:600}.ov-topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 10px;color:#fff;-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);text-shadow:0 1px 2px rgba(0,0,0,.3)}.ov-topbar.tone-guide{background:rgba(17,22,33,.62)}.ov-topbar.tone-danger{background:rgba(185,28,28,.7)}.ov-topbar.tone-caution{background:rgba(180,83,9,.7)}.ov-topbar.tone-safe{background:rgba(21,128,61,.7)}.ov-banner{flex:1 1;min-width:0;display:flex;align-items:center;gap:9px}.ov-banner-lead{flex:0 0 auto;font-size:1.5rem;line-height:1}.ov-banner-main{font-size:1rem;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ov-footer{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:14px 16px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);color:#111;font-weight:700;font-size:1rem;line-height:1.45;border-top:5px solid}.ov-footer.tone-danger{border-color:#b91c1c}.ov-footer.tone-caution{border-color:#b45309}.ov-footer.tone-safe{border-color:#15803d}.ov-footer.tone-guide{border-color:#1d4ed8}.mock-note{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:60;max-width:90vw;background:rgba(180,83,9,.96);color:#fff;padding:9px 16px;border-radius:999px;font-size:.85rem;font-weight:600;text-align:center}.ov-iconbtn{flex:0 0 auto;width:40px;height:40px;border-radius:12px;border:none;background:rgba(255,255,255,.16);color:#fff;font-size:1.2rem;font-weight:800;cursor:pointer}.ov-iconbtn.close{background:rgba(255,255,255,.26)}.ov-safety{z-index:50}.ov-scrim{inset:0;border:none;background:rgba(0,0,0,.5)}.ov-scrim,.sheet{position:absolute}.sheet{left:0;right:0;bottom:0;padding:12px 18px 20px;border-radius:22px 22px 0 0;border-top:6px solid;background:var(--card);animation:sheet-up .28s ease-out;max-height:90%;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet.safe{background:var(--safe-bg);border-color:var(--safe)}.sheet.caution{background:var(--caution-bg);border-color:var(--caution)}.sheet.danger{background:var(--danger-bg);border-color:var(--danger)}.sheet-grip{width:48px;height:8px;border-radius:4px;background:rgba(0,0,0,.3);margin:0 auto 12px}.sheet-close{position:absolute;top:10px;right:12px;width:40px;height:40px;border:none;border-radius:12px;background:rgba(0,0,0,.08);color:#333;font-size:1.2rem;font-weight:800;cursor:pointer}.sheet-badge{display:flex;align-items:center;gap:10px;font-size:1.6rem;font-weight:900}.sheet.safe .sheet-badge{color:var(--safe)}.sheet.caution .sheet-badge{color:var(--caution)}.sheet.danger .sheet-badge{color:var(--danger)}.sheet-light{font-size:2rem}.sheet-title{font-size:1.2rem;font-weight:800;margin:10px 0 4px}.sheet-why{font-size:.95rem;font-weight:700;color:#444;margin:12px 0 4px}.sheet-reasons{margin:0;padding-left:1.2em}.sheet-reasons li{font-size:1rem;margin:5px 0;line-height:1.45}.sheet-advice{margin-top:12px;padding:12px;background:rgba(255,255,255,.7);border-radius:12px;font-size:1.05rem;font-weight:700;line-height:1.5}.sheet-actions{display:flex;gap:10px;margin-top:14px}.sheet-btn{flex:1 1;padding:13px;font-size:1.05rem;font-weight:800;border:none;border-radius:12px;cursor:pointer}.sheet-btn.ghost{background:rgba(0,0,0,.08);color:#222}.sheet-btn.solid{background:#1d4ed8;color:#fff}.demo-note{margin:12px 4px 0;font-size:.88rem;color:#b45309;font-weight:600;text-align:center}.demo-legend{margin:18px 2px 0;display:flex;flex-direction:column;gap:8px;font-size:.95rem;color:#333;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.demo-privacy{margin-top:2px;padding-top:9px;border-top:1px dashed var(--border);font-size:.88rem;color:#555}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.busy-spin,.fab-spin,.spinner{animation:spin .8s linear infinite!important}}.pf{max-width:1180px;margin:0 auto;padding:22px 18px 60px}.pf-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:18px;padding-top:48px}.pf-title{font-size:1.7rem;font-weight:800;margin:0 0 4px;color:#1a1a1a}.pf-sub{margin:0;color:#4a4a4a;font-size:1rem}.pf-stats{display:flex;gap:10px}.pf-stat{display:flex;flex-direction:column;align-items:center;min-width:78px;padding:10px 12px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,.05)}.pf-stat-num{font-size:1.5rem;font-weight:800;color:#111;line-height:1.1}.pf-stat-lbl{font-size:.78rem;color:#777;margin-top:2px}.pf-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:900px){.pf-grid{grid-template-columns:1fr}}.pf-card{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 8px 26px rgba(0,0,0,.06);margin-bottom:16px}.pf-h2{font-size:1.15rem;font-weight:800;margin:0 0 12px}.pf-inputrow{display:flex;gap:8px}.pf-input{flex:1 1;padding:13px 14px;font-size:1.05rem;border:2px solid var(--border);border-radius:12px;outline:none}.pf-input:focus{border-color:#b3bdeb}.pf-askbtn{flex:0 0 auto;padding:0 20px;font-size:1.05rem;font-weight:800;color:#1a1a1a;background:#cdd3f4;border:none;border-radius:12px;cursor:pointer;min-width:96px;display:inline-flex;align-items:center;justify-content:center}.pf-askbtn:disabled{opacity:.6}.pf-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pf-chip{padding:8px 12px;font-size:.92rem;font-weight:700;background:#eef0fb;color:#333333;border:1px solid #dcdff5;border-radius:999px;cursor:pointer}.pf-chip:disabled{opacity:.5}.pf-answer{margin-top:16px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:14px}.pf-answer.skeleton{display:flex;align-items:center;gap:12px;color:#666;font-weight:600}.pf-answer-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.pf-tierbadge{color:#fff;font-size:.82rem;font-weight:800;padding:4px 10px;border-radius:999px}.pf-learned{font-size:.9rem;color:#555}.pf-levelbanner,.pf-newbanner{font-size:.92rem;font-weight:700;padding:9px 12px;border-radius:10px;margin:8px 0}.pf-newbanner{background:#eafaf0;color:#15803d}.pf-levelbanner{background:#fff4e2;color:#b45309}.pf-answer-summary{font-size:1.15rem;font-weight:800;margin:10px 0}.pf-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pf-steps li{display:flex;align-items:flex-start;gap:10px;font-size:1.02rem;line-height:1.5;background:#f7f9fc;padding:11px 12px;border-radius:10px}.pf-stepno{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#cdd3f4;color:#1a1a1a;font-size:.85rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.pf-answer-actions{display:flex;gap:10px;margin-top:12px}.pf-ghost{padding:10px 14px;font-size:.98rem;font-weight:700;background:#eef0f3;color:#333;border:none;border-radius:10px;cursor:pointer}.pf-graph-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.pf-legend{display:flex;gap:12px;font-size:.82rem;color:#555}.pf-legend span{display:inline-flex;align-items:center;gap:5px}.pf-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}.kg{width:100%;height:auto;max-height:560px;display:block;margin-top:6px}.kg-hub-label{fill:#1a1a2e;font-size:15px;font-weight:800}.kg-app-label{fill:#5b6472;font-size:14px;font-weight:700}.kg-topic-label{fill:#2a2f3a;font-size:12.5px;font-weight:700}.kg-topic-count{fill:#fff;font-size:11px;font-weight:800}.kg-topic circle{transition:r .5s ease}.kg-q{animation:kg-pop .5s ease}@keyframes kg-pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.pf-hint{margin:-6px 0 12px;font-size:.92rem;color:#666}.pf-topiclist{display:flex;flex-direction:column;gap:10px}.pf-topic{padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#fff;cursor:pointer}.pf-topic.on{border-color:#a9b4ec;box-shadow:0 0 0 3px rgba(169,180,236,.35)}.pf-topic-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-topic-dot{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.pf-topic-label{font-size:1.05rem;font-weight:700;flex:1 1;min-width:140px}.pf-topic-count{font-size:.9rem;color:#666}.pf-topic-tier{font-size:.9rem;font-weight:700}.pf-bar{height:8px;border-radius:4px;background:#eef0f3;margin:10px 0;overflow:hidden}.pf-bar-fill{display:block;height:100%;border-radius:4px;transition:width .6s ease}.pf-topic-actions{display:flex;gap:8px}.pf-mini{padding:7px 12px;font-size:.88rem;font-weight:700;background:#eef0f3;color:#333;border:none;border-radius:9px;cursor:pointer}.pf-mini.solid{background:#0f766e;color:#fff}.pf-mini:disabled{opacity:.55}.pf-diff{display:flex;align-items:stretch;gap:10px;margin-top:12px}@media (max-width:640px){.pf-diff{flex-direction:column}.pf-diff-arrow{transform:rotate(90deg)}}.pf-diff-col{flex:1 1;padding:12px;border-radius:12px;font-size:.95rem}.pf-diff-col.before{background:#f4f5f7;color:#666}.pf-diff-col.after{background:#eafaf0;color:#14532d;border:1px solid #bbe7cb}.pf-diff-h{font-weight:800;margin-bottom:6px;font-size:.9rem}.pf-diff-src{font-weight:600;color:#15803d;font-size:.82rem}.pf-diff-sum{font-weight:700;margin-bottom:6px}.pf-diff-col ul{margin:0;padding-left:1.1em}.pf-diff-col li{margin:3px 0;line-height:1.4}.pf-diff-arrow{align-self:center;font-size:1.6rem;color:#15803d;font-weight:800}.pf-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:100;max-width:90vw;background:rgba(17,22,33,.94);color:#fff;padding:12px 18px;border-radius:12px;font-size:.98rem;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.3)}.pf-spin{width:1.15rem;height:1.15rem;border:.2em solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.pf-spin.big{width:1.8rem;height:1.8rem;border-color:#8b96d8 rgba(120,130,200,.25) rgba(120,130,200,.25)}.hub{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#ffffff;color:#111111;padding-bottom:40px}.hub-hero-img{flex:0 0 auto;width:100%;max-width:900px;margin:6px auto 4px;padding:0 20px}.hub-hero-img img{display:block;width:100%;height:clamp(200px,34vh,420px);object-fit:cover;object-position:center 35%;border-radius:18px;border:2px solid #111111}.hub-eyebrow{display:inline-block;margin:0 0 12px;font-weight:800;letter-spacing:.03em;color:#111111;font-size:clamp(.85rem,1.2vw,1rem);padding:6px 14px;border:2px solid #111111;border-radius:999px}.hub-goals{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;width:100%;max-width:980px;margin:32px auto 0;padding:0 20px}.hub-goal{background:#ffffff;border:2px solid #111111;border-radius:16px;padding:18px 20px}.hub-goal h3{margin:0 0 8px;font-size:1.12rem;font-weight:800;color:#1a1a1a}.hub-goal p{margin:0;font-size:.98rem;line-height:1.55;color:#444444}@media (max-width:720px){.hub-goals{grid-template-columns:1fr}}.hub-head{flex:0 0 auto;text-align:center;padding:clamp(14px,3.2vh,34px) 20px clamp(10px,2vh,20px)}.hub-title{margin:0;font-size:clamp(1.5rem,3.4vw,2.5rem);font-weight:800;letter-spacing:-.01em}.hub-sub{margin:8px auto 0;max-width:760px;font-size:clamp(.92rem,1.4vw,1.12rem);line-height:1.5;color:#555555}.hub-note{display:inline-block;margin:12px auto 0;padding:8px 14px;border-radius:999px;background:#f1f3f5;border:1px solid #e0e0dd;font-size:clamp(.85rem,1.2vw,1rem);font-weight:700;color:#333333}.hub-legend{max-width:860px;margin:14px auto 4px;padding:0 16px;display:grid;grid-gap:10px;gap:10px}.hub-legend-item{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;text-align:left}.hub-legend-badge{flex:0 0 auto;display:inline-block;min-width:108px;text-align:center;padding:7px 10px;border-radius:999px;font-weight:800;font-size:.92rem;white-space:nowrap;background:#111;color:#fff}.hub-legend-badge.alt{background:#12a150;color:#fff}.hub-legend-badge.ghost{background:#fff;color:#333;border:1.5px solid #cfcfca}.hub-legend-item p{margin:0;align-self:center;font-size:.98rem;line-height:1.5;color:#333}@media (max-width:560px){.hub-legend-item{flex-direction:column;gap:8px}.hub-legend-badge{align-self:flex-start}}.hub-cards{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 16px 8px}.hub-card{position:relative;flex:1 1;min-width:0;height:clamp(280px,46vh,400px);max-width:480px;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;display:flex;align-items:flex-end;border:2px solid #111111;transition:transform .18s ease,box-shadow .18s ease;outline:none}.hub-card-photo{position:absolute;inset:0;background-size:cover;background-position:50%;transition:transform .35s ease}.hub-card-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,14,.97) 0,rgba(8,10,14,.9) 42%,rgba(8,10,14,.7) 72%,rgba(8,10,14,.52))}.hub-card-body{position:relative;padding:clamp(16px,2.4vw,28px);z-index:1}.hub-kicker{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#cfd6e2;background:rgba(255,255,255,.12);padding:4px 10px;border-radius:999px;margin-bottom:12px}.hub-card-title{margin:0 0 8px;font-size:clamp(1.05rem,1.55vw,1.4rem);font-weight:800;line-height:1.32}.hub-card-desc{margin:0 0 16px;font-size:clamp(.86rem,1.1vw,1rem);line-height:1.5;color:#d4dae4}.hub-cta{display:inline-block;font-weight:800;font-size:1rem;padding:10px 16px;border-radius:12px;background:#ffffff;color:#111111}.hub-actions{display:flex;gap:8px;flex-wrap:wrap}.hub-cta.ghost{background:transparent;color:#ffffff;border:1px solid rgba(255,255,255,.6)}.hub-card:focus-visible,.hub-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.45)}.hub-card:focus-visible .hub-card-photo,.hub-card:hover .hub-card-photo{transform:scale(1.05)}.hub-card:focus-visible{border-color:#ffffff}@media (max-width:720px){.hub-cards{flex-direction:column;gap:10px}.hub-card-body{padding:12px 14px}.hub-card-title{font-size:1.02rem;margin-bottom:4px}.hub-card-desc{display:none}.hub-kicker{margin-bottom:6px}}.intro{max-width:860px;margin:0 auto;padding:18px 20px 72px}.intro-top{padding:6px 0 10px}.intro-back{color:#111111;font-weight:800;font-size:1.05rem;text-decoration:none}.intro-hero{padding:48px 0 8px}.intro-kicker{margin:0 0 8px;font-weight:800;letter-spacing:.03em;color:#111111;font-size:.95rem}.intro-h1{margin:0 0 14px;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:800;line-height:1.25}.intro-lead{margin:0;font-size:1.15rem;line-height:1.65;color:#333}.intro-goals{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:28px 0}.intro-goal{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}.intro-goal-ico{font-size:2rem}.intro-goal h3{margin:10px 0 6px;font-size:1.15rem;font-weight:800}.intro-goal p{margin:0;font-size:1rem;line-height:1.55;color:#444}@media (max-width:680px){.intro-goals{grid-template-columns:1fr}}.intro-sec-title{font-size:1.4rem;font-weight:800;margin:0 0 6px}.intro-sec-sub{margin:0 0 16px;color:#555;font-size:1.02rem;line-height:1.55}.intro-steps{margin:32px 0}.intro-steps-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.intro-step{position:relative;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 20px 20px}.intro-step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#111;color:#fff;font-size:1.25rem;font-weight:800;margin-bottom:10px}.intro-step h3{margin:0 0 6px;font-size:1.12rem;font-weight:800}.intro-step p{margin:0;font-size:1rem;line-height:1.55;color:#444}.intro-diff{margin:32px 0}.intro-diff-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.intro-diff-col{border-radius:16px;padding:20px;background:var(--card);border:1px solid var(--border);border-top:5px solid #999}.intro-diff-col.tone-frontier{border-top-color:#2f6fed}.intro-diff-col.tone-onprem{border-top-color:#12a150}.intro-diff-tag{display:inline-block;font-size:1.05rem;font-weight:800;margin-bottom:8px}.intro-diff-col.tone-frontier .intro-diff-tag{color:#2f6fed}.intro-diff-col.tone-onprem .intro-diff-tag{color:#12a150}.intro-diff-col p{margin:0;font-size:1rem;line-height:1.6;color:#333}@media (max-width:680px){.intro-diff-row,.intro-feat-row,.intro-steps-row{grid-template-columns:1fr}}.intro-features{margin:32px 0}.intro-feat-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.intro-feat{border:2px solid #111;border-radius:16px;padding:20px;background:var(--card)}.intro-feat.tone-safe{border-color:#1d4ed8}.intro-feat.tone-guide{border-color:#0f9d6b}.intro-feat-ico{font-size:2rem;line-height:1}.intro-feat h3{margin:8px 0 6px;font-size:1.2rem;font-weight:800}.intro-feat.tone-safe h3{color:#1d4ed8}.intro-feat.tone-guide h3{color:#0f9d6b}.intro-feat p{margin:0;font-size:1rem;line-height:1.55;color:#333}.intro-guide-detail{margin:32px 0;border:2px solid #111;border-radius:18px;padding:24px;background:var(--card)}.intro-guide-list{margin:4px 0 0;padding-left:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.intro-guide-list li{position:relative;padding-left:30px;font-size:1.05rem;line-height:1.55;color:#222}.intro-guide-list li:before{content:"🧭";position:absolute;left:0;top:0}.intro-guide-note{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#f1f7f4;border:1px solid #cfe6db;font-size:1.02rem;line-height:1.5;color:#14543a}.intro-demo{margin:32px 0}.intro-demo-title{font-size:1.4rem;font-weight:800;margin:0 0 4px}.intro-demo-sub{margin:0 0 14px;color:#555;font-size:1rem}.intro-video{display:block;margin:0 auto;height:56vh;max-height:540px;width:auto;max-width:100%;border-radius:16px;border:1px solid var(--border);background:#000}.intro-cta{margin-top:32px;text-align:center}.intro-cta-label{font-size:1.1rem;font-weight:700;margin:0 0 14px}.intro-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.intro-btn{display:inline-block;padding:16px 22px;border-radius:14px;font-size:1.1rem;font-weight:800;text-decoration:none}.intro-btn.primary{background:#111111;color:#fff}.intro-btn.ghost{background:#eef2f7;color:#14181f;border:1px solid var(--border)}.cmp{min-height:100vh;min-height:100dvh;background:#ffffff;color:#111111;padding:16px 18px 40px}.cmp-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding-top:48px}.cmp-titles{flex:1 1 auto;min-width:200px}.cmp-h1{margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800}.cmp-sub{margin:4px 0 0;color:#555555;font-size:.98rem}.cmp-actions{display:flex;gap:10px}.cmp-run{padding:12px 22px;font-size:1.1rem;font-weight:800;border:none;border-radius:12px;background:#3b82f6;color:#fff;cursor:pointer}.cmp-run:disabled{opacity:.6;cursor:default}.cmp-reset{padding:12px 16px;font-size:1rem;font-weight:700;border:1px solid #cccccc;border-radius:12px;background:#ffffff;color:#333333;cursor:pointer}.cmp-compose{max-width:620px;margin:0 0 18px;padding:12px 14px;background:#f4f4f2;border:1px solid #e0e0dd;border-radius:14px}.cmp-compose-label{display:block;font-size:1rem;font-weight:800;margin-bottom:8px;color:#111111}.cmp-compose-row{display:flex;gap:10px;align-items:stretch}.cmp-draft{flex:1 1 auto;min-width:0;resize:vertical;padding:10px 12px;border-radius:10px;border:1px solid #cccccc;background:#ffffff;color:#111111;font-size:.98rem;line-height:1.4;font-family:inherit}.cmp-draft::placeholder{color:#6b7383}.cmp-compose-btns{display:flex;flex-direction:column;gap:6px}.cmp-apply{padding:8px 14px;font-weight:800;font-size:.95rem;border:none;border-radius:10px;background:#111111;color:#ffffff;cursor:pointer;white-space:nowrap}.cmp-apply:disabled{opacity:.5;cursor:default}.cmp-default{padding:8px 14px;font-weight:700;font-size:.9rem;border:1px solid #cccccc;border-radius:10px;background:#ffffff;color:#333333;cursor:pointer;white-space:nowrap}.cmp-compose-hint{margin:8px 0 0;font-size:.86rem;color:#9aa3b2}.cmp-presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.cmp-presets-label{font-size:.85rem;font-weight:700;color:#555555}.cmp-family{max-width:620px;margin:0 0 18px}.cmp-family-toggle{width:100%;text-align:left;padding:10px 14px;font-size:.98rem;font-weight:800;color:#111111;background:#f4f4f2;border:1px solid #e0e0dd;border-radius:12px;cursor:pointer}.cmp-family-text{width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid #cccccc;background:#ffffff;color:#111111;font-size:.95rem;line-height:1.5;font-family:inherit;resize:vertical}.cmp-family-hint{margin:8px 0 0;font-size:.86rem;color:#9aa3b2}.cmp-tag{display:inline-block;margin-left:8px;font-size:.68rem;font-weight:800;vertical-align:middle;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.25);color:#0f5132}.cmp-tag.demo{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.3);color:#444444}.cmp-verify{margin:10px 0 4px;padding:10px 12px;border-radius:10px;background:#eaf6ef;border:1px solid #b7e0c8}.cmp-verify-head{font-size:.9rem;font-weight:800;color:#0f5132;margin-bottom:8px}.cmp-verify ul{margin:0;padding:0;list-style:none;gap:8px}.cmp-verify li,.cmp-verify ul{display:flex;flex-direction:column}.cmp-verify li{gap:2px}.cmp-verify li b{font-size:.98rem;color:#111111}.cmp-verify li span{font-size:.82rem;color:#555555;line-height:1.4}.cmp-verify.empty{font-size:.86rem;color:#555555;background:#f4f6f5;border:1px dashed #cfcfca}.cmp-col2{flex:0 0 auto;width:320px;display:flex;flex-direction:column;gap:10px}.cmp-frame{position:relative;width:320px;height:600px;border-radius:16px;overflow:hidden;background:#0b0e13;border:1px solid #d5d5d2;box-shadow:0 8px 24px rgba(0,0,0,.12)}.cmp-flabel{position:absolute;top:8px;left:8px;z-index:6;max-width:calc(100% - 16px);font-size:.82rem;font-weight:800;color:#111;background:rgba(255,255,255,.92);border:1px solid;border-radius:999px;padding:5px 11px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-flabel em{font-style:normal;font-weight:600;color:#555}.cmp-flabel.tone-live{border-color:#b9b9b5}.cmp-flabel.tone-frontier{border-color:#7fa8e0}.cmp-flabel.tone-onprem{border-color:#57c08a}.cmp-ovbanner{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:10px 12px;display:flex;align-items:baseline;gap:8px;color:#fff;font-size:.9rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(10,10,10,.72)}.cmp-ovbanner b{font-size:1.02rem;white-space:nowrap}.cmp-ovbanner-title{min-width:0;line-height:1.35}.cmp-ovbanner.safe{background:rgba(16,48,33,.82)}.cmp-ovbanner.caution{background:rgba(58,44,14,.82)}.cmp-ovbanner.danger{background:rgba(58,20,20,.84)}.cmp-ovbanner.guide{background:rgba(15,40,58,.84)}.cmp-guide-list{margin:6px 0 8px;padding-left:18px;display:grid;grid-gap:6px;gap:6px}.cmp-guide-list li{font-size:.92rem;line-height:1.45;color:#222}.cmp-liveapp{overflow:hidden;background:#fff}.cmp-liveapp,.cmp-scan{position:absolute;inset:0}.cmp-scan{z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(59,130,246,0) 0,rgba(59,130,246,0) 42%,rgba(96,165,250,.55) 50%,rgba(59,130,246,0) 58%,rgba(59,130,246,0));background-size:100% 220%;animation:cmp-scan-move 1.15s linear infinite}@keyframes cmp-scan-move{0%{background-position:0 -60%}to{background-position:0 160%}}@media (prefers-reduced-motion:reduce){.cmp-scan{animation:none;background:rgba(96,165,250,.15)}}.cmp-liveapp .approot{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.cmp-mirror{position:absolute;inset:0;background:#0b0e13;overflow:hidden;display:flex;align-items:center;justify-content:center}.cmp-mirror-img{width:100%;height:100%;object-fit:cover;display:block}.cmp-mirror-idle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111111}.cmp-mirror-idle span{position:relative;z-index:1;font-size:1.35rem;font-weight:800;color:#ffffff;letter-spacing:.02em;padding:10px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.3)}.cmp-cols{display:flex;gap:16px;justify-content:center;align-items:flex-start;overflow-x:auto;padding-bottom:8px}.cmp-col{flex:0 0 auto;width:300px}.cmp-col.is-original{opacity:.96}.cmp-col-head{text-align:center;margin-bottom:8px;height:104px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.cmp-col-head h2{margin:0;font-size:1.12rem;font-weight:800;line-height:1.32}.cmp-col-head span{display:block;margin-top:4px;font-size:.82rem;color:#9aa3b2}.cmp-banner{width:320px;min-height:52px;border-radius:12px 12px 0 0;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:.9rem;background:#1b2130;color:#cfd6e2;border:1px solid rgba(255,255,255,.08);border-bottom:none}.cmp-banner b{font-size:1.05rem}.cmp-banner-title{font-size:.86rem;line-height:1.35;color:#e7ebf2}.cmp-banner.safe{background:#103021;color:#7ee2a8}.cmp-banner.caution{background:#3a2c0e;color:#f2c879}.cmp-banner.danger{background:#3a1414;color:#ff9a9a}.cmp-banner.err{background:#2a1620;color:#f4a8c4}.cmp-phone{position:relative;width:300px;height:600px;background:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-top:none}.cmp-screen{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff}.cmp-mark{position:absolute;border:3px solid #b91c1c;border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.02);pointer-events:none}.cmp-mark-chip{position:absolute;top:-12px;left:-3px;font-size:.72rem;font-weight:800;color:#fff;padding:2px 7px;border-radius:6px;white-space:nowrap}.cmp-below{width:320px}.cmp-below-hint{margin:0;font-size:.95rem;line-height:1.5;color:#444444}.cmp-onprem-note{margin:10px 0 0;font-size:.82rem;line-height:1.5;color:#555555;background:#f1f6f3;border:1px dashed #bfe6d0;border-radius:10px;padding:8px 10px}.cmp-foot{width:320px;padding:0;background:transparent;border:none}.cmp-play{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:8px 14px;border:1.5px solid #2f6fed;background:#eef4ff;color:#1b4fd0;font-weight:800;font-size:.9rem;border-radius:999px;cursor:pointer}.cmp-play:hover{background:#2f6fed;color:#fff}.cmp-advice{margin:0 0 8px;font-size:.95rem;line-height:1.45;color:#222222}.cmp-meta{margin:0;font-size:.78rem;color:#8b93a3}.cmp-spin{width:1.1em;height:1.1em;border:.16em solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.cmp-stage{display:flex;gap:16px;align-items:flex-start;justify-content:safe center;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:8px}.cmp-col2{scroll-snap-align:center}.cmp-swipe-hint{display:none;margin:0 0 8px;text-align:center;font-size:.9rem;font-weight:800;color:#2f6fed}@media (max-width:1040px){.cmp-swipe-hint{display:block}}.cmp-card{flex:0 0 auto;border-radius:16px;overflow:hidden;border:1px solid #e0e0dd;background:#ffffff}.cmp-card-head{height:84px;padding:12px 16px;display:flex;flex-direction:column;justify-content:center;gap:4px}.cmp-card-name{font-size:1.06rem;font-weight:800;color:#111111;line-height:1.3}.cmp-card-desc{font-size:.85rem;color:#555555}.tone-live{border-color:#d8d8d5}.tone-live .cmp-card-head{background:#eef0f2}.tone-frontier{border-color:#cddcf0}.tone-frontier .cmp-card-head{background:#e8eef8}.tone-onprem{border-color:#bfe6d0}.tone-onprem .cmp-card-head{background:#e6f5ec}.cmp-card-stage{background:#0a0a0a;padding:14px 16px 16px;flex-direction:column}.cmp-card-stage,.cmp-hintbar{display:flex;align-items:center}.cmp-hintbar{width:320px;min-height:52px;justify-content:center;color:#ffffff;font-weight:800;font-size:.98rem;border:1px solid rgba(255,255,255,.2);border-bottom:none;border-radius:12px 12px 0 0;background:#12161f}.cmp-live-col{flex:0 0 auto}.cmp-step{font-size:.9rem;font-weight:800;color:#cfd6e2;margin-bottom:8px;text-align:center}.cmp-flow{flex:0 0 auto;align-self:center;display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffff;padding-top:60px}.cmp-flow span{font-size:.82rem;font-weight:800;white-space:nowrap}.cmp-flow b{font-size:1.8rem;line-height:1}.cmp-results{flex:0 0 auto;border:1px solid rgba(255,255,255,.28);border-radius:16px;padding:10px 12px 12px;background:rgba(255,255,255,.04)}.cmp-results-label{font-size:.9rem;font-weight:800;color:#ffffff;margin:2px 2px 10px;letter-spacing:.01em}.cmp-results-cols{display:flex;gap:14px}.hub-back{position:absolute;top:16px;left:18px;color:#111111;font-weight:800;text-decoration:none;font-size:1rem}.hub-head{position:relative}.hub-card-emoji{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:5rem;background:#1a1a1a}