.col{display:flex;width:100%;flex-direction:column}.col .center{align-self:center;justify-self:center}.col+.col{margin-left:10px}.row{display:flex;width:100%}.row.center-vertical{height:100%;align-items:center}.row.justify-end{justify-content:flex-end}.row.justify-start{justify-content:flex-start}.row.justify-between{justify-content:space-between}.row.justify-center{justify-content:center}.row.margin24{margin-top:24px}.row.margin48{margin-top:48px}.row.margin72{margin-top:72px}.row.margin96{margin-top:96px}.w50{width:50%}.w25{width:25%}.w75{width:75%}.w66{width:66.6%}.w33{width:33.3%}.w100{width:100%}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter, system-ui, -apple-system, Segoe UI, sans-serif;font-size:15px;line-height:1.6;color:rgba(255,255,255,0.92);background:radial-gradient(1100px 560px at 20% 10%, rgba(78,204,163,0.09), transparent 60%),radial-gradient(800px 450px at 82% 60%, rgba(78,204,163,0.07), transparent 62%),#050808;overflow-x:hidden;-webkit-font-smoothing:antialiased}.grid-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right, rgba(255,255,255,0.045) 1px, transparent 1px),linear-gradient(to bottom, rgba(255,255,255,0.045) 1px, transparent 1px);background-size:64px 64px;opacity:.7;mask-image:radial-gradient(820px 440px at 50% 28%, black, transparent 70%)}.wrap{min-height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.app-nav{position:sticky;top:0;z-index:50;height:60px;backdrop-filter:blur(12px);background:rgba(5,8,8,0.6);border-bottom:1px solid rgba(255,255,255,0.1)}.app-nav .nav-inner{max-width:1100px;margin:auto;height:100%;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.app-nav .nav-logo{font-family:Oswald, sans-serif;font-size:21px;font-weight:600;color:rgba(255,255,255,0.92);text-decoration:none;letter-spacing:.03em}.app-nav .nav-status{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04);font-size:12px;color:rgba(255,255,255,0.55)}.app-nav .pulse-dot{width:7px;height:7px;border-radius:50%;background:#4ecca3;box-shadow:0 0 0 5px rgba(78,204,163,0.18);flex-shrink:0}main{flex:1;max-width:860px;margin:0 auto;padding:40px 24px calc(68px + 24px);width:100%}.app-footer{max-width:1100px;margin:auto;width:100%;padding:14px 20px;font-size:12px;color:rgba(255,255,255,0.3);border-top:1px solid rgba(255,255,255,0.1)}.col{display:flex;width:100%;flex-direction:column}.col .center{align-self:center}.col+.col{margin-left:16px}.row{display:flex;width:100%}.row.center-vertical{height:100%;align-items:center}.row.justify-end{justify-content:flex-end}.row.justify-start{justify-content:flex-start}.row.justify-between{justify-content:space-between}.row.justify-center{justify-content:center}.row.flex-start{align-items:flex-start}.row.margin24{margin-top:24px}.row.margin48{margin-top:48px}.row.margin72{margin-top:72px}.row.margin96{margin-top:96px}.w100{width:100%}.w75{width:75%}.w66{width:66.6%}.w50{width:50%}.w33{width:33.3%}.w25{width:25%}.hidden{display:none}.header{font-family:Oswald, sans-serif;font-weight:600;font-size:clamp(36px, 6.5vw, 68px);line-height:1;letter-spacing:-.01em;text-align:center;padding:36px 0 24px;color:rgba(255,255,255,0.92);display:block !important}.header .accent{color:#4ecca3;text-shadow:0 0 28px rgba(78,204,163,0.35)}.header .header-rule{display:block;width:32px;height:2px;background:#4ecca3;border-radius:1px;margin:16px auto 0}h1{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,0.55);margin-bottom:20px}h2{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4ecca3;margin-bottom:6px;margin-top:20px}h2:first-of-type{margin-top:0}p{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.75;margin-top:4px}p strong{color:rgba(255,255,255,0.92);font-weight:600}a{color:rgba(255,255,255,0.92);text-decoration:none}.instr-card{border:1px solid rgba(255,255,255,0.1);border-radius:16px;background:linear-gradient(160deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));padding:28px 32px;max-width:620px;margin:8px auto 0;box-shadow:0 20px 60px rgba(0,0,0,0.4)}.instr-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:rgba(78,204,163,0.14);border:1px solid rgba(78,204,163,0.55);color:#4ecca3;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-bottom:22px}.instr-badge .dot{width:6px;height:6px;border-radius:50%;background:#4ecca3;box-shadow:0 0 0 4px rgba(78,204,163,0.2);flex-shrink:0}label{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.55);margin-bottom:7px}input,textarea,select{width:100%;padding:11px 13px;background:rgba(0,0,0,0.45);border:1px solid rgba(255,255,255,0.14);border-radius:10px;color:rgba(255,255,255,0.92);font-family:inherit;font-size:14px;outline:none;appearance:none;transition:border-color .15s, box-shadow .15s}input::placeholder,textarea::placeholder,select::placeholder{color:rgba(255,255,255,0.55)}input:focus,textarea:focus,select:focus{border-color:rgba(78,204,163,0.55);box-shadow:0 0 0 3px rgba(78,204,163,0.1)}input:hover:not(:focus),textarea:hover:not(:focus),select:hover:not(:focus){border-color:rgba(255,255,255,0.2)}select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,.4)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:36px}input[type=color]{height:42px;padding:4px 8px;cursor:pointer}.btn,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:10px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.92);font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer;outline:none;transition:background .15s, border-color .15s, transform .1s;white-space:nowrap}.btn:hover,input[type=submit]:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);transform:translateY(-1px);color:rgba(255,255,255,0.92)}.btn:active,input[type=submit]:active{transform:translateY(0)}.btn-primary,input[type=submit]{background:linear-gradient(180deg, rgba(78,204,163,0.35), rgba(78,204,163,0.14));border-color:rgba(78,204,163,0.55);color:#fff}.btn-primary:hover,input[type=submit]:hover{background:linear-gradient(180deg, rgba(78,204,163,0.45), rgba(78,204,163,0.22));border-color:#4ecca3;color:#fff}.new_team{width:100%;display:flex;justify-content:center;align-items:flex-end;gap:12px;margin-top:48px}#new_message label,#new_message input.string,#new_message textarea,#new_message select,.edit_site label,.edit_site input.string,.edit_site textarea,.edit_site select{display:block;width:100%}#new_message div.input,.edit_site div.input{margin-top:20px}#new_message div.input label,.edit_site div.input label{margin-bottom:7px}#new_message input[type=submit],.edit_site input[type=submit]{margin-top:24px;width:100%}.input.string,.input.select,.input.text{margin-top:20px}.input.string label,.input.select label,.input.text label{margin-bottom:7px}.sending{margin-top:10px;padding:12px 16px;border-radius:10px;border-left:3px solid #f4a261;background:rgba(244,162,97,0.08);font-size:13px;color:rgba(255,255,255,0.92)}.notice{margin-top:10px;padding:12px 16px;border-radius:10px;border-left:3px solid #4ecca3;background:rgba(78,204,163,0.14);font-size:13px;color:rgba(255,255,255,0.92)}.warning{margin-top:10px;padding:12px 16px;border-radius:10px;border-left:3px solid #e63946;background:rgba(230,57,70,0.08);font-size:13px;color:rgba(255,255,255,0.92)}.moodimage,.moodimage2{height:100%;justify-content:center;align-items:center}.moodimage img,.moodimage2 img{margin-top:15%;width:50%;opacity:.8;filter:drop-shadow(0 8px 28px rgba(78,204,163,0.2))}.moodimage2 img{width:28%;margin-top:10%}iframe.template{border:none;background:#0c1212;border-radius:10px}#preview{width:100%;height:80vh;border:1px solid rgba(255,255,255,0.1);border-radius:16px;background:#0c1212}.edit_site div.input{margin-top:20px}.edit_site label{margin-bottom:8px}.edit_site .input>img{height:46px;border-radius:4px}.edit_site input[type=color]{height:42px;width:100%}.in{display:flex;align-items:center;gap:12px;margin-top:8px;padding:8px 12px;border:1px solid rgba(255,255,255,0.1);border-radius:10px;background:#111818;cursor:pointer;transition:border-color .15s}.in:hover{border-color:rgba(78,204,163,0.55)}.in input[type=radio]{width:auto;accent-color:#4ecca3}.in img{height:38px;border-radius:3px}#add-url{margin-top:16px;border-style:dashed;background:transparent}#add-url:hover{border-color:rgba(78,204,163,0.55)}.navigation{position:fixed;bottom:0;left:0;width:100%;height:68px;padding:0 20px;display:flex;align-items:center;background:linear-gradient(to top, rgba(5,8,8,0.97) 55%, transparent);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,0.1);z-index:100}body[action=template] main,body[action=variables] main{max-width:1100px}.template-container{position:relative;flex:1;height:50vh;margin:0 8px;border:1px solid rgba(255,255,255,0.1);border-radius:16px;overflow:hidden;cursor:pointer;transition:border-color .2s, box-shadow .2s}.template-container:hover{border-color:rgba(78,204,163,0.55);box-shadow:0 0 0 2px rgba(78,204,163,0.18)}.template-container.is-selected{border:2px solid #4ecca3;box-shadow:0 0 0 3px rgba(78,204,163,0.4),inset 0 0 0 1px rgba(78,204,163,0.15)}.template-container.is-selected .template-check{opacity:1;transform:scale(1)}.template-container iframe{width:100%;height:100%;pointer-events:none;border:none;display:block}.template-container input[type=radio]{position:absolute;top:10px;left:10px;width:17px;height:17px;z-index:2;accent-color:#4ecca3;opacity:0}.template-container .template-check{position:absolute;top:10px;left:10px;z-index:3;width:22px;height:22px;border-radius:50%;background:#4ecca3;border:2px solid #4ecca3;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.7);transition:opacity .15s, transform .15s;pointer-events:none}.template-container .template-check::after{content:'';width:5px;height:9px;border:2px solid #050808;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px);display:block}.template-container label{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;margin-bottom:0;background:linear-gradient(to top, rgba(5,8,8,0.92), transparent);font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,0.55);z-index:2;text-transform:uppercase}#new_site{display:flex;width:100%}.start-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:52px}.start-buttons .btn{padding:13px 28px}.team-form-wrap{width:100%;max-width:400px;margin:48px auto 0}.team-form-wrap input[type=submit]{margin-top:16px;width:100%}