:root{--bg:#fff;--ink:#262b36;--ink-2:#6a707c;--ink-3:#9aa0ab;--ink-4:#b9bec7;--line:#ececf0;--line-2:#f3f4f7;--field:#fbfbfc;--accent:#5b83ef;--send:#232834;--hi:#d9534f;--hi-bg:#fceeee;--md:#cf8a2c;--md-bg:#fbf3e6;--lo:#3f9f6b;--lo-bg:#ebf6f0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;font-size:16px;line-height:1.6;display:flex}::selection{background:#e7edfd}a{color:inherit;text-decoration:none}button{font-family:inherit}.bar{justify-content:space-between;align-items:center;gap:16px;padding:22px 30px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:16px;font-weight:700;display:flex}.brand .mk{background:radial-gradient(60% 60% at 32% 30%,#bcd2ff 0%,#0000 70%),radial-gradient(60% 60% at 70% 34%,#cbc4f7 0%,#0000 72%),radial-gradient(60% 60% at 46% 72%,#f7c8d6 0%,#0000 70%),#eef1fb;border-radius:8px;flex-shrink:0;width:24px;height:24px;position:relative;overflow:hidden}.builtby{border:1px solid var(--line);border-radius:999px;align-items:center;gap:9px;padding:6px 13px 6px 7px;transition:border-color .16s,background .16s;display:flex}.builtby:hover{background:var(--line-2);border-color:#dde0e6}.builtby img{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.builtby .t{color:var(--ink-3);white-space:nowrap;font-size:11px;line-height:1.15}.builtby .t b{color:var(--ink);font-size:12.5px;font-weight:600;display:block}main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 24px 56px;display:flex}.shell{flex-direction:column;align-items:center;width:100%;max-width:600px;display:flex}.front{flex-direction:column;align-items:center;width:100%;display:flex}.blob{flex-shrink:0;width:248px;height:188px;margin-bottom:2px;position:relative}.blob:before{content:"";filter:blur(40px);will-change:transform;background:radial-gradient(42% 46% at 36% 30%,#b8cfff 0%,#0000 70%),radial-gradient(40% 42% at 66% 28%,#cdc6f8 0%,#0000 72%),radial-gradient(44% 46% at 38% 66%,#f8c9d7 0%,#0000 70%),radial-gradient(42% 44% at 68% 68%,#c2b8f3 0%,#0000 72%),radial-gradient(54% 54% at 52%,#ffdcc4 0%,#0000 66%);border-radius:50%;animation:20s ease-in-out infinite drift;position:absolute;inset:0}@keyframes drift{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.blob:before{animation:none}}.headline{text-align:center;letter-spacing:-.025em;color:var(--ink);max-width:13em;font-size:26px;font-weight:700;line-height:1.22}.headline span{color:var(--accent)}.subline{text-align:center;color:var(--ink-3);max-width:34em;margin-top:12px;font-size:14px;line-height:1.5}.quick{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:28px;display:grid}.qcard{border:1px solid var(--line);background:var(--bg);cursor:pointer;text-align:left;border-radius:16px;flex-direction:column;gap:12px;padding:15px 16px;transition:border-color .16s,transform .16s,box-shadow .16s;display:flex}.qcard:hover{border-color:#dde0e6;transform:translateY(-2px);box-shadow:0 10px 24px -14px #46507847}.qcard:hover .qic{color:var(--accent)}.qcard:active{transform:translateY(0);box-shadow:0 4px 12px -10px #4650784d}.qcard .qic{color:var(--ink-3)}.qtext{flex-direction:column;gap:2px;display:flex}.qcard .ql{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;font-size:13.5px;font-weight:600}.qcard .qd{color:var(--ink-3);font-size:11.5px}.composer{background:var(--bg);border:1px solid var(--line);border-radius:24px;align-items:flex-end;gap:8px;width:100%;margin-top:12px;padding:8px 8px 8px 10px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 6px 26px -16px #4650784d}.composer.focus{border-color:#c8d4f7;box-shadow:0 0 0 4px #5b83ef1a,0 6px 26px -16px #4650784d}.composer.drag{border-color:var(--accent);box-shadow:0 0 0 4px #5b83ef24}.attach{border:1px solid var(--line);background:var(--bg);width:38px;height:38px;color:var(--ink-3);cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.attach:hover{color:var(--accent);background:#f4f7fe;border-color:#c8d4f7}textarea{resize:none;color:var(--ink);background:0 0;border:none;outline:none;flex:1;max-height:200px;padding:9px 2px;font-family:inherit;font-size:15.5px;line-height:1.5}textarea::placeholder{color:var(--ink-4)}.send{background:var(--send);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;transition:transform .14s,filter .14s;display:grid}.send:hover{filter:brightness(1.18)}.send:active{transform:scale(.94)}.send:disabled{opacity:.5;cursor:default}.attachments{flex-wrap:wrap;gap:7px;width:100%;margin-top:12px;display:flex}.attachments:empty{display:none}.chip{color:var(--ink-2);background:var(--line-2);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:6px 8px 6px 11px;font-size:12.5px;display:inline-flex}.chip .ic{color:var(--accent);display:flex}.chip button{color:var(--ink-4);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:15px;line-height:1}.chip button:hover{color:var(--hi)}.caption{text-align:center;color:var(--ink-3);margin-top:28px;font-size:12.5px}.errmsg{width:100%;color:var(--hi);background:var(--hi-bg);border:1px solid #f3d2d1;border-radius:12px;margin-top:12px;padding:11px 14px;font-size:13px}.run{width:100%;display:none}.run.show{display:block}.run-top{align-items:center;gap:14px;margin-bottom:22px;display:flex}.run-orb{background:radial-gradient(50% 50% at 35% 32%,#b8cfff 0%,#0000 70%),radial-gradient(50% 50% at 70% 36%,#cdc6f8 0%,#0000 72%),radial-gradient(50% 50% at 50% 72%,#f8c9d7 0%,#0000 70%),#eef1fb;border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.run-orb:after{content:"";filter:blur(5px);background:radial-gradient(50% 50%,#ffdcc4 0%,#0000 60%);border-radius:50%;animation:8s ease-in-out infinite drift;position:absolute;inset:0}.run-top .rt{color:var(--ink);letter-spacing:-.01em;font-size:16px;font-weight:600}.run-top .rt small{color:var(--ink-3);margin-top:1px;font-size:13px;font-weight:400;display:block}.track{background:var(--line);border-radius:4px;height:5px;margin-bottom:20px;overflow:hidden}.track i{background:linear-gradient(90deg,#f6b79c,#b8cfff,#cdc6f8);width:0%;height:100%;transition:width .5s;display:block}.log{flex-direction:column;gap:9px;font-size:13.5px;display:flex}.log .ln{color:var(--ink-4);opacity:0;align-items:center;gap:11px;transition:opacity .3s,color .3s,transform .3s;display:flex;transform:translateY(4px)}.log .ln.on{opacity:1;color:var(--ink-2);transform:none}.log .ln .mk{background:var(--line-2);border:1px solid var(--line);width:19px;height:19px;color:var(--ink-4);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;transition:background .3s,color .3s,border-color .3s;display:grid}.log .ln.done .mk{background:var(--lo-bg);color:var(--lo);border-color:#0000}.preview{display:none}.preview.show{display:block}.pv-head{border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.pv-score{background:var(--field);border:1px solid var(--line);border-radius:18px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:86px;height:86px;display:flex}.pv-score .v{color:var(--hi);letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:.9}.pv-score .d{color:var(--ink-4);margin-top:4px;font-size:10px;font-weight:500}.pv-head .meta .lvl{text-transform:uppercase;letter-spacing:.03em;color:var(--hi);align-items:center;gap:7px;margin-bottom:6px;font-size:11.5px;font-weight:600;display:inline-flex}.pv-head .meta .lvl:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.pv-head .meta h3{letter-spacing:-.01em;font-size:19px;font-weight:700}.pv-head .meta p{color:var(--ink-3);font-size:13px}.pv-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);margin-bottom:11px;font-size:11px;font-weight:600}.pv-rows{flex-direction:column;gap:6px;display:flex}.pv-row{background:var(--field);border:1px solid var(--line);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.pv-row .nm{color:var(--ink);font-size:13.5px;font-weight:500}.pv-row .lv{letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:3px 9px;font-size:10.5px;font-weight:700}.pv-row .lv.hi{color:var(--hi);background:var(--hi-bg)}.pv-row .lv.md{color:var(--md);background:var(--md-bg)}.pv-row .lv.lo{color:var(--lo);background:var(--lo-bg)}.pv-row .lv.na{color:var(--ink-3);background:var(--line-2)}.pv-row.locked .nm{filter:blur(4px);-webkit-user-select:none;user-select:none;color:var(--ink-4)}.pv-row.locked .lv{filter:blur(2px);color:var(--ink-4);background:var(--line)}.gate{background:var(--field);border:1px solid var(--line);border-radius:18px;margin-top:16px;padding:22px}.gate h4{letter-spacing:-.01em;font-size:16.5px;font-weight:700}.gate .gtop{gap:13px;margin-bottom:16px;display:flex}.gate .lockic{width:36px;height:36px;color:var(--accent);background:#eef3fe;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.gate .gtop p{color:var(--ink-2);margin-top:4px;font-size:13.5px}.gform{gap:8px;display:flex}.gform input{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;outline:none;flex:1;padding:12px 14px;font-family:inherit;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.gform input:focus{border-color:#c8d4f7;box-shadow:0 0 0 3px #5b83ef1a}.gform input::placeholder{color:var(--ink-4)}.gform button{background:var(--send);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;padding:0 18px;font-size:13.5px;font-weight:600;transition:filter .15s}.gform button:hover{filter:brightness(1.18)}.gform button:disabled{opacity:.6;cursor:default}.gnote{color:var(--ink-4);flex-wrap:wrap;gap:8px 16px;margin-top:13px;font-size:11.5px;display:flex}.gnote span{align-items:center;gap:6px;display:inline-flex}.gnote span:before{content:"✓";color:var(--lo);font-weight:700}.gate.sent .gtop,.gate.sent .gform,.gate.sent .gnote,.gate .sent-msg{display:none}.gate.sent .sent-msg{align-items:flex-start;gap:13px;display:flex}.sent-msg .ok{background:var(--lo-bg);width:36px;height:36px;color:var(--lo);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.sent-msg p{color:var(--ink-2);margin-top:4px;font-size:13.5px}.sent-msg .openbtn{background:var(--accent);color:#fff;border-radius:11px;margin-top:14px;padding:11px 20px;font-size:13.5px;font-weight:600;transition:filter .15s;display:inline-block;box-shadow:0 1px 3px #1e32782e}.sent-msg .openbtn:hover{filter:brightness(1.07)}.sent-msg .av{align-items:center;gap:9px;margin-top:14px;display:flex}.sent-msg .av img{object-fit:cover;border-radius:50%;width:30px;height:30px}.sent-msg .av .t{color:var(--ink-3);font-size:12px}.sent-msg .av .t b{color:var(--ink);font-weight:600}.connect{color:var(--ink-4);align-items:center;gap:8px;margin-top:11px;font-size:11.5px;display:flex}.connect a{color:var(--ink-2);border:1px solid var(--line);border-radius:7px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.connect a:hover{color:var(--accent);background:#f4f7fe;border-color:#c8d4f7}.again{color:var(--ink-3);cursor:pointer;background:0 0;border:none;margin:18px auto 0;font-size:12.5px;display:block}.again:hover{color:var(--accent)}footer{text-align:center;color:var(--ink-4);padding:22px;font-size:12px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#23283459;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--line);border-radius:20px;width:100%;max-width:400px;padding:26px;box-shadow:0 24px 60px -24px #1e285059}.modal .lockic{width:38px;height:38px;color:var(--accent);background:#eef3fe;border-radius:11px;place-items:center;margin-bottom:14px;display:grid}.modal h4{letter-spacing:-.01em;font-size:17px;font-weight:700}.modal p{color:var(--ink-2);margin-top:5px;font-size:13.5px}.modal form{gap:8px;margin-top:16px;display:flex}.modal input{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:12px;outline:none;flex:1;padding:12px 14px;font-family:inherit;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.modal input:focus{border-color:#c8d4f7;box-shadow:0 0 0 3px #5b83ef1a}.modal button[type=submit]{background:var(--send);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;padding:0 18px;font-size:13.5px;font-weight:600;transition:filter .15s}.modal button[type=submit]:hover{filter:brightness(1.18)}.modal .merr{color:var(--hi);margin-top:10px;font-size:12.5px}.modal .mcancel{color:var(--ink-3);cursor:pointer;background:0 0;border:none;margin:14px auto 0;font-size:12.5px;display:block}.modal .mcancel:hover{color:var(--accent)}@media (max-width:600px){main{align-items:stretch;padding:0 16px 18px}.bar{padding:14px 16px}.builtby{padding:4px 11px 4px 5px}.builtby img{width:26px;height:26px}.shell{flex:1;max-width:100%;display:flex}.front{flex:1;width:100%}.blob{width:200px;height:158px;margin-top:auto;margin-bottom:6px}.headline{max-width:14em;font-size:24px;line-height:1.2}.subline{margin-top:10px;font-size:13.5px}.quick{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;padding-top:30px}.qcard{text-align:left;border-radius:16px;flex-direction:column;align-items:flex-start;gap:20px;padding:13px 13px 14px}.qcard .qic{color:var(--ink-3)}.qcard .qic svg{width:20px;height:20px}.qtext{align-items:flex-start;gap:0}.qcard .ql{white-space:nowrap;font-size:12.5px}.qcard .qd{display:none}.composer{background:var(--field);border-color:var(--line);box-shadow:none;border-radius:22px;flex-wrap:wrap;align-items:center;gap:0;margin-top:12px;padding:6px}.composer.focus{box-shadow:0 0 0 3px #5b83ef1a}textarea{flex:100%;order:-1;max-height:160px;padding:12px 12px 10px;font-size:16px}.attach{background:var(--bg);order:1;margin-right:auto}.send{order:2}.attachments{margin-top:10px}.gform{flex-direction:column}.gform button{padding:13px}.pv-head{gap:13px}.pv-score{width:76px;height:76px}.run-top .rt{font-size:15px}}@media (max-height:700px) and (max-width:600px){.blob{width:150px;height:116px;margin-bottom:0}.quick{padding-top:18px}}