:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#28243a;background:#f7f6fb;font-synthesis:none;--purple:#7957d5;--purple-dark:#5b3aad;--coral:#ed8c85;--ink:#28243a;--muted:#858093;--line:#e9e5ef;--panel:#fff;--shadow:0 18px 50px rgba(54,39,88,.07)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fbfafd;color:var(--ink);outline:0;transition:.2s}input:focus,textarea:focus,select:focus{border-color:#a38ddd;background:#fff;box-shadow:0 0 0 3px #7957d517}textarea{min-height:104px;resize:vertical}button{border:0}::selection{background:#dfd4ff}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:19px;letter-spacing:-.5px}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:#aaa2b6;margin-left:4px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;background:linear-gradient(145deg,#9b7deb,#6948c3);box-shadow:0 8px 20px #7957d53b}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:750;letter-spacing:2px;color:var(--purple);text-transform:uppercase}.muted{color:var(--muted);line-height:1.75}.small{font-size:12px}.primary-button,.outline-button,.light-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:12px 18px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.primary-button{color:#fff;background:linear-gradient(135deg,#8d6cdf,#6d4cc5);box-shadow:0 8px 20px #6f4ac42e}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #6f4ac440}.outline-button{color:var(--purple-dark);background:#fff;border:1px solid #ded5ee}.outline-button:hover{background:#f6f1ff}.light-button{background:#fff;color:var(--purple-dark)}.text-button{padding:8px;color:var(--purple);background:transparent;font-weight:650}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#7f758d;background:transparent}.icon-button:hover{background:#f0ebf7;color:var(--purple)}.icon-button.danger:hover{color:#cf5b64;background:#fff0f1}.count-pill,.quota-pill,.privacy-pill,.default-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 11px;font-size:12px;background:#f0eafb;color:var(--purple-dark)}.privacy-pill{background:#eaf6f0;color:#377d5b}.quota-pill{font-weight:700}.default-pill{padding:2px 7px;margin-left:8px;font-size:10px}.stack-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#575064}.field>span{display:flex;justify-content:space-between}.field small{font-weight:400;color:#a09aaa}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-hint{font-size:11px;line-height:1.6;color:#9b94a5;margin:-6px 0 0}.check-label{display:flex;align-items:center;gap:9px;font-size:13px;color:#62596e}.check-label input{width:16px;height:16px;accent-color:var(--purple)}.form-error{padding:10px 12px;border-radius:10px;color:#b34853;background:#fff0f1;font-size:13px}.code-input{text-align:center;letter-spacing:2px;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:750}.code-display{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px 0;padding:20px 14px;border:1px dashed #b9a4dc;border-radius:16px;background:#f8f4ff;color:var(--purple-dark)}.code-display strong{font-size:22px;letter-spacing:2px}.warning-box{display:flex;gap:11px;padding:13px 14px;margin:14px 0;border-radius:13px;color:#85631c;background:#fff8e7;border:1px solid #f4e5b8}.warning-box svg{margin-top:2px;width:19px}.warning-box p{font-size:12px;line-height:1.7;margin:0}.danger-box{color:#a44950;background:#fff1f1;border-color:#f4d0d2}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;position:relative;overflow:hidden;background:#f7f4fb}.auth-story{position:relative;z-index:1;display:flex;flex-direction:column;padding:40px 6vw 30px;color:#fff;background:radial-gradient(circle at 70% 20%,rgba(213,190,255,.22),transparent 35%),linear-gradient(145deg,#33294e,#554079 62%,#735895);overflow:hidden}.auth-story:after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-210px;bottom:-160px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.auth-story .brand small{color:#ffffff7a}.story-copy{margin:auto 0;max-width:590px;padding:70px 0}.story-copy .eyebrow{color:#d8c5ff}.story-copy h1{font-size:clamp(38px,4.4vw,66px);line-height:1.18;letter-spacing:-3px;margin:22px 0}.story-copy h1 span{color:#e7b9c5;position:relative}.story-copy>p{color:#ffffffab;font-size:16px;line-height:1.9;max-width:470px}.story-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}.story-features>div{padding:18px 14px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:#ffffff0e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-features svg{width:22px;color:#d9c4ff}.story-features strong,.story-features small{display:block}.story-features strong{margin:12px 0 6px;font-size:14px}.story-features small{font-size:10px;line-height:1.6;color:#ffffff85}.auth-story footer{font-size:9px;letter-spacing:2.4px;color:#ffffff4d}.auth-panel{display:grid;place-items:center;padding:40px 6vw;position:relative;z-index:1}.auth-card{width:100%;max-width:470px}.auth-tabs{display:flex;gap:25px;margin-bottom:48px;border-bottom:1px solid var(--line)}.auth-tabs button{padding:0 0 12px;background:transparent;color:#aaa3b3;font-size:13px;position:relative}.auth-tabs button.active{color:var(--purple);font-weight:700}.auth-tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--purple)}.auth-card h2{font-size:30px;letter-spacing:-1px;margin:10px 0}.auth-card>.muted{font-size:13px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 22px}.mode-grid>button{display:flex;align-items:flex-start;gap:10px;text-align:left;padding:15px 13px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#8b8295;transition:.2s}.mode-grid>button svg{width:19px;margin-top:2px}.mode-grid>button span{display:flex;flex-direction:column;gap:5px}.mode-grid strong{font-size:13px;color:#554d61}.mode-grid small{font-size:10px;line-height:1.4}.mode-grid>button.selected{border-color:#9f85d1;background:#f4efff;color:var(--purple);box-shadow:0 0 0 2px #7957d512}.auth-submit{width:100%;margin-top:4px}.auth-note{display:flex;gap:8px;margin-top:20px;color:#9c94a7;font-size:11px;line-height:1.6}.auth-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.orb-one{width:260px;height:260px;right:-100px;top:-80px;background:#d7c1f440}.orb-two{width:160px;height:160px;left:44%;bottom:-60px;background:#efbbc72b}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:248px;padding:25px 18px 18px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--line)}.sidebar .brand{padding:0 9px}.workspace-badge{display:flex;align-items:center;gap:11px;margin:28px 0 23px;padding:13px 11px;border-radius:15px;background:#f8f5fc}.workspace-badge strong,.workspace-badge small{display:block}.workspace-badge strong{font-size:12px}.workspace-badge small{font-size:9px;color:#9b92a6;margin-top:4px}.avatar-pair{display:flex;padding-left:8px}.avatar-pair i{display:grid;place-items:center;width:30px;height:30px;margin-left:-8px;border:2px solid #fff;border-radius:50%;background:#e4d8f7;color:#694daf;font-style:normal;font-size:12px}.avatar-pair i:last-child{background:#f5d9df;color:#b76577}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;color:#81798d;background:transparent;text-align:left;font-size:13px}.sidebar nav button span{flex:1}.sidebar nav button:hover{background:#f7f3fb;color:var(--purple)}.sidebar nav button.active{color:var(--purple-dark);background:#eee7f9;font-weight:700}.sidebar nav .admin-link{margin-top:14px;border-top:1px solid var(--line);border-radius:0 0 11px 11px;padding-top:16px}.sidebar-bottom{margin-top:auto}.invite-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;border-radius:11px;background:#f0e9fb;color:var(--purple);font-weight:700}.token-mini{padding:16px 12px;margin:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.token-mini>span{display:flex;align-items:center;gap:6px;color:#9a91a5;font-size:10px}.token-mini>strong{display:block;margin-top:7px;font-size:18px}.token-mini small{font-size:9px;color:#9b94a4;font-weight:500}.logout-button{display:flex;align-items:center;gap:8px;padding:9px 12px;color:#a097a9;background:transparent;font-size:12px}.main-area{margin-left:248px;min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fffc;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.topbar>div:first-of-type small,.topbar>div:first-of-type span{display:block}.topbar>div:first-of-type small{font-weight:700;font-size:13px}.topbar>div:first-of-type span{font-size:10px;color:#a097aa;margin-top:3px}.topbar-right{display:flex;align-items:center;gap:7px;font-size:10px;color:#928a9d}.online-dot{width:7px;height:7px;border-radius:50%;background:#61b58b;box-shadow:0 0 0 4px #e9f6ef}.top-avatar{display:grid;place-items:center;width:33px;height:33px;margin-left:13px;border-radius:11px;background:#ede5f8;color:var(--purple);font-weight:750;font-size:13px}.menu-button,.mobile-close{display:none}.page-content{max-width:1500px;margin:0 auto;padding:32px 34px 60px}.page-stack{display:flex;flex-direction:column;gap:24px;animation:pageIn .35s ease}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page-title h1{font-size:30px;letter-spacing:-1px;margin:7px 0 8px}.page-title p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.panel{background:#fff;border:1px solid #ece8f0;border-radius:20px;padding:23px;box-shadow:0 8px 30px #32235009}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px;color:#8b7b9c}.section-heading h2{font-size:17px;color:var(--ink);margin:0}.section-heading .eyebrow{margin-bottom:5px}.two-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.content-editor-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(400px,1.25fr);gap:24px}.row-actions{display:flex;gap:4px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#9c94a6;font-size:10px;font-weight:600;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #f0edf3;color:#645c6f}td strong,td small{display:block}td small{color:#a198aa;margin-top:4px;font-size:9px}.status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:10px}.status.pending{background:#fff3d9;color:#9a6f18}.status.paid{background:#e8f6ee;color:#34835b}.status.cancelled{background:#f0eef2;color:#8d8595}.hero-panel{min-height:325px;position:relative;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden;border-radius:25px;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.14),transparent 30%),linear-gradient(120deg,#463360,#705091 60%,#9c76a8);box-shadow:0 20px 50px #452f5d29}.hero-copy{position:relative;z-index:2;padding:42px 45px}.hero-copy .eyebrow{color:#dbc9f4}.hero-copy h1{font-size:36px;line-height:1.35;letter-spacing:-1.4px;margin:16px 0 14px}.hero-copy h1 span{color:#e9c6d5}.hero-copy p{max-width:490px;color:#ffffffa6;font-size:13px;line-height:1.8}.hero-copy .light-button{margin-top:10px;font-size:12px}.hero-visual{position:relative;min-height:280px}.heart-core{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:100px;height:100px;border-radius:35px;background:linear-gradient(145deg,#f0c2d5,#ce91b3);box-shadow:0 20px 50px #20102d40;transform:rotate(45deg);animation:heartFloat 5s ease-in-out infinite}.heart-core svg{width:46px;height:46px;transform:rotate(-45deg);color:#fff}.orbit{position:absolute;left:50%;top:50%;translate:-50% -50%;border:1px solid rgba(255,255,255,.16);border-radius:50%}.orbit-a{width:250px;height:250px}.orbit-b{width:360px;height:360px}.float-chip{position:absolute;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;color:#ffffffc7;animation:chipFloat 6s ease-in-out infinite}.chip-a{left:10%;top:20%}.chip-b{right:8%;top:33%;animation-delay:-2s}.chip-c{left:18%;bottom:16%;animation-delay:-4s}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-grid article{position:relative;padding:20px 20px 18px;border:1px solid var(--line);border-radius:18px;background:#fff}.stat-grid small,.stat-grid strong,.stat-grid p{display:block}.stat-grid article>small{color:#9991a3;font-size:10px;margin-bottom:8px}.stat-grid strong{font-size:20px;letter-spacing:-.5px}.stat-grid p{font-size:10px;color:#aaa1b1;margin:7px 0 0}.stat-icon{position:absolute;right:17px;top:17px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px}.stat-icon svg{width:17px}.stat-icon.purple{color:#7b5bc0;background:#f0e9fb}.stat-icon.coral{color:#c8747b;background:#fff0f1}.stat-icon.blue{color:#5b83b9;background:#edf5ff}.stat-icon.green{color:#4a9775;background:#eaf7f0}.activity-list{display:flex;flex-direction:column}.activity-list>div{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #f1eef4}.activity-list>div:last-child{border:0}.activity-dot{width:7px;height:7px;margin-top:6px;border-radius:50%;background:#b9a0e2;box-shadow:0 0 0 4px #f2edf8}.activity-list p{font-size:12px;line-height:1.6;margin:0}.activity-list small{display:block;color:#a59cab;font-size:9px;margin-top:4px}.hardware-card{text-align:center}.hardware-card .section-heading{text-align:left}.device-frame{width:205px;margin:0 auto 16px;padding:12px 9px 17px;border-radius:28px;background:#342e40;box-shadow:0 17px 30px #261d322e}.device-speaker{width:36px;height:4px;margin:0 auto 10px;border-radius:4px;background:#5d5569}.device-screen{min-height:210px;padding:25px 12px;border-radius:18px;background:linear-gradient(160deg,#eee7fa,#e3d6f0);color:#715790}.device-screen>small{display:block;font-size:6px;letter-spacing:1.5px;margin-bottom:20px}.device-screen>svg{margin-bottom:10px}.device-screen>strong{display:block;font-size:15px;margin-bottom:10px}.device-screen p{font-size:9px;margin:5px 0;color:#927ba6}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 15px;color:#aaa0b2}.empty>span{font-size:30px;color:#cbb9e5}.empty h3{font-size:14px;color:#6a6075;margin:12px 0 6px}.empty p{font-size:11px;line-height:1.7;margin:0}.needs-layout{align-items:start}.need-list{display:flex;flex-direction:column;gap:10px}.need-list article{display:flex;gap:12px;padding:13px;border:1px solid #eee9f2;border-radius:14px}.need-list article.done{opacity:.58}.need-list article.done strong{text-decoration:line-through}.need-check{flex-shrink:0;width:29px;height:29px;border-radius:10px;background:#f0e9f9;color:var(--purple)}.need-list strong{font-size:13px}.need-list p{font-size:11px;color:#8b8295;line-height:1.6;margin:6px 0}.need-list small{font-size:9px;color:#aaa1b2}.module-admin-list,.api-list{display:flex;flex-direction:column;gap:10px}.module-admin-list article{display:flex;align-items:center;gap:12px;padding:13px 10px;border-bottom:1px solid #f0edf3}.module-admin-list article>div:nth-child(2){flex:1}.module-color{width:9px;height:38px;border-radius:8px}.module-admin-list strong{font-size:13px}.module-admin-list p{font-size:11px;color:#918899;margin:4px 0}.module-admin-list small{font-size:9px;color:#aaa1b1}.software-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.software-module-grid article{padding:20px;border-radius:17px;background:color-mix(in srgb,var(--module-color) 7%,white);border:1px solid color-mix(in srgb,var(--module-color) 16%,white)}.software-module-grid h3{margin:10px 0 8px;font-size:17px}.software-module-grid p{min-height:36px;color:#7e7488;font-size:11px;line-height:1.6}.software-module-grid button{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:9px;background:var(--module-color);color:#fff;font-size:11px}.diy-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.prompt-area{min-height:145px}.diy-actions{display:flex;gap:10px;flex-wrap:wrap}.receive-panel{background:linear-gradient(145deg,#fff,#faf7ff)}.code-form{display:flex;flex-direction:column;gap:12px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package-card{padding:19px;border:1px solid #eae4ef;border-radius:17px;background:#fdfcfe}.package-top{display:flex;align-items:center;justify-content:space-between}.file-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#7b58c4;background:#eee6fa}.file-icon svg{width:19px}.test-pass{display:flex;align-items:center;gap:4px;color:#478467;font-size:9px}.package-card h3{font-size:17px;margin:16px 0 8px}.package-card>p{font-size:11px;color:#8f8599;line-height:1.7;min-height:38px}.package-meta{display:flex;justify-content:space-between;color:#aaa1b1;font-size:9px}.hardware-lines{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;margin:16px 0;padding:11px;border-radius:11px;background:#f3eff7;color:#7f6a94}.hardware-lines small{grid-column:2;font-size:9px}.hardware-lines span{font-size:11px;font-weight:650}.package-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.package-actions button{padding:8px 10px;font-size:10px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.plan-card:nth-child(2){border-color:#b9a3db;box-shadow:0 12px 35px #6c4da617}.plan-card h2{margin:10px 0}.plan-price{display:flex;align-items:flex-start;gap:4px;margin:15px 0}.plan-price small{margin-top:8px;color:var(--purple)}.plan-price strong{font-size:37px;letter-spacing:-2px}.plan-card>p{min-height:40px;font-size:11px;color:#8d8497;line-height:1.7}.plan-tokens{display:flex;align-items:center;gap:7px;margin:18px 0;color:var(--purple);font-size:13px;font-weight:700}.plan-card>button{width:100%}.plan-card>small{display:block;text-align:center;margin-top:10px;color:#aaa1b1;font-size:8px}.usage-list{display:flex;flex-direction:column}.usage-list>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #f0edf3}.usage-list span strong,.usage-list span small{display:block}.usage-list strong{font-size:12px}.usage-list small{font-size:9px;color:#a299ab;margin-top:4px}.api-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #eee9f2;border-radius:14px}.api-list p{font-size:11px;color:#8b8195;margin:6px 0}.api-list small{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#aaa0b1;margin-top:4px;white-space:nowrap}.admin-tabs{display:flex;gap:6px;padding:5px;width:max-content;max-width:100%;overflow:auto;border-radius:13px;background:#eae5f0}.admin-tabs button{padding:9px 16px;border-radius:9px;background:transparent;color:#847b90;font-size:12px;white-space:nowrap}.admin-tabs button.active{background:#fff;color:var(--purple);font-weight:700;box-shadow:0 3px 10px #3223460f}.admin-stats strong{font-size:24px}.inline-form{display:grid;grid-template-columns:1fr 1fr 160px auto;gap:10px}.admin-table{min-width:850px}.table-input{min-width:105px;padding:8px;font-size:11px}.table-input.wide{min-width:180px}.admin-table select{min-width:90px;padding:8px;font-size:11px}.admin-actions{display:flex;gap:5px;flex-wrap:wrap}.admin-actions button,.small-primary{padding:6px 8px;border-radius:7px;background:#f0e9f8;color:var(--purple);font-size:9px;white-space:nowrap}.small-primary{padding:8px 13px}.code-history{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.code-history>div{padding:12px;border-radius:11px;background:#f8f5fb}.code-history code{display:block;font-size:12px;color:var(--purple)}.code-history span,.code-history small{display:block;margin-top:5px;font-size:9px}.code-history small{color:#a298aa}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel-inner{display:flex;flex-direction:column;gap:13px;padding:17px;border:1px solid var(--line);border-radius:16px}.panel-inner textarea{min-height:80px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#21192f6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s}.modal{position:relative;width:100%;max-width:490px;max-height:90vh;overflow:auto;padding:29px;border-radius:23px;background:#fff;box-shadow:0 25px 80px #1f143240;animation:modalIn .25s ease}.modal-wide{max-width:760px}.modal h2{margin:9px 0 15px;font-size:23px;letter-spacing:-.6px}.modal>.muted{font-size:12px}.modal-close{position:absolute;right:15px;top:15px}.modal .primary-button{width:100%}.modal-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.modal-two-columns h3{font-size:14px}.test-list{display:flex;flex-direction:column;gap:8px}.test-list>div{display:flex;align-items:center;gap:8px;padding:9px;border-radius:10px;background:#f0f7f3;color:#4c8065;font-size:11px}.test-list span{flex:1}.test-list small{font-size:9px}.mini-device{padding:22px;border-radius:18px;background:#332d40;color:#d8c4ee;text-align:center}.mini-device small{display:block;font-size:7px;letter-spacing:1px;margin-bottom:18px}.mini-device strong{display:block;font-size:18px;color:#fff}.mini-device p{font-size:11px;margin:10px 0 0}.download-file{display:flex;gap:13px;padding:16px;border:1px solid var(--line);border-radius:14px}.download-file>svg{color:var(--purple)}.download-file strong{font-size:14px}.download-file p{font-size:11px;color:#8e8598;line-height:1.6;margin:5px 0}.download-file small{font-size:9px;color:#a69cad}.toast{position:fixed;right:24px;bottom:24px;z-index:150;display:flex;align-items:center;gap:10px;max-width:430px;padding:14px 18px;border-radius:14px;background:#342c44;color:#fff;box-shadow:0 12px 35px #1e142d40;font-size:12px;text-align:left;animation:toastIn .25s}.toast.error{background:#9d4d58}.busy-screen{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#8a7c99}.busy-screen p{font-size:12px}.loading-orbit{display:grid;place-items:center;width:70px;height:70px;border:1px solid #d9cbea;border-radius:50%;animation:pulse 2s infinite}.loading-orbit span{font-size:28px;color:var(--purple)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 15px #7957d50d}}@keyframes pageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(15px) scale(.98)}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}}@keyframes heartFloat{50%{transform:rotate(45deg) translate(-8px,-8px)}}@keyframes chipFloat{50%{transform:translateY(-10px)}}@media(max-width:1180px){.stat-grid,.package-grid,.software-module-grid{grid-template-columns:repeat(2,1fr)}.admin-plan-grid{grid-template-columns:1fr}.code-history{grid-template-columns:repeat(2,1fr)}.hero-copy h1{font-size:31px}.content-editor-grid{grid-template-columns:1fr 1.2fr}.story-features{grid-template-columns:1fr}.story-features>div{padding:12px 14px}.story-features strong{display:inline;margin:0 8px}.story-features small{padding-left:30px}}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:auto;padding:26px 7vw}.story-copy{padding:60px 0 40px}.story-copy h1{font-size:44px}.story-features{grid-template-columns:repeat(3,1fr)}.auth-story footer{display:none}.auth-panel{padding:55px 7vw}.sidebar{transform:translate(-100%);transition:transform .25s}.sidebar.open{transform:none}.mobile-close{display:grid;margin-left:auto}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#1e142859}.main-area{margin-left:0}.menu-button{display:grid}.topbar{padding:0 20px}.topbar>div:first-of-type{margin-right:auto;margin-left:10px}.content-editor-grid,.diy-grid,.hero-panel{grid-template-columns:1fr}.hero-visual{display:none}.two-columns,.plan-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.page-content{padding:25px 20px 50px}}@media(max-width:600px){.auth-story{padding:22px}.story-copy{padding:50px 0 25px}.story-copy h1{font-size:35px;letter-spacing:-2px}.story-features{grid-template-columns:1fr;margin-top:30px}.story-features>div{display:none}.auth-panel{padding:38px 20px}.auth-tabs{margin-bottom:35px}.auth-card h2{font-size:26px}.mode-grid{grid-template-columns:1fr}.topbar-right{font-size:0}.topbar-right .top-avatar{font-size:12px}.page-content{padding:22px 13px 45px}.page-title{flex-direction:column}.page-title h1{font-size:27px}.panel{padding:18px;border-radius:17px}.hero-copy{padding:30px 25px}.hero-copy h1{font-size:28px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-grid article{padding:16px 13px}.stat-grid strong{font-size:16px}.stat-icon{width:29px;height:29px;right:11px;top:11px}.form-row,.software-module-grid,.package-grid{grid-template-columns:1fr}.modal{padding:24px 19px}.code-display strong{font-size:17px}.modal-two-columns,.inline-form,.code-history{grid-template-columns:1fr}.toast{left:14px;right:14px;bottom:14px;max-width:none}.two-columns{gap:16px}.diy-actions{flex-direction:column}.diy-actions button{width:100%}.page-title .quota-pill{align-self:flex-start}}.home-welcome{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding:35px 38px;overflow:hidden;border:1px solid #e8e0f1;border-radius:25px;background:radial-gradient(circle at 90% 10%,rgba(224,190,211,.32),transparent 32%),linear-gradient(135deg,#fff,#f5effa)}.home-welcome:after{content:"♡";position:absolute;right:18%;top:-45px;color:#7957d50e;font-size:190px;line-height:1;transform:rotate(-12deg);pointer-events:none}.home-welcome>div{position:relative;z-index:1}.home-welcome h1{margin:13px 0 12px;font-size:35px;line-height:1.3;letter-spacing:-1.5px}.home-welcome h1 span{color:#8663ad}.home-welcome p{max-width:600px;margin:0;color:#82768d;font-size:12px;line-height:1.8}.home-welcome>.outline-button{position:relative;z-index:1;flex-shrink:0;background:#ffffffc7}.shared-home-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:24px;align-items:start}.home-main-column,.home-fixed-rail{display:flex;flex-direction:column;gap:24px;min-width:0}.fixed-pill,.diy-zone-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#f0edf3;color:#857b8f;font-size:9px;white-space:nowrap}.diy-zone-pill{background:#eee6fa;color:#7652b6;font-weight:700}.quick-signal-panel{background:linear-gradient(145deg,#fff,#fbf8fd)}.quick-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.quick-signal-grid>button{display:flex;align-items:center;gap:10px;min-width:0;padding:15px 12px;border:1px solid #ebe4f0;border-radius:15px;background:#fff;color:#7c6c8b;text-align:left;transition:transform .22s,border-color .22s,box-shadow .22s}.quick-signal-grid>button:hover:not(:disabled){transform:translateY(-3px);border-color:#cfb9e2;box-shadow:0 10px 22px #48305e12}.quick-signal-grid>button>span:nth-child(2){flex:1;min-width:0}.quick-signal-grid strong,.quick-signal-grid small{display:block}.quick-signal-grid strong{color:#4b3e57;font-size:12px}.quick-signal-grid small{display:-webkit-box;margin-top:5px;overflow:hidden;color:#a093a9;font-size:8px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.quick-signal-grid>button>svg{display:none}.signal-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:12px;background:#f1e9f8;color:#8962b4}.signal-icon svg{width:17px}.quick-signal-grid>button:nth-child(2) .signal-icon{background:#fff0f1;color:#c77c89}.quick-signal-grid>button:nth-child(3) .signal-icon{background:#edf5f3;color:#659783}.quick-signal-grid>button.is-sent{border-color:#a7d4bd;background:#f4fbf7}.quick-signal-grid>button.is-sent .signal-icon{background:#dff3e8;color:#39845e}.home-custom-panel .section-heading p{margin:6px 0 0;color:#a094a9;font-size:10px}.live-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.live-module-card{position:relative;min-width:0;padding:20px;overflow:hidden;border:1px solid color-mix(in srgb,var(--module-color) 17%,white);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--module-color) 7%,white),#fff);transition:transform .25s,box-shadow .25s,border-color .25s}.live-module-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px color-mix(in srgb,var(--module-color) 10%,transparent)}.live-module-card.is-previewing{border-color:color-mix(in srgb,var(--module-color) 55%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--module-color) 8%,transparent)}.live-module-card.layout-dashboard{grid-column:1/-1}.live-module-card.layout-list{border-left:3px solid var(--module-color)}.live-module-top{display:flex;align-items:center;justify-content:space-between}.live-module-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:color-mix(in srgb,var(--module-color) 13%,white);color:var(--module-color)}.live-module-icon svg{width:17px}.module-source{color:color-mix(in srgb,var(--module-color) 70%,#777);font-size:8px;font-weight:750;letter-spacing:1.4px}.live-module-card h3{margin:15px 0 8px;font-size:17px;letter-spacing:-.4px}.live-module-card>p{min-height:36px;margin-bottom:13px;color:#887c91;font-size:10px;line-height:1.75}.module-field-hints{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 13px}.module-field-hints span{padding:4px 7px;border-radius:6px;background:color-mix(in srgb,var(--module-color) 7%,white);color:#8f8298;font-size:8px}.live-module-card>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 13px;border-radius:10px;background:var(--module-color);color:#fff;font-size:10px;font-weight:700;transition:transform .2s,background .2s}.live-module-card>button:hover:not(:disabled){transform:translate(2px)}.live-module-card>button.is-sent{background:#4d9c75}.add-module-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:15px;padding:12px;border:1px dashed #d8cbe3;border-radius:12px;background:transparent;color:#9078a6;font-size:10px;font-weight:650}.add-module-button:hover{background:#faf6fd;border-color:#bca4ce}.pair-status-main{display:flex;align-items:center;gap:12px}.pair-status-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:14px;background:#eee6f7;color:#8060a4}.pair-status-icon svg{width:20px}.pair-status-main strong{font-size:12px}.pair-status-main p{margin:5px 0 0;color:#998da2;font-size:9px;line-height:1.6}.privacy-line{display:flex;align-items:center;gap:6px;margin-top:17px;padding-top:13px;border-top:1px solid var(--line);color:#8d8198;font-size:9px}.sandbox-boundary{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border:1px solid #ded2eb;border-radius:15px;background:linear-gradient(120deg,#f6f0fb,#fff);color:#8466a0}.sandbox-boundary svg{margin-top:2px}.sandbox-boundary strong{font-size:12px}.sandbox-boundary p{margin:5px 0 0;color:#91839d;font-size:10px;line-height:1.7}.bracelet-card{overflow:hidden;background:linear-gradient(155deg,#fff,#faf7fc)}.bracelet-stage{position:relative;display:flex;flex-direction:column;gap:25px;padding:27px 6px 24px;overflow:hidden;border:1px solid #ebe4ef;border-radius:19px;background:radial-gradient(circle at 50% 20%,rgba(193,167,214,.2),transparent 43%),linear-gradient(155deg,#f2edf5,#eae3ef)}.bracelet-glow{position:absolute;left:50%;top:50%;width:200px;height:200px;border-radius:50%;background:#ffffff8c;filter:blur(40px);transform:translate(-50%,-50%)}.bracelet-unit{position:relative;z-index:1}.bracelet-owner{display:block;margin-bottom:7px;color:#9b8da5;font-size:6px;font-weight:700;letter-spacing:2px;text-align:center}.bracelet-device{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 13px 10px rgba(50,37,62,.16))}.bracelet-strap{display:flex;align-items:center;justify-content:space-evenly;width:46px;height:23px;background:linear-gradient(180deg,#81758b,#574e61);box-shadow:inset 0 1px 1px #ffffff40}.bracelet-strap i{width:2px;height:8px;border-radius:2px;background:#ffffff29}.strap-left{border-radius:12px 2px 2px 12px}.strap-right{border-radius:2px 12px 12px 2px}.bracelet-display{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(230px,66%);height:64px;flex-shrink:0;padding:12px 12px 5px;overflow:hidden;border:4px solid #4b424f;border-radius:15px;background:linear-gradient(160deg,#27212e,#17141c);box-shadow:inset 0 0 16px #a97ed31f,0 0 0 1px #756a79;color:#d9c3ef;text-align:center;animation:oledPulse 4s ease-in-out infinite}.bracelet-display:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 35%);pointer-events:none}.oled-status{position:absolute;left:9px;top:5px;display:flex;align-items:center;gap:3px;color:#867591;font-size:5px;letter-spacing:1px}.oled-heart{position:absolute;right:9px;top:5px;color:#b497cc}.bracelet-display strong{display:block;max-width:100%;overflow:hidden;color:#eadcf7;font-size:11px;font-weight:600;line-height:17px;text-overflow:ellipsis;white-space:nowrap}.bracelet-display small{display:block;max-width:100%;overflow:hidden;color:#9884a9;font-size:6px;line-height:11px;text-overflow:ellipsis;white-space:nowrap}.bracelet-unit.rose .bracelet-strap{background:linear-gradient(180deg,#a58b91,#715d64)}.bracelet-unit.rose .bracelet-display{border-color:#58494f;color:#efc1cc;box-shadow:inset 0 0 16px #dc91a91a,0 0 0 1px #88747a;animation-delay:-2s}.bracelet-unit.rose .oled-heart{color:#d99cae}.bracelet-unit.rose .bracelet-display strong{color:#f0d4db}.bracelet-unit.rose .bracelet-display small{color:#ae8e98}.bracelet-capabilities{display:flex;justify-content:center;gap:13px;margin-top:16px;color:#8b7d96}.bracelet-capabilities span{display:flex;align-items:center;gap:4px;font-size:8px}.hardware-disclaimer{margin:12px 0 0;color:#aca0b3;font-size:8px;line-height:1.6;text-align:center}.bracelet-card.compact .bracelet-stage{padding-top:22px}.bracelet-card.compact .bracelet-display{width:min(210px,66%)}@media(max-width:1180px){.shared-home-layout{grid-template-columns:1fr}.home-fixed-rail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);align-items:start}.pair-status-card{height:100%}}@media(max-width:900px){.home-welcome{padding:30px}.home-welcome h1{font-size:31px}.quick-signal-grid{grid-template-columns:1fr}.quick-signal-grid>button>svg{display:block}.quick-signal-grid small{-webkit-line-clamp:1}.home-fixed-rail{gap:18px}}@media(max-width:650px){.home-welcome{align-items:flex-start;flex-direction:column;padding:27px 23px}.home-welcome h1{font-size:28px}.home-welcome>.outline-button{width:100%}.live-module-grid{grid-template-columns:1fr}.live-module-card.layout-dashboard{grid-column:auto}.home-fixed-rail{display:flex}.bracelet-strap{width:34px}.bracelet-display{width:min(220px,70%)}.bracelet-capabilities{gap:9px}.quick-signal-grid>button{padding:13px}.home-custom-panel .section-heading{gap:8px}}@keyframes oledPulse{50%{box-shadow:inset 0 0 22px #a97ed333,0 0 0 1px #756a79,0 0 18px #a97ed314}}html{scroll-behavior:smooth;scroll-padding-top:96px}.circular-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:radial-gradient(circle at var(--transition-x) var(--transition-y),#c9b4f3,#7957d5 58%,#5b3aad);clip-path:circle(0 at var(--transition-x) var(--transition-y));animation:circularReveal .7s cubic-bezier:.22,.75,.2,1 forwards}.feedback-button{position:relative;overflow:hidden}.feedback-button.is-success{background:linear-gradient(135deg,#55ae82,#358c65);box-shadow:0 8px 24px #358c653d;animation:successPulse .45s ease}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 15px;padding:11px 12px;border-radius:12px;background:#f8f5fc}.list-toolbar .check-label{font-size:11px}.list-toolbar>small{color:#958ba0;font-size:10px;white-space:nowrap}.need-list article{transition:opacity .25s,border-color .25s,transform .25s,background .25s}.need-list article.is-completing{border-color:#b8a0dd;background:#faf7ff;transform:scale(.985)}.need-list article.is-completing .need-check{animation:checkPop .45s ease}.need-list article.done{opacity:.72}.need-list article.done strong{text-decoration:none}.need-list strong span{position:relative;display:inline-block}.need-list strong span:after{content:"";position:absolute;left:0;right:auto;top:54%;width:0;height:1.5px;border-radius:2px;background:#796d85;transform:rotate(-2deg);transition:width .42s cubic-bezier:.2,.8,.2,1}.need-list article.done strong span:after{width:100%}.heading-actions{display:flex;align-items:center;gap:8px}.deck-toggle{font-size:11px;white-space:nowrap}.card-deck:not(.is-open){display:block;position:relative;min-height:380px;padding:0 14px 42px 0}.card-deck:not(.is-open) .package-card{position:absolute;top:0;right:14px;bottom:42px;left:0;z-index:var(--card-order);transform:translate(calc(var(--card-index) * 8px),calc(var(--card-index) * 10px)) rotate(calc(var(--card-index) * .7deg));box-shadow:0 12px 25px #36275812;transition:transform .3s,box-shadow .3s}.card-deck:not(.is-open) .package-card:nth-child(n+4){opacity:0;pointer-events:none}.card-deck:not(.is-open) .package-card:first-child:hover{transform:translateY(-4px);box-shadow:0 20px 38px #3627581f}.card-deck.is-open .package-card{animation:cardDeal .42s both;animation-delay:calc(var(--card-index) * 35ms)}@media(min-width:901px){.sticky-editor{position:sticky;top:96px;align-self:start;z-index:5}}@media(max-width:600px){.card-deck:not(.is-open){min-height:420px}.list-toolbar{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;justify-content:space-between}}@keyframes circularReveal{0%{clip-path:circle(0 at var(--transition-x) var(--transition-y));opacity:.28}65%{clip-path:circle(150vmax at var(--transition-x) var(--transition-y));opacity:.18}to{clip-path:circle(150vmax at var(--transition-x) var(--transition-y));opacity:0}}@keyframes checkPop{50%{transform:scale(1.2) rotate(-8deg);box-shadow:0 0 0 8px #7957d517}}@keyframes successPulse{50%{transform:scale(.985)}}@keyframes cardDeal{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.circular-transition{display:none}}