.sty{--g:#38c172;--r:#ef4b6a;color:#3b2a6b;font-family:inherit;max-width:760px;margin:16px auto;padding:76px 14px 110px;border-radius:32px;text-align:center;box-sizing:border-box;
background:radial-gradient(circle at 15% 6%,#fff9 0 4%,transparent 5%),radial-gradient(circle at 90% 12%,#fff7 0 3%,transparent 4%),linear-gradient(170deg,#6ec6ff,#d8b4fe)}
.sty *{box-sizing:border-box;font-family:inherit}
.sty h1,.sty h2,.sty h3{color:#3b2a6b}
.sty button,.sty .sty-b{font-weight:900;border:0;border-radius:22px;padding:12px 20px;font-size:18px;color:#fff;cursor:pointer;background:#8b5cf6;box-shadow:0 5px 0 #0003;text-decoration:none;display:inline-block;transition:transform .1s}
.sty button:active{transform:translateY(3px);box-shadow:0 2px 0 #0003}
.sty button:focus-visible,.sty input:focus-visible,.sty select:focus-visible,.sty a:focus-visible{outline:4px solid #ffd93b;outline-offset:2px}
.sty button:disabled{opacity:.55;cursor:default}
.sty input,.sty select{font-size:16px;padding:9px 12px;border-radius:16px;border:3px solid #b9a5ff;background:#fff;color:#3b2a6b;max-width:100%}
.sty-top{position:fixed;left:0;right:0;top:0;margin:auto;max-width:640px;z-index:9999;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:20px;background:#fff;border-bottom:3px solid #b9a5ff;border-radius:0 0 24px 24px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;box-shadow:0 6px 20px #0003}
.sty-top b{display:flex;align-items:center;color:#3b2a6b}
.sty-top .sty-logo{height:40px;max-width:170px}
.sty .sty-hb{font-size:14px;padding:8px 16px;box-shadow:0 3px 0 #0003}
body.admin-bar .sty-top{top:32px}
@media (max-width:782px){body.admin-bar .sty-top{top:46px}}
.sty-st{font-size:14px;font-weight:700}
.sty-chips{display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:4px 4px 12px}
.sty .sty-chip{flex:0 0 auto;white-space:nowrap;background:#fffb;color:#3b2a6b;font-size:16px;padding:8px 16px;box-shadow:0 3px 0 #0002}
.sty .sty-chip.sel{background:#8b5cf6;color:#fff}
.sty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:14px}
.sty-card,.sty-login{background:#ffffffee;border-radius:28px;padding:18px;box-shadow:0 8px 0 #0002}
.sty-login{max-width:420px;margin:30px auto}
.sty-login input{width:100%;margin:8px 0 12px;text-align:center;font-size:22px;letter-spacing:2px}
.sty-err{color:#c4254a;font-weight:700;min-height:1.4em;margin:10px 0 0}
.sty-row,.sty-krow{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:8px}
.sty .sty-l{background:#fff;color:#3b2a6b;box-shadow:0 3px 0 #0002;font-size:15px;padding:8px 14px}
.sty .sty-x{background:none;color:#ef4b6a;box-shadow:none;padding:2px 8px;font-size:15px}
.sty-m{font-size:56px;line-height:1;display:inline-block;animation:styb 2s ease-in-out infinite alternate}
@keyframes styb{to{transform:translateY(-7px) rotate(6deg)}}
.sty-card h2{margin:6px 0 10px;font-size:22px;font-weight:900}
.sty-bar{height:42px;border-radius:30px;display:flex;gap:4px;padding:5px;margin:10px 0;border:4px solid}
.sty-good{color:var(--g)}.sty-bad{color:var(--r)}
.sty-good .sty-bar{background:#b8f2c9}.sty-bad .sty-bar{background:#ffc2cd}
.sty-seg{flex:1;border-radius:20px;transition:background .3s,transform .3s}
.sty-good .sty-seg.on{background:linear-gradient(var(--g),#22a35a);transform:scale(1.04)}
.sty-bad .sty-seg.on{background:linear-gradient(var(--r),#c4254a);transform:scale(1.04)}
.sty-cnt{font-weight:700;color:#3b2a6b;margin:0 0 10px}
.sty-good .sty-main{background:var(--g)}.sty-bad .sty-main{background:var(--r)}
.sty-card ul{list-style:none;padding:0;margin:8px 0}
.sty-card li{display:flex;gap:4px;margin:6px 0;align-items:center}.sty-it{flex:1;min-width:0}
.sty-add{display:flex;gap:6px;margin-top:8px}.sty-add input{flex:1;min-width:0}.sty .sty-add button{font-size:15px;padding:8px 14px}
.sty-kn{flex:1;min-width:120px}
.sty-avs{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:10px 0}
.sty .sty-av{background:#fff;font-size:22px;padding:4px 8px;border-radius:14px;box-shadow:none}.sty .sty-av.sel{outline:3px solid #8b5cf6}
.sty-nav{position:fixed;left:0;right:0;bottom:0;margin:auto;max-width:640px;z-index:9999;display:flex;background:#fff;border-top:3px solid #b9a5ff;border-radius:24px 24px 0 0;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px #0003}
.sty .sty-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;color:#7a6aa8;box-shadow:none;font-size:13px;padding:6px 2px;border-radius:16px}
.sty .sty-nav button span{font-size:24px}.sty .sty-nav button.sel{background:#ede4ff;color:#3b2a6b}
.sty-modal{position:fixed;inset:0;background:#2a104a99;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100000}
.sty-pop{background:#fff;border-radius:40px;padding:26px 20px;max-width:420px;width:100%;border:8px solid var(--c);animation:styp .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes styp{from{transform:scale(.3) rotate(-10deg);opacity:0}}
.sty-big{font-size:80px;line-height:1.1}.sty-pop h3{margin:6px 0;font-size:21px;font-weight:900}
.sty-pop p{font-size:25px;font-weight:900;margin:8px 0 18px;color:#3b2a6b}.sty .sty-pop button{background:var(--c)}
@media (prefers-reduced-motion:reduce){.sty *{animation:none!important;transition:none!important}}
.sty button[hidden]{display:none}
.sty-thread{max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:10px 0;padding:4px}
.sty-bub{max-width:85%;padding:10px 14px;border-radius:18px;white-space:pre-wrap;text-align:right;line-height:1.7;word-break:break-word}
.sty-bub small{display:block;font-size:11px;opacity:.6;margin-top:4px}
.sty-bub.u{background:#ede4ff;align-self:flex-start}.sty-bub.a{background:#d7f5e1;align-self:flex-end}
.sty-chat textarea{width:100%;min-height:80px;font-size:16px;padding:10px 12px;border-radius:16px;border:3px solid #b9a5ff;margin:6px 0 10px;color:#3b2a6b;background:#fff}
.sty-nav button span{position:relative}
.sty-bd{position:absolute;top:-4px;right:-12px;background:#ef4b6a;color:#fff;font-style:normal;font-size:12px;font-weight:900;min-width:18px;height:18px;line-height:18px;border-radius:9px;padding:0 4px}
.sty-hint{font-size:14px;line-height:1.9}
.sty .sty-nav button{font-size:12px}
.sty-grid.one{grid-template-columns:minmax(0,520px);justify-content:center}
.sty-top .sty-l{font-size:14px;padding:6px 12px}
.sty-lock{position:absolute;bottom:-6px;right:-8px;font-size:11px;text-decoration:none}
.sty-login h2{margin:6px 0 10px;font-size:22px;font-weight:900}
.sty .sty-nav button{font-size:11px}
.sty .sty-nav button span{font-size:22px}
.sty-toast{position:fixed;left:50%;bottom:104px;transform:translate(-50%,16px);background:#3b2a6b;color:#fff;padding:10px 22px;border-radius:22px;font-weight:700;font-size:15px;box-shadow:0 6px 18px #0004;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:100001;max-width:90vw;text-align:center;direction:rtl}
.sty-toast.show{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.sty-toast{transition:none}}
.sty-logo{height:94px;width:auto;max-width:140px;object-fit:contain;vertical-align:middle;border-radius:8px}
.sty-logo.big{height:72px;max-width:200px}