:root{--fs-xs: 12px;--fs-sm: clamp(12px, .2vw + 11px, 13px);--fs-md: clamp(15px, .3vw + 14px, 16px);--fs-h6: clamp(13px, .3vw + 12px, 16px);--fs-h5: clamp(14px, .4vw + 12px, 18px);--fs-h4: clamp(16px, .6vw + 13px, 20px);--fs-h3: clamp(18px, .9vw + 14px, 24px);--fs-h2: clamp(22px, 1.2vw + 16px, 32px);--fs-h1: clamp(26px, 1.4vw + 18px, 38px)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Noto Sans TC,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang TC,Microsoft JhengHei,sans-serif;font-size:var(--fs-md);line-height:1.55;letter-spacing:.2px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit;background:transparent;border:none}button{cursor:pointer}textarea{resize:vertical}a{color:var(--accent);text-decoration:none;text-underline-offset:2px}a:hover{color:var(--accent-hover)}:focus{outline:none}:where(a,button,[tabindex],input,textarea):focus-visible{box-shadow:0 0 0 3px var(--focus-ring);border-radius:var(--radius-md, 10px)}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;line-height:1.2}h1{font-size:var(--fs-h1);letter-spacing:-.02em}h2{font-size:var(--fs-h2);letter-spacing:-.01em}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h6{font-size:var(--fs-h6)}p{margin:0 0 1em}small{font-size:var(--fs-xs)}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.only-desktop{display:block}@media (max-width: 640px){.only-desktop{display:none}.only-mobile{display:block}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{max-width:var(--container-w, 1200px);margin:0 auto;padding-block:24px;padding-inline:clamp(16px,4vw,48px)}.header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:var(--header-h, 56px)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px clamp(16px,4vw,24px)}.nav{display:flex;gap:20px;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-m, 10px);font-weight:600}.hero{padding:60px clamp(16px,4vw,48px) 40px;text-align:center}.hero h1{font-size:clamp(28px,4vw,48px);line-height:1.1;margin:0 0 16px;letter-spacing:-.02em}.hero p{font-size:clamp(16px,2vw,18px);margin:0 auto 24px;max-width:760px}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.features{padding:24px clamp(16px,4vw,48px)}.grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.features .grid{grid-template-columns:1fr}@media (min-width: 640px){.features .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.features .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1200px){.features .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 320px;gap:16px;height:calc(100vh - var(--header-h, 56px));padding:16px clamp(16px,4vw,48px)}@media (max-width: 1100px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.right-panel{display:none}}@media (max-width: 760px){.app-shell{grid-template-columns:1fr;gap:12px;padding:12px clamp(12px,4vw,24px)}}.sidebar{display:flex;flex-direction:column}.sidebar .section-title{font-size:12px;padding:12px 16px 8px;text-transform:uppercase;letter-spacing:.08em}.thread-list{overflow:auto;padding:8px;display:grid;gap:8px}.thread{padding:10px;border-radius:12px;cursor:pointer}.main{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h, 56px))}.messages{flex:1;overflow:auto;padding:16px;display:grid;gap:12px}.msg{display:flex;gap:10px;align-items:flex-start}.msg .avatar{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px}.msg .bubble{max-width:820px;padding:12px 14px;border-radius:12px}.msg .meta{font-size:12px;margin-bottom:6px}.composer{padding:12px;display:flex;gap:10px;align-items:center;position:sticky;bottom:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.composer textarea{flex:1;border-radius:12px;padding:12px;min-height:44px;max-height:160px;resize:vertical}.icon-btn{padding:10px 12px;border-radius:12px;cursor:pointer}.send-btn{padding:10px 16px;border-radius:12px;font-weight:700}.tools{padding:12px;display:flex;flex-direction:column;gap:10px}.tool-card{border-radius:12px;padding:12px}.tool-card h4{margin:0 0 6px;font-size:14px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;border-radius:16px;padding:20px}.login-card h1{margin:0 0 8px}.login-card p{margin:0 0 16px}.login-actions{display:flex;gap:12px;align-items:center}.login-actions .btn{width:100%;justify-content:center}.small{font-size:12px;text-align:center}.hero.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-l, 16px);padding:clamp(16px,2vw,24px);text-align:center}.hero.card h1{color:var(--title);margin:0 0 8px;letter-spacing:-.02em}.hero.card p{color:var(--muted);margin:0 0 18px;max-width:760px;margin-inline:auto}.hero.card .row,.hero.card .hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.hero{padding-block:60px 40px;padding-inline:0}.container .hero.card{margin-inline:clamp(16px,4vw,48px)}.unlock-head{flex-wrap:wrap}@media (max-width: 640px){.unlock-head{gap:8px}.unlock-head .actions{margin-left:0;width:100%;display:flex;justify-content:flex-end}}.footer{text-align:center;padding:30px;margin-top:30px}.faq{max-width:900px;margin:0 auto;padding:40px 20px}.faq h1{text-align:center;margin-bottom:32px;color:var(--title);font-size:28px}.tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.tabs button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 14px;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s}.tabs button:hover{background:var(--hover-bg)}.tabs button.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:20px}.faq-item h3{margin:0 0 8px;color:var(--title-2);font-size:17px}.faq-item p{margin:0;color:var(--muted);line-height:1.6;font-size:15px}.faq-item .note{display:block;margin-top:6px;font-size:13px;color:var(--subtle)}.unlock{min-height:60vh;display:grid;place-items:center;padding-block:clamp(24px,10vh,120px)}.unlock-card{max-width:560px;width:100%;display:grid;justify-items:center;text-align:center;row-gap:12px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-l);padding:clamp(16px,2vw,24px)}.unlock-card h2{color:var(--title);margin:0 0 8px;letter-spacing:-.01em;text-wrap:balance}.unlock-card .message,.unlock-card p{color:var(--muted);margin:0;max-width:44ch}.unlock-actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.container>.unlock-card{margin-inline:clamp(16px,4vw,48px)}@media (max-width: 360px){.unlock-card{padding:12px;row-gap:10px}}.unlock-head{display:flex;align-items:center;gap:12px;margin:4px 0 12px}.unlock-title{margin:0;font-size:18px;color:var(--title)}.unlock-head .actions{margin-left:auto;display:inline-flex;gap:8px}.btn.btn-xs{padding:6px 10px;border-radius:999px}.first-use{border:1px dashed var(--border);border-radius:12px;padding:10px 12px;margin:0 0 12px;background:var(--surface, transparent)}.first-use strong{color:var(--title)}.first-use ul{margin:6px 0 0;padding-left:18px}.first-use li{color:var(--muted)}.sec-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.sec-tab{padding:6px 10px;border:1px solid var(--border);background:var(--surface, transparent);border-radius:999px;font-weight:600}.sec-tab.active{border-color:var(--accent, var(--border));box-shadow:0 0 0 2px var(--focus-ring, transparent)}.sec-list{display:grid}.sec-item{display:grid;grid-template-areas:"title  toggle" "origin toggle" "desc   desc" "links  links";grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--border)}.sec-title{grid-area:title;display:inline-flex;align-items:center;gap:10px;color:var(--title)}.sec-origin{grid-area:origin;justify-self:end;color:var(--subtle);font-size:12px}.sec-desc{grid-area:desc;color:var(--muted)}.sec-toggle{grid-area:toggle;align-self:start}.switch{--w: 38px;--h: 22px;position:relative;width:var(--w);height:var(--h);border-radius:999px;background:var(--border);display:inline-flex;align-items:center;padding:0 2px;transition:background .18s ease}.switch .knob{width:calc(var(--h) - 4px);height:calc(var(--h) - 4px);border-radius:50%;background:var(--bg, #fff);transform:translate(0);transition:transform .18s ease,background .18s ease;box-shadow:0 1px 2px #00000014}.switch.on{background:var(--accent, var(--border))}.switch.on .knob{transform:translate(calc(var(--w) - var(--h)))}.switch.locked{opacity:.6;cursor:not-allowed}.lamp{width:8px;height:8px;border-radius:50%;display:inline-block}.lamp.on{background:var(--success, #16A34A);box-shadow:0 0 0 3px color-mix(in oklab,var(--success, #16A34A) 25%,transparent)}.lamp.off{background:var(--border)}.state{display:inline-flex;align-items:center;gap:6px;color:var(--subtle)}.badge{font-size:12px;padding:2px 6px;border:1px solid var(--border);border-radius:999px;color:var(--subtle)}.link-actions{grid-area:links;display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.link-actions .btn.btn-xs{padding:6px 10px}.save-row{position:sticky;bottom:12px;display:flex;align-items:center;gap:12px;margin-top:10px;padding:8px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--shadow)}.save-row .save-msg{color:var(--muted);font-size:12px}.save-row .save-actions{margin-left:auto}@media (max-width: 520px){.sec-item{grid-template-areas:"title" "toggle" "origin" "desc" "links";grid-template-columns:1fr}.sec-origin{justify-self:start}}.page-pricing{color:var(--text);padding-block:24px 72px;--card-pad-t: 50px;--card-pad-x: 20px;--card-pad-b: 16px;--badge-gap: 16px;--badge-reserve: 112px}.page-pricing .page-pricing__title{color:var(--title);font-size:var(--fs-h3, clamp(18px,1.6vw,24px));margin:0 0 10px}.page-pricing .muted{color:var(--muted)}.page-pricing .pricing-tabs{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:color-mix(in oklab,var(--bg),white 6%);border:1px solid color-mix(in oklab,var(--bg),black 12%);margin:8px 0 4px}.page-pricing .pricing-tabs>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;padding:8px 14px;border-radius:999px;font-size:13px;line-height:1;color:var(--text);background:transparent;transition:background .2s ease,color .2s ease,box-shadow .2s ease;--tab-accent: var(--feature-accent);--tab-chip-bg: color-mix(in oklab, var(--tab-accent), white 86%);--tab-outline: color-mix(in oklab, var(--tab-accent), black 18%);--tab-fg: color-mix(in oklab, var(--tab-accent), black 15%);--tab-hover-bg: color-mix(in oklab, var(--tab-accent), white 92%)}.page-pricing .pricing-tabs>button:nth-child(1){--tab-accent: var(--tab-core-accent, var(--feature-accent));--tab-hover-bg: var(--tab-core-hover-bg, color-mix(in oklab, var(--tab-accent), white 92%))}.page-pricing .pricing-tabs>button:nth-child(2){--tab-accent: var(--tab-team-accent, var(--feature-accent));--tab-hover-bg: var(--tab-team-hover-bg, color-mix(in oklab, var(--tab-accent), white 92%))}.page-pricing .pricing-tabs>button:nth-child(3){--tab-accent: var(--tab-addons-accent, var(--feature-accent));--tab-hover-bg: var(--tab-addons-hover-bg, color-mix(in oklab, var(--tab-accent), white 92%))}.page-pricing .pricing-tabs>button:not(.is-active):not([aria-selected=true]):hover{background:var(--tab-hover-bg)}.page-pricing .pricing-tabs>button.is-active,.page-pricing .pricing-tabs>button[aria-selected=true]{color:var(--tab-fg);background:var(--tab-chip-bg);box-shadow:inset 0 0 0 1px var(--tab-outline)}@media (prefers-color-scheme: dark){.page-pricing .pricing-tabs{background:color-mix(in oklab,var(--bg),white 3%);border-color:color-mix(in oklab,var(--bg),white 10%)}}.page-pricing .pricing-grid{display:grid;gap:16px;margin-top:16px;grid-template-columns:1fr;align-items:stretch}@media (min-width: 900px){.page-pricing .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.page-pricing .pricing-card{position:relative;display:flex;flex-direction:column;padding:var(--card-pad-t) var(--card-pad-x) var(--card-pad-b);background:color-mix(in oklab,var(--bg),white 3%);border-radius:16px;border:1px solid color-mix(in oklab,var(--bg),black 14%);box-shadow:0 1px color-mix(in oklab,var(--bg),black 10%),0 8px 24px color-mix(in oklab,var(--bg),black 6%);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-height:360px}.page-pricing .pricing-card:hover{transform:translateY(-2px);box-shadow:0 1px color-mix(in oklab,var(--bg),black 12%),0 12px 28px color-mix(in oklab,var(--bg),black 10%);border-color:var(--feature-outline)}.page-pricing .pricing-card.is-featured{background:var(--feature-mist),linear-gradient(180deg,color-mix(in oklab,var(--bg),white 6%),color-mix(in oklab,var(--bg),white 2%));outline:2px solid var(--feature-outline);outline-offset:0;padding-right:calc(var(--card-pad-x) + var(--badge-reserve))}.page-pricing .pricing-card.is-featured:after{content:attr(data-badge);position:absolute;top:var(--badge-gap);right:var(--badge-gap);font-size:11px;letter-spacing:.04em;padding:2px 8px;border-radius:999px;color:var(--feature-chip-fg);background:var(--feature-chip-bg);border:1px solid var(--feature-outline)}.page-pricing .pricing-card__title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 18px;color:var(--title);font-size:var(--fs-h4, clamp(16px, 1.4vw, 20px))}.page-pricing .pricing-card__title .price{flex-shrink:0}.page-pricing .price{display:inline-flex;align-items:baseline;gap:8px;color:var(--title)}.page-pricing .price .unit{color:var(--muted);font-weight:400;font-size:.9em}.page-pricing .price .was{text-decoration:line-through;opacity:.6;font-weight:400;font-size:.95em}.page-pricing .price .now{font-weight:700;font-size:clamp(14px,1.2vw,18px)}.page-pricing .pricing-card__features{margin:0;padding:0 0 0 18px;line-height:1.6;color:var(--text);flex:1 1 auto}.page-pricing .pricing-card__features li+li{margin-top:4px}@media (prefers-color-scheme: dark){.page-pricing .pricing-card{background:color-mix(in oklab,var(--bg),white 6%);border-color:color-mix(in oklab,var(--bg),white 10%)}}.header{background:color-mix(in oklab,var(--bg) 86%,transparent);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--title);font-weight:800;letter-spacing:.4px}.brand-mark{width:18px;height:18px;display:inline-grid;place-items:center;background:var(--accent);color:var(--accent-contrast);border-radius:5px;font-size:12px;box-shadow:0 1px 2px #0000002e}.header .nav a{color:var(--text);padding:8px 10px;border-radius:var(--radius-md);border:1px solid transparent}.header .nav a:hover{background:var(--hover-bg);border-color:var(--border)}.only-mobile{display:none}.hamburger{width:28px;height:22px;position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;transition:transform .22s cubic-bezier(.2,.8,.2,1);isolation:isolate}.hamburger:active{transform:scale(.96)}.hamburger .bar{position:absolute;left:0;right:0;height:2px;background:var(--title);border-radius:2px;transform-origin:center;transition:transform .2s ease,opacity .2s ease,top .2s ease}.hamburger .bar:nth-child(1){top:3px}.hamburger .bar:nth-child(2){top:10px}.hamburger .bar:nth-child(3){top:17px}.hamburger.is-open .bar:nth-child(1){top:10px;transform:rotate(45deg)}.hamburger.is-open .bar:nth-child(2){opacity:0}.hamburger.is-open .bar:nth-child(3){top:10px;transform:rotate(-45deg)}.hamburger:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px solid color-mix(in oklab,var(--accent) 45%,transparent);border-radius:10px;opacity:0;transform:scale(.92);transition:transform .22s ease,opacity .22s ease}.hamburger:hover:after{opacity:.85;transform:scale(1)}.hamburger .bar{background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 85%,white 10%),color-mix(in oklab,var(--accent) 35%,var(--title) 65%),color-mix(in oklab,var(--accent) 85%,white 10%));background-size:200% 100%;animation:tech-scan 1.2s linear infinite;box-shadow:0 0 .65rem color-mix(in oklab,var(--accent) 38%,transparent)}@keyframes tech-scan{to{background-position:-200% 0}}.hamburger.is-open .bar:nth-child(1),.hamburger.is-open .bar:nth-child(3){box-shadow:0 0 .9rem color-mix(in oklab,var(--accent) 50%,transparent)}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:999}.nav-overlay.show{opacity:1;pointer-events:auto}.nav-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;transform:translateY(-100%);transition:transform .28s ease}.nav-panel.open{transform:translateY(0)}.nav-panel-inner{background:var(--surface);border-bottom:1px solid var(--border);border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow);padding:12px clamp(16px,4vw,24px) 20px;animation:top-sheet-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes top-sheet-in{0%{transform:translateY(-6%)}to{transform:translateY(0)}}.panel-head{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:6px 0 10px;border-bottom:1px solid var(--border)}.panel-menu{display:flex;flex-direction:column;gap:6px;padding:12px 0}.panel-menu a{padding:12px 8px;border-radius:var(--radius-md);color:var(--title-2);border:1px solid transparent}.panel-menu a:hover{background:var(--hover-bg);border-color:var(--border)}.panel-actions{display:grid;gap:10px}.btn.btn-block{width:100%;justify-content:center}html.nav-open,body.nav-open{overflow:hidden}.header .btn,.panel-actions .btn{border:0!important;box-shadow:none!important}.btn-tech{position:relative;border:0;background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--accent-contrast, var(--title));transition:transform .18s ease,background .18s ease,box-shadow .18s ease;border-radius:var(--radius-lg, 12px);overflow:hidden;isolation:isolate}.btn-tech:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 75%,transparent),color-mix(in oklab,var(--accent) 0%,transparent),color-mix(in oklab,var(--accent) 75%,transparent));background-size:200% 100%;opacity:0;transition:opacity .18s ease;z-index:-1}.btn-tech:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;border:1px solid color-mix(in oklab,var(--accent) 55%,transparent);box-shadow:0 0 .7rem color-mix(in oklab,var(--accent) 45%,transparent);opacity:.6;pointer-events:none}.btn-tech:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--accent) 26%,transparent)}.btn-tech:hover:before{opacity:.35;animation:tech-scan 1.2s linear infinite}.btn-tech:active{transform:translateY(0)}.btn-tech:focus{outline:none}.btn-tech:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 70%,transparent);outline-offset:2px}@media (max-width: 1024px){.only-desktop{display:none!important}.only-mobile{display:inline-flex!important}}@media (min-width: 1025px){header .hamburger.only-mobile{display:none!important}}@media (prefers-reduced-motion: reduce){.hamburger .bar,.nav-panel-inner{animation:none}.btn-tech:before{animation:none}}.header .nav .link-tech,.panel-menu .link-tech{position:relative;color:var(--text);padding:8px 10px;border-radius:var(--radius-md);border:0;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;isolation:isolate}.header .nav .link-tech:hover,.panel-menu .link-tech:hover{background:color-mix(in oklab,var(--accent) 12%,transparent);box-shadow:0 0 .55rem color-mix(in oklab,var(--accent) 30%,transparent);transform:translateY(-1px)}.header .nav .link-tech:active,.panel-menu .link-tech:active{transform:translateY(0)}.header .nav .link-tech:after,.panel-menu .link-tech:after{content:"";position:absolute;left:8px;right:8px;bottom:4px;height:2px;border-radius:2px;background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 85%,white 10%),color-mix(in oklab,var(--accent) 35%,var(--title) 65%),color-mix(in oklab,var(--accent) 85%,white 10%));background-size:200% 100%;opacity:0;transform:scaleX(.8);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.header .nav .link-tech:hover:after,.panel-menu .link-tech:hover:after{opacity:.85;transform:scaleX(1);animation:tech-scan 1.2s linear infinite}.header .nav .link-tech:focus{outline:none}.header .nav .link-tech:focus-visible,.panel-menu .link-tech:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 65%,transparent);outline-offset:2px}.header .nav .link-tech.active,.panel-menu .link-tech.active{background:color-mix(in oklab,var(--accent) 18%,transparent);box-shadow:0 0 .65rem color-mix(in oklab,var(--accent) 34%,transparent)}:root[data-theme=undein-ink-deeper]{--bg:#0E1116;--surface:#0B0E13;--card:#10141A;--border:#1A1F28;--text:#C9D2DF;--muted:#9AA6B2;--subtle:#7F8896;--title:#F5F8FF;--title-2:#E6EEF9;--accent:#10A37F;--accent-700:#0E8C6F;--accent-600:#0E8C6F;--accent-200:#BAF2E4;--accent-100:#D6FAF1;--accent-contrast:#051712;--accent-hover:var(--accent-700);--success:#22C55E;--warning:#F59E0B;--danger:#EF4444;--radius-xl:16px;--radius-md:12px;--radius-l:var(--radius-xl);--radius-m:var(--radius-md);--shadow:0 1px 2px rgba(0,0,0,.24), 0 8px 24px rgba(0,0,0,.42);--bubble-assistant:#12161D;--bubble-user:#0F1319;--input:#0B0F14;--hover-bg:#151A22;--active-bg:#181E28;--avatar-bg:#12161C;--code-bg:#11161E;--focus-ring:rgba(16,163,127,.34);--container-w:1200px;--header-h:56px;--grid-size:28px;--grid-minor-base:color-mix(in oklab,#5A6B82 18%,transparent);--grid-minor-faint:color-mix(in oklab,#5A6B82 12%,transparent);--grid-minor:var(--grid-minor-base);--hero-teal-mix:color-mix(in oklab,var(--accent) 55%,#00C2FF 28%);--hero-teal-glow:radial-gradient(60% 50% at 100% 0%, color-mix(in oklab,var(--hero-teal-mix) 45%,transparent) 0%, transparent 55%);--hero-vignette:linear-gradient(180deg,#0000 0%,#0002 40%,#0005 75%,#0007 100%);--neon-conic:conic-gradient( from 0deg at 75% 0%, color-mix(in oklab,var(--accent) 90%,#00FFF0 35%) 0deg, #00C2FF 80deg,#7C3AED 160deg,#00C2FF 240deg, color-mix(in oklab,var(--accent) 90%,#00FFF0 35%) 320deg,#00C2FF 360deg);--anim-speed-neon:22s;--anim-ease:cubic-bezier(.22,.61,.36,1);--glass-bg:color-mix(in oklab,var(--card) 76%,transparent);--glass-border:color-mix(in oklab,var(--accent-200) 28%,var(--border) 72%);--glass-blur:12px;--glass-ring:color-mix(in oklab,var(--accent) 38%,transparent);--glass-shadow:0 0 0 1px color-mix(in oklab,var(--border) 86%,transparent), 0 18px 40px -12px rgba(0,0,0,.55);--feature-accent:var(--accent);--feature-mist:radial-gradient(140% 90% at 50% 120%, color-mix(in oklab,var(--feature-accent),transparent 70%) 0%, transparent 60%);--feature-outline:color-mix(in oklab,var(--feature-accent),black 40%);--feature-chip-bg:color-mix(in oklab,var(--feature-accent),white 86%);--feature-chip-fg:color-mix(in oklab,var(--feature-accent),black 15%);--tab-core-accent: var(--accent);--tab-team-accent: #8B5CF6;--tab-addons-accent:#22D3EE;--tab-core-hover-bg: color-mix(in oklab, var(--tab-core-accent), white 2%);--tab-team-hover-bg: color-mix(in oklab, var(--tab-team-accent), white 2%);--tab-addons-hover-bg:color-mix(in oklab, var(--tab-addons-accent),black 10%)}.bg-neon-over:after{content:"";position:absolute;top:-120%;right:-120%;bottom:-120%;left:-120%;z-index:1;pointer-events:none;background:var(--neon-conic),var(--hero-teal-glow),var(--hero-vignette);filter:blur(34px) saturate(115%);opacity:.14;transform-origin:75% 0%;animation:spinNeon var(--anim-speed-neon) linear infinite}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;mask:radial-gradient(80% 60% at 50% 0%,#000 0 58%,transparent 70%),linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(180deg,color-mix(in oklab,#fff 10%,transparent),transparent 40%);pointer-events:none}.glass-card:hover,.glass-card:focus-within{box-shadow:0 0 0 1px var(--glass-border),0 0 0 3px color-mix(in oklab,var(--glass-ring) 55%,transparent),0 20px 46px -14px #0009}:root[data-theme=undein-ink-light]{--bg:#F8FAFC;--surface:#FFF;--card:#FFF;--border:#E2E8F0;--text:#0F172A;--muted:#475569;--subtle:#64748B;--title:#0B1220;--title-2:#1F2937;--accent:#0EA5E9;--accent-700:#0284C7;--accent-600:#0284C7;--accent-200:#BFE5FC;--accent-100:#E0F2FE;--accent-contrast:#FFF;--accent-hover:var(--accent-700);--success:#16A34A;--warning:#D97706;--danger:#DC2626;--radius-xl:16px;--radius-md:12px;--radius-l:var(--radius-xl);--radius-m:var(--radius-md);--shadow:0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(16,24,40,.06);--bubble-assistant:#F8FAFC;--bubble-user:#F0F9FF;--input:#FFF;--hover-bg:#F1F5F9;--active-bg:#E2E8F0;--avatar-bg:#EDF2F7;--code-bg:#F8FAFC;--focus-ring:var(--accent-100);--container-w:1200px;--header-h:56px;--grid-size:28px;--grid-minor-base:color-mix(in oklab,#0F172A 12%,transparent);--grid-minor-faint:color-mix(in oklab,#0F172A 8%,transparent);--grid-minor:var(--grid-minor-base);--hero-teal-mix:color-mix(in oklab,var(--accent) 65%,#22D3EE 30%);--hero-teal-glow:radial-gradient(60% 50% at 100% 0%, color-mix(in oklab,var(--hero-teal-mix) 30%,transparent) 0%, transparent 60%);--hero-vignette:linear-gradient(180deg,#0000 0%,rgba(2,6,23,.02) 40%,rgba(2,6,23,.06) 75%,rgba(2,6,23,.1) 100%);--neon-conic:conic-gradient( from 0deg at 75% 0%, color-mix(in oklab,var(--accent) 85%,#00FFF0 35%) 0deg, #38BDF8 80deg,#7C3AED 160deg,#38BDF8 240deg, color-mix(in oklab,var(--accent) 85%,#00FFF0 35%) 320deg,#38BDF8 360deg);--anim-speed-neon:22s;--anim-ease:cubic-bezier(.22,.61,.36,1);--glass-bg:color-mix(in oklab,var(--card) 70%,transparent);--glass-border:color-mix(in oklab,var(--accent-200) 26%,var(--border) 74%);--glass-blur:12px;--glass-ring:color-mix(in oklab,var(--accent) 34%,transparent);--glass-shadow:0 1px 2px rgba(16,24,40,.06), 0 12px 30px rgba(2,6,23,.06);--feature-accent:var(--accent);--feature-mist:radial-gradient(120% 80% at 50% 120%, color-mix(in oklab,var(--feature-accent),white 85%) 0%, transparent 60%);--feature-outline:color-mix(in oklab,var(--feature-accent),black 18%);--feature-chip-bg:color-mix(in oklab,var(--feature-accent),white 86%);--feature-chip-fg:color-mix(in oklab,var(--feature-accent),black 15%);--tab-core-accent: var(--accent);--tab-team-accent: #7C3AED;--tab-addons-accent:#14B8A6;--tab-core-hover-bg: color-mix(in oklab, var(--tab-core-accent), black 2%);--tab-team-hover-bg: color-mix(in oklab, var(--tab-team-accent), black 2%);--tab-addons-hover-bg:color-mix(in oklab, var(--tab-addons-accent),black 2%)}.bg-grid{position:relative;isolation:isolate;background:var(--bg);overflow:hidden}.bg-grid>*{position:relative;z-index:2}.bg-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,var(--grid-minor) 0 1px,transparent 1px var(--grid-size)),repeating-linear-gradient(90deg,var(--grid-minor) 0 1px,transparent 1px var(--grid-size));background-position:center top}.bg-grid--fade-bottom:before{mask-image:linear-gradient(to bottom,#000,#000000f2 45%,#0009 65%,#00000040 82%,#0000 98%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 45%,rgba(0,0,0,.6) 65%,rgba(0,0,0,.25) 82%,rgba(0,0,0,0) 98%)}.bg-neon-over:after{content:"";position:absolute;top:-120%;right:-120%;bottom:-120%;left:-120%;z-index:1;pointer-events:none;background:var(--neon-conic),var(--hero-teal-glow),var(--hero-vignette);filter:blur(34px) saturate(115%);opacity:.12;transform-origin:75% 0%;animation:spinNeon var(--anim-speed-neon) linear infinite}.bg-grid--faint{--grid-minor:var(--grid-minor-faint)}.hero-flush{margin:0!important}.glass-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;mask:radial-gradient(80% 60% at 50% 0%,#000 0 58%,transparent 70%),linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(180deg,color-mix(in oklab,#000 6%,transparent),transparent 40%);pointer-events:none}.glass-card:hover,.glass-card:focus-within{box-shadow:0 0 0 1px var(--glass-border),0 0 0 3px color-mix(in oklab,var(--glass-ring) 50%,transparent),0 12px 28px #02061714}@keyframes spinNeon{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.bg-neon-over:after{animation:none!important}}html:is([data-theme]) .hero{margin:clamp(24px,4vw,56px) 0 clamp(12px,2vw,24px)}html:is([data-theme]) .hero h1{color:var(--title);font-size:clamp(32px,6vw + .5rem,60px);line-height:1.12;margin:0 0 8px;text-wrap:balance;max-inline-size:20ch}html:is([data-theme]) .hero p{margin:8px 0 18px;color:var(--muted);font-size:clamp(16px,.6vw + .9rem,18px);max-inline-size:60ch}html:is([data-theme]) .hero .actions{display:flex;gap:12px}@media (max-width: 640px){html:is([data-theme]) .hero .actions{flex-direction:column}html:is([data-theme]) .hero .actions>*{width:100%}}html:is([data-theme]) .btn-primary{background:var(--accent);color:var(--accent-contrast);border:1px solid transparent;border-radius:var(--radius-md);padding:10px 16px;font-weight:600;box-shadow:0 0 #0000}html:is([data-theme]) .btn-primary:hover{background:var(--accent-hover)}html:is([data-theme]) .btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 16px}html:is([data-theme]) .btn-primary:focus-visible,html:is([data-theme]) .btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}html:is([data-theme]) .features{margin:20px 0 clamp(36px,3vw,60px)}html:is([data-theme]) .features .grid{gap:clamp(12px,1.2vw,20px)}html:is([data-theme]) .feature{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:clamp(14px,2vw,20px)}html:is([data-theme]) .feature h3{color:var(--title-2);margin:0 0 8px;font-weight:650}html:is([data-theme]) .feature p{margin:0;color:var(--muted);max-inline-size:42ch}html:is([data-theme]) footer{color:var(--subtle)}html:is([data-theme]) .sidebar,html:is([data-theme]) .right-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow)}html:is([data-theme]) .sidebar .section-title,html:is([data-theme]) .right-panel .section-title{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--subtle);padding:12px 16px;border-bottom:1px solid var(--border)}html:is([data-theme]) .conversations{padding:8px;display:flex;flex-direction:column;gap:6px}html:is([data-theme]) .conv{border-radius:10px;padding:10px 12px;border:1px solid transparent;display:flex;justify-content:space-between;align-items:center}html:is([data-theme]) .conv:hover{background:var(--hover-bg);border-color:var(--border)}html:is([data-theme]) .conv.active{background:var(--active-bg);border-color:var(--accent)}html:is([data-theme]) .conv .title{color:var(--title-2);font-weight:600}html:is([data-theme]) .conv .meta{color:var(--subtle);font-size:12px}html:is([data-theme]) .messages{overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl)}html:is([data-theme]) .msg{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:flex-start}html:is([data-theme]) .avatar{width:40px;height:40px;border-radius:50%;background:var(--avatar-bg);border:1px solid var(--border)}html:is([data-theme]) .bubble{max-width:820px;padding:12px 14px;border-radius:var(--radius-xl);border:1px solid var(--border);color:var(--text);background:var(--bubble-assistant);line-height:1.6}html:is([data-theme]) .msg.user .bubble{background:var(--bubble-user);border-color:var(--accent-200)}html:is([data-theme]) .meta{font-size:12px;color:var(--subtle);margin-top:6px}html:is([data-theme]) .composer-wrap{margin-top:12px}html:is([data-theme]) .composer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-top:1px solid var(--border)}html:is([data-theme]) .composer .box{display:flex;align-items:center;gap:8px;background:var(--input);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px}html:is([data-theme]) .composer textarea{width:100%;min-height:44px;max-height:160px;border:0;outline:none;resize:none;background:transparent;color:var(--text)}html:is([data-theme]) .send-btn{padding:10px 14px;border-radius:var(--radius-md);background:var(--accent);border:0;color:var(--accent-contrast)}html:is([data-theme]) .send-btn:hover{background:var(--accent-hover)}@media (max-width:760px){html:is([data-theme]) .sidebar{position:fixed;inset:56px auto 0 0;width:86%;max-width:360px;transform:translate(-100%);transition:transform .2s ease;z-index:70;border-radius:0 var(--radius-xl) var(--radius-xl) 0}html:is([data-theme]) .sidebar.open{transform:translate(0)}html:is([data-theme]) .overlay{position:fixed;top:56px;right:0;bottom:0;left:0;background:#0000004d;z-index:60;display:none}html:is([data-theme]) .overlay.show{display:block}}html{font-size:clamp(14px,.9rem + .5vw,16px)}#theme-toggle-btn{position:fixed;top:12px;right:12px;z-index:10000;padding:6px 10px;border-radius:10px;border:1px solid var(--border, #1f2937);background:var(--surface, rgba(17,24,39,.85));color:var(--text, #e5e7eb);cursor:pointer}#theme-toggle-btn:hover{filter:brightness(1.06)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}