*{box-sizing:border-box;margin:0;padding:0}:root{--top-nav-h:68px;--page-pad:20px;--page-edge-x:20px;--nav-edge-x:20px;--card-radius:20px;--card-border:#e2e8f0f2;--card-shadow:0 4px 24px #0f172a0d, 0 1px 2px #0f172a08;--nav-text:#64748b;--nav-text-strong:#1e293b;--nav-primary:#2f7bff;--page-bg:#eef3fa;--left-card-w:min(400px, 34vw)}html,body{background:var(--page-bg);width:100%;height:100%;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;overflow:hidden}#app{display:none}canvas{width:100%;height:100%;display:block}.card-panel{border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);background:#fff;overflow:hidden}.top-nav{z-index:1000;height:var(--top-nav-h);padding:0 var(--nav-edge-x);background:#fff;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;font-family:inherit;display:flex;position:fixed;top:0;left:0;right:0}.top-nav__brand{flex-shrink:0;align-items:center;width:200px;min-width:0;text-decoration:none;display:flex}.top-nav__logo{object-fit:contain;object-position:left center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:200px;height:34px;display:block}.top-nav__logo-mark{object-fit:contain;border-radius:9px;width:32px;height:32px;display:none}.top-nav__menu{flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.top-nav__tab{appearance:none;color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:9px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:color .12s,background .12s,box-shadow .12s}.top-nav__tab.is-active{color:#fff;background:var(--nav-primary);font-weight:600;box-shadow:0 6px 16px #2f7bff47}.top-nav__tab.is-active:hover{color:#fff;background:#2568ef}.top-nav__actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-width:200px;display:flex}.top-nav__action{appearance:none;color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e8edf4;border-radius:12px;align-items:center;gap:6px;height:38px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.top-nav__action[hidden]{display:none}.top-nav__action:hover{color:#475569;background:#f8fafc;border-color:#dbe3ee}.top-nav__action.is-done{color:#15803d;background:#f0fdf4;border-color:#86efac}.top-nav__action svg{color:#94a3b8;flex-shrink:0}.top-nav__user{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:10px;margin-left:2px;padding:2px 4px 2px 2px;font-family:inherit;transition:background .12s;display:inline-flex}.top-nav__user:hover{background:#f5f8fc}.top-nav__avatar{background:linear-gradient(145deg,#ffd89b,#7ec8ff);border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden;box-shadow:0 0 0 2px #fff,0 2px 8px #0f172a14}.top-nav__avatar img,.top-nav__avatar svg{object-fit:cover;width:100%;height:100%;display:block}.top-nav__user-meta{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding-right:4px;display:flex}.top-nav__user-name{color:var(--nav-text-strong);text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-size:13px;font-weight:600;line-height:1.15;overflow:hidden}.top-nav__user-level{color:#fff;background:#8b7cf6;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.45}.top-nav__user-wrap{z-index:1;position:relative}.top-nav__user-wrap.is-open{z-index:50}.top-nav__menu-panel{z-index:1200;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:168px;padding:6px;animation:.12s ease-out topNavMenuIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0f172a24}.top-nav__menu-panel[hidden]{display:none}@keyframes topNavMenuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.top-nav__menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s;display:flex}.top-nav__menu-item:hover{background:#f1f5f9}.top-nav__menu-item.is-danger{color:#dc2626}.top-nav__menu-item.is-danger:hover{background:#fef2f2}.top-nav__toast{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:60;background:#1e293beb;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(-4px);box-shadow:0 8px 24px #0f172a2e}.top-nav__toast.is-show{opacity:1;transform:translate(-50%)translateY(0)}body:not([class*=page-]) .workspace-host{visibility:hidden;pointer-events:none}.workspace-host{top:var(--top-nav-h);z-index:10;padding:var(--page-pad);background:var(--page-bg);position:fixed;bottom:0;left:0;right:0}.workspace{grid-template-columns:var(--left-card-w) minmax(0, 1fr);gap:14px;width:100%;height:100%;min-height:0;display:grid}.workspace__left{flex-direction:column;min-width:0;min-height:0;display:flex}.workspace__arena{background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.workspace__arena-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px 10px;display:flex}.workspace__arena-title{color:#1e293b;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.workspace__arena-title svg{color:#3b82f6;flex-shrink:0}.workspace__timer{color:#7c3aed;background:#f3e8ff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.workspace__timer svg{flex-shrink:0}.workspace__stage{background:linear-gradient(#f7f9fc 0%,#eef3f9 100%);border:1px solid #eef2f7;border-radius:16px;flex:1;min-height:0;margin:0 12px 12px;position:relative;overflow:hidden}.workspace__viewport{position:absolute;inset:0;overflow:hidden}.workspace__viewport canvas{transform-origin:50% 35%!important;width:100%!important;height:100%!important;transform:scale(1.075,1.18)!important}.workspace__cube-host{z-index:5;pointer-events:none;position:absolute;top:10px;right:10px}.workspace__toast{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:40;background:#1e293beb;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;position:absolute;top:18px;left:50%;transform:translate(-50%)translateY(-6px);box-shadow:0 8px 24px #0f172a2e}.workspace__toast.is-show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=960px){:root{--left-card-w:min(340px, 40vw)}.top-nav{padding:0 12px}.top-nav__brand{width:auto}.top-nav__logo{display:none}.top-nav__logo-mark{display:block}.top-nav__actions{min-width:0}.top-nav__action span{display:none}.top-nav__action{justify-content:center;width:36px;padding:0}.top-nav__user-meta{display:none}}@media (width<=720px){.workspace{grid-template-rows:42% 1fr;grid-template-columns:1fr}}.blockly-panel__header-control--run.is-running,.blockly-panel__header-control--run.is-running:disabled{color:#cf4b45!important;cursor:pointer!important;opacity:1!important;background:#fff0ee!important;border-color:#f0bebb!important;transform:none!important;box-shadow:0 3px #cd4b4521!important}.blockly-panel__header-control--run.is-running:hover{color:#b73530!important;background:#ffe7e4!important;border-color:#e9a8a4!important}.workspace.is-challenge-mode .challenge-hud{width:100%;min-height:34px;box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0;position:relative;overflow:visible}.workspace.is-challenge-mode .challenge-hud__main{flex:0 auto;align-items:center;gap:8px;display:flex}.challenge-hud__state{color:#526783;white-space:nowrap;background:#ffffffad;border-radius:9px;align-items:center;gap:7px;min-height:30px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.challenge-hud__state i{background:#4b91e8;border:2px solid #dbeafe;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #4b91e81c}.challenge-hud[data-status=running] .challenge-hud__state{color:#08775b;background:#eaf8f3}.challenge-hud[data-status=running] .challenge-hud__state i{background:#16a77e;border-color:#d3f3e7;box-shadow:0 0 0 2px #16a77e1f}.workspace.is-challenge-mode .challenge-hud__metrics{background:#ffffffb8;border:1px solid #e1e8f2;border-radius:9px;gap:0;min-height:30px;padding:0 4px}.workspace.is-challenge-mode .challenge-hud__metric,.workspace.is-challenge-mode .challenge-hud__metric:first-child,.workspace.is-challenge-mode .challenge-hud__metric+.challenge-hud__metric{color:#536782;background:0 0;border:0;border-radius:0;min-height:28px;margin:0;padding:4px 9px}.workspace.is-challenge-mode .challenge-hud__metric+.challenge-hud__metric:before{background:#dfe6ef;top:7px;bottom:7px}.workspace.is-challenge-mode .challenge-hud__reset,.workspace.is-challenge-mode .challenge-hud__exit{min-height:30px;box-shadow:none;color:#60718a;background:0 0;border:0;border-radius:9px;padding:4px 9px}@media (width<=920px){.challenge-hud__state span{display:none}.challenge-hud__state{justify-content:center;width:30px;padding:0}}.blockly-panel{left:0!important;top:var(--top-nav-h)!important;z-index:30!important;pointer-events:none!important;--bp-w:380px!important;--bp-inset:12px!important;--bp-radius:20px!important;position:fixed!important;bottom:0!important}.blockly-panel--docked{z-index:1!important;pointer-events:auto!important;--bp-w:100%!important;--bp-inset:0!important;width:100%!important;height:100%!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important}.blockly-panel__tab{pointer-events:auto!important;z-index:2!important;writing-mode:vertical-rl!important;letter-spacing:.2em!important;color:#64748b!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-left:none!important;border-radius:0 14px 14px 0!important;padding:20px 11px!important;font-size:13px!important;font-weight:600!important;transition:left .25s,opacity .2s,background .12s,color .12s!important;position:absolute!important;top:50%!important;left:0!important;transform:translateY(-50%)!important;box-shadow:2px 2px 10px #0f172a0f!important}.blockly-panel--docked .blockly-panel__tab{display:none!important}.blockly-panel[data-open=true] .blockly-panel__tab{left:calc(var(--bp-inset) + var(--bp-w) - 2px)!important;writing-mode:horizontal-tb!important;letter-spacing:0!important;color:#94a3b8!important;background:#fff!important;border:1px solid #e2e8f0!important;border-left:none!important;border-radius:0 10px 10px 0!important;padding:6px 10px!important;font-size:12px!important;top:28px!important;transform:none!important;box-shadow:2px 2px 8px #0f172a0d!important}.blockly-panel[data-open=true] .blockly-panel__tab:before{content:"‹ "!important}.blockly-panel__tab:hover{color:#475569!important;background:#f8fafc!important}.blockly-panel__drawer{box-shadow:0 4px 24px #0f172a0f,0 1px 3px #0f172a0a;pointer-events:auto!important;left:var(--bp-inset)!important;top:var(--bp-inset)!important;bottom:var(--bp-inset)!important;width:var(--bp-w)!important;border-radius:var(--bp-radius)!important;transform:translateX(calc(-100% - var(--bp-inset) - 8px))!important;background:#fff!important;border:1px solid #e2e8f0e6!important;flex-direction:column!important;transition:transform .28s cubic-bezier(.22,1,.36,1)!important;display:flex!important;position:absolute!important;overflow:hidden!important}.blockly-panel[data-open=true] .blockly-panel__drawer{transform:translate(0)!important}.blockly-panel--docked .blockly-panel__drawer{border-radius:inherit!important;width:100%!important;height:100%!important;box-shadow:none!important;border:none!important;position:relative!important;top:0!important;bottom:auto!important;left:0!important;transform:none!important}.blockly-panel__header{background:#fff!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:14px 16px 12px!important;display:flex!important}.blockly-panel__title-group{align-items:center!important;gap:6px!important;display:flex!important}.blockly-panel__title{color:#1e293b!important;letter-spacing:.01em!important;font-size:16px!important;font-weight:600!important}.blockly-panel__header-actions{align-items:center!important;gap:4px!important;display:flex!important}.blockly-panel__icon-btn{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;padding:0!important;transition:background .12s,color .12s!important;display:inline-flex!important}.blockly-panel__icon-btn:hover{color:#64748b!important;background:#f1f5f9!important}.blockly-panel__icon-btn:active{background:#e2e8f0!important}.blockly-panel__workspace{background:radial-gradient(circle,#d4dce8 1px,#0000 1.2px) 0 0/18px 18px,#f7f9fc;flex:1!important;width:100%!important;min-height:0!important;position:relative!important;overflow:hidden!important}.blockly-panel__console{color:#e2e8f0!important;background:#0f172a!important;border:1px solid #1e293b!important;border-radius:10px!important;flex-direction:column!important;flex-shrink:0!important;gap:4px!important;max-height:110px!important;margin:0 12px 10px!important;padding:8px 10px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;font-size:11px!important;line-height:1.45!important;display:flex!important}.blockly-panel__console[hidden]{display:none!important}.blockly-panel__console-label{letter-spacing:.06em!important;text-transform:uppercase!important;color:#94a3b8!important;font-size:10px!important;font-weight:600!important}.blockly-panel__console-body{max-height:72px!important;overflow-y:auto!important}.blockly-panel__console-line{white-space:pre-wrap!important;word-break:break-all!important;color:#bbf7d0!important}.blockly-panel__console-line+.blockly-panel__console-line{margin-top:2px!important}.blockly-panel__more-btn{pointer-events:auto!important;z-index:5!important;color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:14px!important;flex-direction:column!important;align-items:center!important;gap:4px!important;width:52px!important;padding:8px 4px!important;font-family:inherit!important;font-size:11px!important;font-weight:500!important;transition:background .12s,color .12s!important;display:flex!important;position:absolute!important;bottom:70px!important;left:6px!important}.blockly-panel[data-open=false] .blockly-panel__more-btn{display:none!important}.blockly-panel__more-btn:hover,.blockly-panel__more-btn.is-tip{color:#64748b!important;background:#f1f5f9!important}.blockly-panel__more-btn svg{display:block!important}.blockly-panel__toolbar{background:#fff!important;border-top:1px solid #f1f5f9!important;flex-shrink:0!important;gap:10px!important;padding:12px 14px 14px!important;display:flex!important}.blockly-panel__btn{cursor:pointer!important;border:none!important;border-radius:12px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:42px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;transition:background .12s,box-shadow .12s,transform .1s,filter .12s!important;display:inline-flex!important}.blockly-panel__btn svg{flex-shrink:0!important}.blockly-panel__btn--run{color:#fff!important;background:#22c55e!important;box-shadow:0 2px 8px #22c55e47!important}.blockly-panel__btn--run:hover{filter:brightness(1.02)!important;background:#16a34a!important}.blockly-panel__btn--run:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important}.blockly-panel__btn--run.is-running,.blockly-panel__btn--run.is-running:disabled{opacity:1!important;cursor:default!important;color:#fff!important;background:#15803d!important;transform:translateY(1px)!important;box-shadow:inset 0 2px 5px #0f172a47!important}.blockly-panel__btn--run.is-tip,.blockly-panel__btn--run.is-tip:disabled{opacity:1!important;cursor:default!important;color:#92400e!important;box-shadow:none!important;background:#fef3c7!important;font-size:12px!important}.blockly-panel__btn--stop{color:#fff!important;background:#f97316!important;box-shadow:0 2px 8px #f9731640!important}.blockly-panel__btn--stop:hover{background:#ea580c!important}.blockly-panel__btn--clear{color:#fff!important;background:#8b5cf6!important;box-shadow:0 2px 8px #8b5cf640!important}.blockly-panel__btn--clear:hover{background:#7c3aed!important}.blockly-panel .blocklyToolbox,.blockly-panel .blocklyToolboxDiv{box-sizing:border-box!important;background:#fff!important;border-right:1px solid #eef2f7!important;width:64px!important;min-width:64px!important;max-width:64px!important;padding:12px 6px 56px!important}.blockly-panel .blocklyToolboxCategoryGroup,.blockly-panel .blocklyToolboxContents{flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important;padding:0!important;display:flex!important}.blockly-panel .blocklyToolboxCategoryContainer{justify-content:center!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}.blockly-panel .blocklyToolboxCategory{text-align:center!important;box-sizing:border-box!important;cursor:pointer!important;white-space:normal!important;width:52px!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:14px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:10px 4px 8px!important;line-height:normal!important;transition:background-color .15s,box-shadow .15s!important;display:flex!important;position:relative!important;overflow:visible!important}.blockly-panel .blocklyToolboxCategory:not(.blocklyToolboxSelected):hover{background:#f8fafc!important}.blockly-panel .blocklyToolboxCategory[data-cat=motion]:before,.blockly-panel .blocklyToolboxCategory[data-cat=control]:before,.blockly-panel .blocklyToolboxCategory[data-cat=sensing]:before,.blockly-panel .blocklyToolboxCategory[data-cat=events]:before,.blockly-panel .blocklyToolboxCategory[data-cat=variables]:before,.blockly-panel .blocklyToolboxCategory[data-cat=operators]:before{content:""!important;background-color:currentColor!important;border-radius:0!important;flex-shrink:0!important;width:22px!important;height:22px!important;margin:0 auto 5px!important;display:block!important;-webkit-mask-position:50%!important;mask-position:50%!important;-webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important}.blockly-panel .blocklyToolboxCategory[data-cat=motion]:before{color:#4c97ff!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 13.5h14l-1.1-3.8A2.2 2.2 0 0 0 15.8 8H8.2a2.2 2.2 0 0 0-2.1 1.7L5 13.5z'/%3E%3Ccircle fill='black' cx='7.6' cy='16' r='2'/%3E%3Ccircle fill='black' cx='16.4' cy='16' r='2'/%3E%3Crect fill='black' x='8' y='5.5' width='8' height='2.2' rx='1'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 13.5h14l-1.1-3.8A2.2 2.2 0 0 0 15.8 8H8.2a2.2 2.2 0 0 0-2.1 1.7L5 13.5z'/%3E%3Ccircle fill='black' cx='7.6' cy='16' r='2'/%3E%3Ccircle fill='black' cx='16.4' cy='16' r='2'/%3E%3Crect fill='black' x='8' y='5.5' width='8' height='2.2' rx='1'/%3E%3C/svg%3E")!important}.blockly-panel .blocklyToolboxCategory[data-cat=control]:before{color:#ff9f1a!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 6.2L5.2 9.5l3.3 3.3V10.5h5.2a3.2 3.2 0 0 1 0 6.4H12v2h1.7a5.2 5.2 0 0 0 0-10.4H8.5V6.2z'/%3E%3Cpath fill='black' d='M15.5 17.8l3.3-3.3-3.3-3.3v2.3h-5.2a3.2 3.2 0 0 1 0-6.4H12v-2h-1.7a5.2 5.2 0 0 0 0 10.4h5.2v2.3z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8.5 6.2L5.2 9.5l3.3 3.3V10.5h5.2a3.2 3.2 0 0 1 0 6.4H12v2h1.7a5.2 5.2 0 0 0 0-10.4H8.5V6.2z'/%3E%3Cpath fill='black' d='M15.5 17.8l3.3-3.3-3.3-3.3v2.3h-5.2a3.2 3.2 0 0 1 0-6.4H12v-2h-1.7a5.2 5.2 0 0 0 0 10.4h5.2v2.3z'/%3E%3C/svg%3E")!important}.blockly-panel .blocklyToolboxCategory[data-cat=sensing]:before{color:#2dd4bf!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect fill='black' x='2.5' y='6' width='19' height='12' rx='2.5'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect fill='black' x='2.5' y='6' width='19' height='12' rx='2.5'/%3E%3C/svg%3E")!important}.blockly-panel .blocklyToolboxCategory[data-cat=events]:before{color:#ffbf00!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 2.5h2v3h11l-2.4 4L18 14H7v7.5H5v-19z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 2.5h2v3h11l-2.4 4L18 14H7v7.5H5v-19z'/%3E%3C/svg%3E")!important}.blockly-panel .blocklyToolboxCategory[data-cat=variables]:before{color:#a855f7!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect fill='black' x='3' y='5' width='18' height='14' rx='5'/%3E%3Cpath fill='white' d='M8 9h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect fill='black' x='3' y='5' width='18' height='14' rx='5'/%3E%3Cpath fill='white' d='M8 9h8v2H8zm0 4h5v2H8z'/%3E%3C/svg%3E")!important}.blockly-panel .blocklyToolboxCategory[data-cat=operators]:before{color:#59c059!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4h2v3h3v2H7v3H5V9H2V7h3V4zm8 3h9v2h-9V7zm2 7 2 2 2-2 1.4 1.4-2 2 2 2-1.4 1.4-2-2-2 2-1.4-1.4 2-2-2-2L15 14z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4h2v3h3v2H7v3H5V9H2V7h3V4zm8 3h9v2h-9V7zm2 7 2 2 2-2 1.4 1.4-2 2 2 2-1.4 1.4-2-2-2 2-1.4-1.4 2-2-2-2L15 14z'/%3E%3C/svg%3E")!important}.blockly-panel .blocklyToolboxCategory[data-cat=control].blocklyToolboxSelected{background:#ff9f1a!important;box-shadow:0 4px 12px #ff9f1a59!important}.blockly-panel .blocklyToolboxCategory[data-cat=sensing].blocklyToolboxSelected{background:#2dd4bf!important;box-shadow:0 4px 12px #2dd4bf59!important}.blockly-panel .blocklyToolboxCategory[data-cat=events].blocklyToolboxSelected{background:#ffbf00!important;box-shadow:0 4px 12px #ffbf0059!important}.blockly-panel .blocklyToolboxCategory[data-cat=variables].blocklyToolboxSelected{background:#a855f7!important;box-shadow:0 4px 12px #a855f759!important}.blockly-panel .blocklyToolboxCategory[data-cat=operators].blocklyToolboxSelected{background:#59c059!important;box-shadow:0 4px 12px #59c05959!important}.blockly-panel .blocklyToolboxCategory.blocklyToolboxSelected:before{color:#fff!important}.blockly-panel .blocklyToolboxCategory:after{content:none!important;display:none!important}.blockly-panel .blocklyTreeRowContentContainer{pointer-events:none!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0!important;display:flex!important}.blockly-panel .blocklyToolboxCategoryLabel{letter-spacing:0!important;color:#64748b!important;white-space:nowrap!important;text-align:center!important;text-shadow:none!important;padding:0!important;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif!important;font-size:11px!important;font-weight:500!important;line-height:1.2!important}.blockly-panel .blocklyToolboxCategory[data-cat=motion] .blocklyToolboxCategoryLabel{color:#4c97ff!important}.blockly-panel .blocklyToolboxCategory[data-cat=control] .blocklyToolboxCategoryLabel{color:#e08a00!important}.blockly-panel .blocklyToolboxCategory[data-cat=sensing] .blocklyToolboxCategoryLabel{color:#0d9488!important}.blockly-panel .blocklyToolboxCategory[data-cat=events] .blocklyToolboxCategoryLabel{color:#b77900!important}.blockly-panel .blocklyToolboxCategory[data-cat=variables] .blocklyToolboxCategoryLabel{color:#7e22ce!important}.blockly-panel .blocklyToolboxCategory[data-cat=operators] .blocklyToolboxCategoryLabel{color:#2f8f46!important}.blockly-panel .blocklyToolboxSelected .blocklyToolboxCategoryLabel{color:#fff!important;font-weight:600!important}.blockly-panel .blocklyToolboxCategoryIcon,.blockly-panel .blocklyToolboxCategoryIconClosed,.blockly-panel .blocklyToolboxCategoryIconOpen{visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.blockly-panel .blocklyFlyoutBackground{fill:#f3f6fa!important;fill-opacity:1!important}.blockly-panel .blocklyMainBackground{stroke:none!important;fill:#0000!important}.blockly-panel .blocklyScrollbarHandle{fill:#c5cdd8!important;fill-opacity:.75!important}.blockly-panel .blocklyFlyout{border-right:1px solid #eef2f7!important}.view-cube{right:16px;top:calc(var(--top-nav-h) + 16px);z-index:20;-webkit-user-select:none;user-select:none;pointer-events:none;width:100px;position:fixed}.view-cube--embedded{z-index:5;pointer-events:none;width:88px;position:relative;top:auto;right:auto}.view-cube--embedded .view-cube__stage{filter:drop-shadow(0 3px 10px #283c5a24);width:88px;height:88px}.view-cube__stage{perspective:480px;perspective-origin:50%;pointer-events:auto;cursor:default;filter:drop-shadow(0 4px 12px #283c5a2e);width:100px;height:100px;position:relative}.view-cube__cube{width:52px;height:52px;transform-style:preserve-3d;margin:-26px 0 0 -26px;transition:transform 50ms linear;position:absolute;top:50%;left:50%}.view-cube__face{color:#5a6575;cursor:pointer;backface-visibility:hidden;background:#f4f6f9;border:1px solid #a0aab9d9;outline:none;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute}.view-cube__face:hover{color:#3a4a60;background:#e8eef8;border-color:#8aa0c0}.view-cube__face.is-active{color:#2b4a75;background:#dfe8f6;border-color:#6a8fc0}.face-front{transform:translateZ(26px)}.face-back{transform:rotateY(180deg)translateZ(26px)}.face-right{transform:rotateY(90deg)translateZ(26px)}.face-left{transform:rotateY(-90deg)translateZ(26px)}.face-top{color:#7a6a50;background:#f7f0df;transform:rotateX(90deg)translateZ(26px)}.face-bottom{color:#6a7380;background:#e8ebf0;font-size:12px;transform:rotateX(-90deg)translateZ(26px)}.face-top:hover{background:#f0e6cc}.face-bottom:hover{background:#dde2ea}.face-top.is-active{color:#5a4a35;background:#ebe0c4}.face-bottom.is-active{color:#3a4555;background:#d5dae3}.view-cube__edge{cursor:pointer;backface-visibility:visible;background:#508cdc26;border:none;outline:none;padding:0;transition:background .12s,box-shadow .12s;position:absolute}.view-cube__edge:hover,.view-cube__edge.is-active{background:#3c82e6bf;box-shadow:0 0 0 1px #ffffff80}.view-cube__edge--v{border-radius:3px;width:12px;height:52px;top:0;left:20px}.view-cube__edge--h{border-radius:3px;width:52px;height:12px;top:20px;left:0}.edge-front-left{transform:translate3d(-26px,0,26px)rotateY(-45deg)}.edge-front-right{transform:translate3d(26px,0,26px)rotateY(45deg)}.edge-back-left{transform:translate3d(-26px,0,-26px)rotateY(45deg)}.edge-back-right{transform:translate3d(26px,0,-26px)rotateY(-45deg)}.edge-top-front{transform:rotateX(90deg)translate3d(0,26px,26px)}.edge-top-back{transform:rotateX(90deg)translate3d(0,-26px,26px)}.edge-top-left{transform:rotateX(90deg)rotate(90deg)translate3d(0,26px,26px)}.edge-top-right{transform:rotateX(90deg)rotate(90deg)translate3d(0,-26px,26px)}.view-cube__corner3d{cursor:pointer;background:#c8b48c59;border:none;border-radius:3px;outline:none;width:14px;height:14px;padding:0;transition:background .12s;position:absolute;top:19px;left:19px}.view-cube__corner3d:hover,.view-cube__corner3d.is-active{background:#d2aa5ad9}.corner-3d-se{transform:translate3d(26px,-26px,26px)}.corner-3d-sw{transform:translate3d(-26px,-26px,26px)}.corner-3d-ne{transform:translate3d(26px,-26px,-26px)}.corner-3d-nw{transform:translate3d(-26px,-26px,-26px)}:root{--top-nav-h:72px;--page-pad-x:21px;--card-radius:21px;--card-border:#d6e2f4eb;--card-shadow:0 8px 24px #395b8d14, inset 0 1px 0 #fffffff5;--page-bg:#f3f7ff;--left-card-w:clamp(390px, 29.8vw, 480px)}body{color:#10164a;background:radial-gradient(circle at 50% 30%,#fffffff5,#0000 48%),linear-gradient(#edf4ff 0%,#f8fbff 54%,#eef5ff 100%)}body:after{content:"";z-index:1000;pointer-events:none;border:2px solid #83b8ff85;border-radius:21px;position:fixed;inset:0;box-shadow:inset 0 0 28px #4b87ff0d}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2f7bff6b}.top-nav{height:var(--top-nav-h);align-items:center;justify-content:initial;border-bottom-color:#e6eef9;grid-template-columns:minmax(200px,1fr) auto minmax(200px,1fr);gap:12px;padding:0 28px;display:grid;box-shadow:0 2px 12px #2f5b9a09}.top-nav__brand{justify-self:start;width:auto;max-width:280px}.top-nav__logo{object-fit:contain;width:auto;max-width:260px;height:42px;max-height:48px}.top-nav__menu{flex:none;justify-self:center;gap:8px;transform:none!important}.top-nav__tab{color:#192047;border-radius:999px;min-width:96px;height:44px;padding:0 22px;font-size:16px;font-weight:600;transition:color .2s,background .2s,box-shadow .2s}.top-nav__tab.is-active{background:linear-gradient(#1885ff 0%,#0875f5 100%);box-shadow:0 8px 18px #1579ff38,inset 0 1px #fff3}.top-nav__actions{justify-content:flex-end;justify-self:end;gap:12px;width:auto;min-width:0}.top-nav__action{color:#182047;border-color:#e7eef8;border-radius:12px;flex-direction:row;justify-content:center;gap:6px;width:auto;height:42px;padding:0 14px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #2d4e800d}.top-nav__action svg{color:#087bff;stroke-width:1.8px;width:18px;height:18px}.top-nav__user{gap:10px;padding:2px 4px 2px 2px}.top-nav__user-level{background:linear-gradient(90deg,#7854ee,#8e45f5);padding:1px 9px;font-size:11px}.workspace-host{top:var(--top-nav-h);padding:var(--page-pad) var(--page-edge-x);background:0 0}.workspace{gap:20px}.card-panel{border-color:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.workspace__arena-header,.blockly-panel__header{background:#fffffff5!important;border-bottom:1px solid #dfe8f4!important;height:74px!important;padding:0 28px!important}.workspace__arena-title,.blockly-panel__title{color:#10164a!important;letter-spacing:0!important;font-size:21px!important;font-weight:700!important}.workspace__arena-title{gap:11px}.workspace__arena-title svg{color:#087cff;stroke-width:1.9px;width:27px;height:27px}.workspace__timer{color:#8954f5;background:linear-gradient(90deg,#f1ebff,#f5eeff);border-radius:16px;justify-content:center;min-width:154px;padding:9px 17px;font-size:15px}.workspace__timer svg{width:18px;height:18px}.workspace__stage{background:linear-gradient(#f8fbff,#f3f7fd);border:0;border-radius:0;margin:0 3px 12px}.blockly-panel__title-group{gap:12px!important}.blockly-panel__icon-btn{color:#88a4c8!important;background:#fff!important;border:1px solid #e8eef7!important;border-radius:12px!important;width:36px!important;height:36px!important;box-shadow:0 3px 8px #3354820e!important}.blockly-panel__title-group .blockly-panel__icon-btn{width:23px!important;height:23px!important;box-shadow:none!important;background:0 0!important;border:0!important}.blockly-panel__workspace{background:radial-gradient(circle,#7e9dca33 1px,#0000 1.1px) 0 0/18px 18px,#fff;width:auto!important;margin:0 12px!important}.blockly-panel .blocklyToolbox,.blockly-panel .blocklyToolboxDiv{background:#fafcfff5!important;border:1px solid #e3eaf5!important;border-radius:19px!important;width:78px!important;min-width:78px!important;max-width:78px!important;margin:18px 0 18px 2px!important;padding:0 7px 74px!important;box-shadow:0 4px 13px #375b8d0b!important}.blockly-panel .blocklyToolboxCategoryGroup,.blockly-panel .blocklyToolboxContents{gap:0!important}.blockly-panel .blocklyToolboxCategory{border-radius:18px!important;width:76px!important;margin-left:-7px!important;padding:15px 4px 12px!important}.blockly-panel .blocklyToolboxCategoryContainer,.blockly-panel .blocklyToolboxCategory,.blockly-panel .blocklyToolboxCategoryContainer:focus,.blockly-panel .blocklyToolboxCategoryContainer:focus-visible,.blockly-panel .blocklyToolboxCategory:focus,.blockly-panel .blocklyToolboxCategory:focus-visible,.blockly-panel .blocklyToolboxCategory.blocklyActiveFocus{outline-offset:0!important;outline:none!important}.blockly-panel .blocklyToolboxCategory[data-cat=motion].blocklyToolboxSelected{background:linear-gradient(#1989ff,#0875f5)!important;box-shadow:0 7px 15px #107cff47!important}.blockly-panel .blocklyToolboxCategory[data-cat=motion]:before,.blockly-panel .blocklyToolboxCategory[data-cat=control]:before,.blockly-panel .blocklyToolboxCategory[data-cat=sensing]:before,.blockly-panel .blocklyToolboxCategory[data-cat=events]:before,.blockly-panel .blocklyToolboxCategory[data-cat=variables]:before,.blockly-panel .blocklyToolboxCategory[data-cat=operators]:before{width:27px!important;height:27px!important;margin-bottom:7px!important}.blockly-panel .blocklyToolboxCategoryLabel{color:#24436c!important;font-size:14px!important;font-weight:600!important}.blockly-panel .blocklyMainBackground{fill:#0000!important}.blockly-panel .blocklyText,.blockly-panel .blocklyEditableText>text{font-size:15px!important;font-weight:600!important}.blockly-panel__more-btn{z-index:100!important;color:#48678f!important;width:44px!important;padding:10px 4px!important;font-size:14px!important;font-weight:600!important;bottom:181px!important;left:29px!important}.blockly-panel__more-btn svg{color:#0b81ff!important;width:29px!important;height:29px!important}.blockly-panel__toolbar{background:radial-gradient(circle at 44% 8px,#37d7a4 2px,#0000 3px),radial-gradient(circle at 46% 8px,#5b8cff 2px,#0000 3px),radial-gradient(circle at 48% 8px,#8758f5 2px,#0000 3px),linear-gradient(#fbfdff 0%,#f4f9ff 100%);box-shadow:0 -7px 18px #31568b14,inset 0 1px #fff;border:1px solid #dce7f4!important;border-top-color:#cbdcf0!important;border-radius:0 0 19px 19px!important;gap:15px!important;height:110px!important;margin:0 11px 12px!important;padding:22px 14px 16px!important}.blockly-panel__btn{color:#fff!important;border:1px solid #ffffff8c!important;border-radius:21px!important;gap:9px!important;height:65px!important;font-size:18px!important;font-weight:700!important;transition:filter .2s,box-shadow .2s,transform .15s!important}.blockly-panel__btn svg{width:26px!important;height:26px!important}.blockly-panel__btn--run{box-shadow:0 8px 16px #00ab6f4d,inset 0 2px 3px #ffffff61;background:linear-gradient(135deg,#05a66b 0%,#13d78a 58%,#7bf0b9 100%)!important}.blockly-panel__btn--stop{box-shadow:0 8px 16px #ff462f4d,inset 0 2px 3px #ffffff61;background:linear-gradient(135deg,#ff391f 0%,#ff654f 58%,#ff9587 100%)!important}.blockly-panel__btn--clear{box-shadow:0 8px 16px #7e32e847,inset 0 2px 3px #ffffff61;background:linear-gradient(135deg,#7225e8 0%,#9948f7 58%,#c487ff 100%)!important}.workspace__cube-host{top:15px;right:18px}.view-cube--embedded,.view-cube--embedded .view-cube__stage{width:92px;height:92px}.view-cube--embedded .view-cube__stage{filter:drop-shadow(0 8px 8px #2b528733)}.view-cube__face{color:#132061;background:#fafdfff2;border:2px solid #5696e6b8;font-size:14px;font-weight:700}.face-top{background:#fff0d4;border-color:#e6b971}@media (width<=1180px){:root{--left-card-w:clamp(340px, 31vw, 420px)}.top-nav{grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);padding:0 18px}.top-nav__brand{max-width:200px}.top-nav__logo{max-width:200px;height:36px}.top-nav__actions{gap:8px}.top-nav__tab{min-width:80px;padding:0 16px;font-size:15px}}@media (width<=720px){:root{--top-nav-h:76px}.top-nav{height:var(--top-nav-h)}.workspace-host{padding:12px}.workspace{grid-template-rows:minmax(360px,48%) minmax(420px,1fr)}body{overflow:auto}.workspace-host{min-height:940px;position:absolute}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.blockly-panel .blocklyFlyoutButton{cursor:pointer!important;outline:none!important}.blockly-panel .blocklyFlyoutButtonShadow{fill:#7e22ce3d!important;transform:translateY(2px)!important}.blockly-panel .blocklyFlyoutButtonBackground{fill:#a855f7!important;stroke:#9333ea!important;stroke-width:1.2px!important;rx:12px!important;ry:12px!important;filter:drop-shadow(0 3px 5px #7e22ce2e)!important;transition:fill .18s,stroke .18s,filter .18s!important}.blockly-panel .blocklyFlyoutButton .blocklyText{fill:#fff!important;letter-spacing:.2px!important;font-weight:700!important}.blockly-panel .blocklyFlyoutButton:hover .blocklyFlyoutButtonBackground,.blockly-panel .blocklyFlyoutButton.blocklyActiveFocus .blocklyFlyoutButtonBackground{fill:#9333ea!important;stroke:#7e22ce!important;filter:drop-shadow(0 5px 7px #7e22ce40)!important}.blockly-panel .blocklyFlyoutButton:active .blocklyFlyoutButtonBackground{fill:#7e22ce!important;filter:drop-shadow(0 1px 2px #7e22ce33)!important}.blockly-app-dialog__backdrop{z-index:12000!important;-webkit-backdrop-filter:blur(5px)!important;opacity:0!important;background:#1e293b47!important;place-items:center!important;padding:24px!important;transition:opacity .18s!important;display:grid!important;position:fixed!important;inset:0!important}.blockly-app-dialog__backdrop.is-visible{opacity:1!important}.blockly-app-dialog__backdrop.is-closing{opacity:0!important;pointer-events:none!important}.blockly-app-dialog{background:radial-gradient(circle at 92% 8%,#d8b4fe47,#0000 32%),#fff;box-shadow:0 24px 60px #33276433,0 4px 14px #6344aa1a,inset 0 1px #ffffffe6;color:#1e1b4b!important;opacity:0!important;border:1px solid #c4b5fdbf!important;border-radius:24px!important;width:min(420px,100%)!important;padding:25px!important;transition:transform .2s,opacity .18s!important;transform:translateY(12px)scale(.97)!important}.blockly-app-dialog__backdrop.is-visible .blockly-app-dialog{opacity:1!important;transform:translateY(0)scale(1)!important}.blockly-app-dialog__top{align-items:flex-start!important;gap:14px!important;display:flex!important}.blockly-app-dialog__icon{color:#9333ea!important;background:linear-gradient(145deg,#faf5ff,#f3e8ff)!important;border:1px solid #e9d5ff!important;border-radius:16px!important;flex:0 0 48px!important;place-items:center!important;width:48px!important;height:48px!important;display:grid!important;box-shadow:0 5px 12px #9333ea1f!important}.blockly-app-dialog__copy{min-width:0!important;padding-top:1px!important}.blockly-app-dialog__title{color:#312e81!important;margin:0!important;font-family:PingFang SC,Microsoft YaHei,sans-serif!important;font-size:20px!important;font-weight:750!important;line-height:1.35!important}.blockly-app-dialog__description{color:#64748b!important;margin:6px 0 0!important;font-size:13px!important;font-weight:500!important;line-height:1.6!important}.blockly-app-dialog__field{flex-direction:column!important;gap:8px!important;margin-top:22px!important;display:flex!important}.blockly-app-dialog__field-label{color:#4338ca!important;font-size:13px!important;font-weight:700!important}.blockly-app-dialog__input{color:#1e1b4b!important;box-sizing:border-box!important;caret-color:#7c3aed!important;background:#fafaff!important;border:2px solid #ddd6fe!important;border-radius:14px!important;outline:none!important;width:100%!important;height:48px!important;padding:0 15px!important;font:600 15px/1.2 PingFang SC,Microsoft YaHei,sans-serif!important;transition:border-color .18s,box-shadow .18s,background .18s!important}.blockly-app-dialog__input::placeholder{color:#a5b4c7!important;font-weight:500!important}.blockly-app-dialog__input:focus{background:#fff!important;border-color:#8b5cf6!important;box-shadow:0 0 0 4px #8b5cf624!important}.blockly-app-dialog__input.is-invalid{border-color:#fb7185!important;box-shadow:0 0 0 4px #fb71851f!important}.blockly-app-dialog__hint{color:#7c8ba1!important;font-size:12px!important;line-height:1.5!important}.blockly-app-dialog__actions{justify-content:flex-end!important;gap:10px!important;margin-top:24px!important;display:flex!important}.blockly-app-dialog__button{cursor:pointer!important;border-radius:13px!important;min-width:88px!important;height:42px!important;padding:0 18px!important;font:700 14px/1 PingFang SC,Microsoft YaHei,sans-serif!important;transition:background-color .18s,border-color .18s,box-shadow .18s!important}.blockly-app-dialog__button--cancel{color:#52627a!important;background:#fff!important;border:1px solid #dbe3ef!important}.blockly-app-dialog__button--cancel:hover{background:#f8fafc!important;border-color:#c7d2e2!important}.blockly-app-dialog__button--confirm{color:#fff!important;background:linear-gradient(135deg,#a855f7,#7c3aed)!important;border:1px solid #7c3aed!important;box-shadow:0 6px 14px #7c3aed40!important}.blockly-app-dialog__button--confirm:hover{background:linear-gradient(135deg,#9333ea,#6d28d9)!important;border-color:#6d28d9!important;box-shadow:0 8px 18px #6d28d94d!important}.blockly-app-dialog__button:focus-visible{outline-offset:3px!important;outline:3px solid #6366f152!important}@media (width<=560px){.blockly-app-dialog__backdrop{padding:16px!important}.blockly-app-dialog{border-radius:20px!important;padding:21px 18px!important}.blockly-app-dialog__actions{grid-template-columns:1fr 1fr!important;display:grid!important}.blockly-app-dialog__button{width:100%!important}}.workspace-host:not(.is-challenge-mode){background:radial-gradient(circle at 5% 12%,#6fbeff33 0 74px,#0000 75px),radial-gradient(circle at 94% 17%,#ffd36926 0 96px,#0000 97px),radial-gradient(circle at 86% 88%,#ad92ff21 0 118px,#0000 119px),radial-gradient(circle,#698fc71f 1px,#0000 1.3px) 0 0/25px 25px,linear-gradient(145deg,#eef6ff 0%,#f6f9ff 54%,#f5f1ff 100%)}body.page-learn .learn-host{background:radial-gradient(circle at 5% 10%,#63b3ff38 0 78px,#0000 79px),radial-gradient(circle at 91% 13%,#63d8b826 0 112px,#0000 113px),radial-gradient(circle at 82% 88%,#ffd36521 0 92px,#0000 93px),radial-gradient(circle,#5a8dc91c 1px,#0000 1.3px) 0 0/26px 26px,linear-gradient(145deg,#eef7ff 0%,#f7fbff 50%,#f0fbf7 100%)}body.page-works .works-host{background:radial-gradient(circle at 7% 15%,#75b4ff33 0 92px,#0000 93px),radial-gradient(circle at 95% 9%,#b496ff29 0 82px,#0000 83px),radial-gradient(circle at 88% 86%,#ffbe711f 0 126px,#0000 127px),radial-gradient(circle,#6b80c41c 1px,#0000 1.3px) 0 0/26px 26px,linear-gradient(145deg,#f0f7ff 0%,#f8f9ff 48%,#f5f1ff 100%)}body.page-challenge .challenge-host{background:radial-gradient(circle at 4% 9%,#58a9ff3b 0 88px,#0000 89px),radial-gradient(circle at 96% 15%,#ffcc522e 0 104px,#0000 105px),radial-gradient(circle at 77% 91%,#5ed6b221 0 128px,#0000 129px),radial-gradient(circle,#5789c71f 1px,#0000 1.3px) 0 0/25px 25px,linear-gradient(145deg,#edf6ff 0%,#f8fbff 50%,#f4f8ff 100%)}body.page-profile .profile-host{background:radial-gradient(circle at 5% 8%,#64b5ff33 0 86px,#0000 87px),radial-gradient(circle at 94% 12%,#ae91ff26 0 108px,#0000 109px),radial-gradient(circle at 87% 90%,#61d3b31f 0 118px,#0000 119px),radial-gradient(circle,#6687c01c 1px,#0000 1.3px) 0 0/26px 26px,linear-gradient(145deg,#eef6ff 0%,#f8f9ff 48%,#f5f2ff 100%)}body.page-sub .sub-host:not(.challenge-play-host){background:radial-gradient(circle at 6% 11%,#67b5ff33 0 82px,#0000 83px),radial-gradient(circle at 94% 16%,#b497ff24 0 108px,#0000 109px),radial-gradient(circle at 82% 91%,#ffcc5b1f 0 116px,#0000 117px),radial-gradient(circle,#6389c21c 1px,#0000 1.3px) 0 0/26px 26px,linear-gradient(145deg,#eef6ff 0%,#f8faff 52%,#f5f2ff 100%)}body.page-login .login-host,body.page-auth .auth-host{background:radial-gradient(circle at 8% 13%,#60b3ff40 0 92px,#0000 93px),radial-gradient(circle at 92% 12%,#ffcf5b29 0 112px,#0000 113px),radial-gradient(circle at 88% 88%,#ad8fff29 0 132px,#0000 133px),radial-gradient(circle at 13% 86%,#5dd3b21f 0 104px,#0000 105px),radial-gradient(circle,#5b89c61c 1px,#0000 1.3px) 0 0/27px 27px,linear-gradient(145deg,#edf6ff 0%,#f8faff 50%,#f4f0ff 100%)}@media (width<=720px){.workspace-host:not(.is-challenge-mode),body.page-learn .learn-host,body.page-works .works-host,body.page-challenge .challenge-host,body.page-profile .profile-host,body.page-sub .sub-host:not(.challenge-play-host){background-size:auto,auto,auto,30px 30px,auto}}@media (prefers-reduced-motion:reduce){.blockly-panel .blocklyFlyoutButtonBackground,.blockly-app-dialog__backdrop,.blockly-app-dialog{transition:none!important}}@media (width>=721px){:root{--top-nav-h:72px;--card-radius:17px;--left-card-w:clamp(330px, 26vw, 380px)}.top-nav{height:var(--top-nav-h);grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);gap:12px;padding:0 22px;display:grid}.top-nav__brand{justify-self:start;width:auto;max-width:240px}.top-nav__logo{width:auto;max-width:230px;height:38px;max-height:42px}.top-nav__menu{flex:none;justify-self:center;gap:6px;transform:none!important}.top-nav__tab{border-radius:14px;min-width:88px;height:42px;padding:0 19px;font-size:15px}.top-nav__actions{justify-self:end;gap:10px;min-width:0}.top-nav__action{border-radius:12px;flex-direction:row;gap:5px;width:auto;height:38px;padding:0 12px;font-size:13px}.top-nav__action svg{width:19px;height:19px}.top-nav__user{gap:9px}.top-nav__avatar{width:44px;height:44px}.top-nav__user-name{font-size:13px}.top-nav__user-level{padding:1px 8px;font-size:10px}.workspace-host{top:var(--top-nav-h);padding:17px 18px 18px}.workspace{gap:14px}.workspace__arena-header,.blockly-panel__header{height:58px;padding:0 20px}.workspace__arena-title,.blockly-panel__title{font-size:17px}.workspace__arena-title{gap:8px}.workspace__arena-title svg{width:22px;height:22px}.workspace__timer{border-radius:13px;min-width:126px;padding:7px 13px;font-size:12px}.workspace__timer svg{width:15px;height:15px}.blockly-panel__title-group{gap:8px}.blockly-panel__icon-btn{border-radius:10px;width:30px;height:30px}.blockly-panel__header-actions{gap:5px}.blockly-panel__workspace{margin:0 8px}.blockly-panel .blocklyToolbox,.blockly-panel .blocklyToolboxDiv{border-radius:15px;width:62px;min-width:62px;max-width:62px;margin:12px 0 12px 1px;padding:0 5px 58px}.blockly-panel .blocklyToolboxCategory{border-radius:14px;width:60px;margin-left:-5px;padding:11px 3px 9px}.blockly-panel .blocklyToolboxCategory[data-cat=motion]:before,.blockly-panel .blocklyToolboxCategory[data-cat=control]:before,.blockly-panel .blocklyToolboxCategory[data-cat=sensing]:before,.blockly-panel .blocklyToolboxCategory[data-cat=events]:before,.blockly-panel .blocklyToolboxCategory[data-cat=variables]:before,.blockly-panel .blocklyToolboxCategory[data-cat=operators]:before{width:21px;height:21px;margin-bottom:5px}.blockly-panel .blocklyToolboxCategoryLabel{font-size:11px}.blockly-panel .blocklyText,.blockly-panel .blocklyEditableText>text{font-size:13px}.blockly-panel__more-btn{width:38px;padding:7px 2px;font-size:11px;bottom:142px;left:20px}.blockly-panel__more-btn svg{width:23px;height:23px}.blockly-panel__toolbar{border-radius:0 0 15px 15px;gap:10px;height:84px;margin:0 8px 8px;padding:16px 10px 11px}.blockly-panel__btn{border-radius:16px;gap:6px;height:52px;font-size:14px}.blockly-panel__btn svg{width:20px;height:20px}.workspace__cube-host{transform-origin:100% 0;top:11px;right:13px;transform:scale(.82)}.workspace__viewport canvas{transform-origin:50% 38%;transform:scale(1.01,1.08)}}.blockly-panel__header-actions{gap:10px!important}.workspace.is-blockly-expanded{--left-card-w:min(52vw, 840px)!important}.blockly-panel__expand-btn{transition:background .2s,border-color .2s,color .2s,box-shadow .2s;appearance:none!important;color:#6483aa!important;cursor:pointer!important;background:#fff!important;border:1px solid #dce7f4!important;border-radius:11px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;display:inline-flex!important;box-shadow:0 3px 8px #2d4e800f!important}.blockly-panel__expand-btn:hover{color:#1677e8!important;background:#f3f8ff!important;border-color:#b9d6f8!important}.blockly-panel__expand-btn.is-active{color:#fff!important;background:#1680f5!important;border-color:#1680f5!important;box-shadow:0 4px 10px #1680f538!important}.blockly-panel__expand-btn svg{width:17px!important;height:17px!important}.blockly-panel__header-control{transition:background .2s,border-color .2s,color .2s,box-shadow .2s;appearance:none!important;cursor:pointer!important;background:#fff!important;border:1px solid #dce8e4!important;border-radius:11px!important;justify-content:center!important;align-items:center!important;gap:7px!important;min-width:86px!important;height:40px!important;padding:0 14px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important;box-shadow:0 3px 8px #2d4e800f!important}.blockly-panel__header-control svg{flex-shrink:0!important;width:17px!important;height:17px!important}.blockly-panel__header-control--run,.blockly-panel__header-control--run.blockly-panel__btn--run{color:#0caf73!important;background:#fff!important;border-color:#d5ebe2!important;box-shadow:0 3px 8px #0caf7314!important}.blockly-panel__header-control--run:hover,.blockly-panel__header-control--run.blockly-panel__btn--run:hover{color:#07945f!important;background:#f1fcf7!important;border-color:#aee0cd!important}.blockly-panel__header-control--stop,.blockly-panel__header-control--stop.blockly-panel__btn--stop{color:#ff5144!important;background:#fff!important;border-color:#f3dfdc!important;box-shadow:0 3px 8px #ff514412!important}.blockly-panel__header-control--stop:hover,.blockly-panel__header-control--stop.blockly-panel__btn--stop:hover{color:#e53e32!important;background:#fff6f4!important;border-color:#f2c1bb!important}.blockly-panel__header-control--run.is-running,.blockly-panel__header-control--run.is-running:disabled{color:#087f53!important;background:#eaf9f2!important;border-color:#a9ddc8!important;transform:none!important;box-shadow:inset 0 1px 3px #077f531f!important}.blockly-panel__header-control--run.is-tip,.blockly-panel__header-control--run.is-tip:disabled{color:#9a6700!important;box-shadow:none!important;background:#fff9e9!important;border-color:#f5d78f!important;font-size:12px!important}.blockly-panel__header-control:disabled{cursor:default!important}@media (width>=721px){.blockly-panel__header-actions{gap:7px!important}.blockly-panel__expand-btn{border-radius:9px!important;width:32px!important;height:32px!important}.blockly-panel__expand-btn svg{width:14px!important;height:14px!important}.blockly-panel__header-control{border-radius:9px!important;gap:5px!important;min-width:68px!important;height:32px!important;padding:0 10px!important;font-size:12px!important}.blockly-panel__header-control svg{width:14px!important;height:14px!important}.blockly-panel__more-btn{bottom:200px!important}}@media (width<=720px){.blockly-panel__expand-btn{display:none!important}}.learn-host{top:var(--top-nav-h);z-index:12;padding:var(--page-pad);background:var(--page-bg,#eef3fa);position:fixed;bottom:0;left:0;right:0;overflow:auto}.learn-host[hidden]{display:none}body.page-learn .workspace-host{visibility:hidden;pointer-events:none}.learn{grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:start;gap:16px;max-width:1440px;min-height:100%;margin:0 auto;display:grid}.learn__aside{flex-direction:column;gap:14px;display:flex;position:sticky;top:0}.learn__main{flex-direction:column;gap:14px;min-width:0;display:flex}.learn-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:20px;padding:18px;box-shadow:0 4px 24px #0f172a0a}.learn-welcome{background:radial-gradient(circle at 90% 20%,#93c5fd59,#0000 45%),radial-gradient(circle at 10% 80%,#bfdbfe66,#0000 40%),linear-gradient(145deg,#f0f7ff 0%,#fff 55%);justify-content:space-between;align-items:center;gap:8px;padding:20px 16px 16px 20px;display:flex;overflow:hidden}.learn-welcome__title{color:#1e293b;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.35}.learn-welcome__title .welcome-icon,.works-welcome__title .welcome-icon{vertical-align:-3px;color:#2f7bff;margin-left:2px;display:inline-block}.learn-welcome__sub{color:#64748b;margin:0;font-size:13px;line-height:1.5}.learn-welcome__art{flex-shrink:0;justify-content:center;align-items:center;width:108px;height:108px;display:flex}.learn-welcome__art svg{width:108px;height:108px}.learn-progress__head{color:#1e293b;align-items:center;gap:6px;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.learn-icon-btn{appearance:none;color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px;display:inline-flex}.learn-icon-btn:hover{color:#64748b;background:#f1f5f9}.learn-progress__body{align-items:center;gap:16px;margin-bottom:16px;display:flex}.learn-ring{--p:33;background:conic-gradient(#3b82f6 calc(var(--p) * 1%), #e8eef7 0);border-radius:50%;flex-shrink:0;place-items:center;width:96px;height:96px;display:grid}.learn-ring__inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:72px;height:72px;display:flex}.learn-ring__inner strong{color:#1e293b;font-size:20px;font-weight:700;line-height:1}.learn-ring__inner span{color:#94a3b8;font-size:11px}.learn-progress__meta{flex:1;min-width:0}.learn-progress__row{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.learn-progress__row strong{color:#1e293b;font-weight:600}.learn-progress__row--muted{margin-top:10px;margin-bottom:0;font-size:12px}.learn-progress__bar{background:#e8eef7;border-radius:999px;height:8px;overflow:hidden}.learn-progress__bar i{border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#3b82f6);height:100%;display:block}.learn-stats{border-top:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:4px;display:grid}.learn-stat{text-align:center;padding:12px 4px 4px}.learn-stat__icon{border-radius:12px;place-items:center;width:36px;height:36px;margin:0 auto 8px;display:grid}.learn-stat__icon.is-blue{color:#3b82f6;background:#eff6ff}.learn-stat__icon.is-orange{color:#f59e0b;background:#fff7ed}.learn-stat__icon.is-cyan{color:#06b6d4;background:#ecfeff}.learn-stat__num{color:#1e293b;font-size:18px;font-weight:700;line-height:1.2}.learn-stat__label{color:#94a3b8;margin-top:2px;font-size:12px}.learn-tip{background:linear-gradient(145deg,#fffbeb 0%,#fff 60%);position:relative;overflow:hidden}.learn-tip__head{color:#b45309;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.learn-tip__head svg{color:#f59e0b}.learn-tip p{color:#78716c;margin:0;padding-right:48px;font-size:13px;line-height:1.55}.learn-tip__deco{opacity:.85;pointer-events:none;font-size:36px;position:absolute;bottom:8px;right:12px}.learn-section-title{color:#1e293b;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:600;display:flex}.learn-section-title svg{color:#3b82f6}.learn-featured{grid-template-columns:168px minmax(0,1fr) auto;align-items:center;gap:18px;padding:4px 2px;display:grid}.learn-featured__thumb{background:#0f172a;border-radius:14px;flex-shrink:0;width:168px;height:108px;overflow:hidden}.learn-featured__thumb-inner{background:radial-gradient(circle at 70% 40%,#3b82f673,#0000 45%),radial-gradient(circle at 30% 70%,#fbbf2440,#0000 40%),linear-gradient(145deg,#1e293b 0%,#0f172a 100%);width:100%;height:100%;position:relative}.learn-featured__thumb-inner:after{content:"";background:linear-gradient(#fbbf24,#f59e0b);border-radius:8px 8px 4px 4px;width:44px;height:28px;margin:-14px 0 0 -22px;position:absolute;top:52%;left:50%;box-shadow:0 4px 12px #00000059}.learn-featured__thumb-inner:before{content:"";background:#3b82f6d9;border-radius:8px;width:36px;height:36px;position:absolute;top:22%;left:18%;box-shadow:12px 28px 0 -4px #f97316e6}.learn-featured__title-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.learn-featured__title-row h3{color:#1e293b;margin:0;font-size:17px;font-weight:700}.learn-tag{color:#059669;background:#d1fae5;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.learn-featured__body p{color:#64748b;margin:0 0 8px;font-size:13px;line-height:1.55}.learn-featured__meta{color:#94a3b8;font-size:12px}.learn-featured__action{flex-direction:column;align-items:stretch;gap:10px;min-width:120px;display:flex}.learn-btn-primary{appearance:none;color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:12px;height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .12s;box-shadow:0 4px 12px #3b82f647}.learn-btn-primary:hover{background:#2563eb}.learn-featured__progress{color:#64748b;font-size:12px}.learn-featured__progress span{text-align:right;margin-bottom:6px;display:block}.learn-list-card__head{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.learn-list-card__head h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.learn-list-card__count{color:#94a3b8;font-size:13px}.learn-list{flex-direction:column;gap:4px;display:flex}.learn-course{border-radius:14px;grid-template-columns:40px 44px minmax(0,1fr) 72px 64px 40px;align-items:center;gap:10px;padding:12px 8px;transition:background .12s;display:grid}.learn-course:hover{background:#f8fafc}.learn-course__no{color:#94a3b8;text-align:center;font-size:14px;font-weight:700}.learn-course__icon{background:color-mix(in srgb, var(--c,#3b82f6) 12%, #fff);border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.learn-course__body h4{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:600}.learn-course__body p{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;line-height:1.4;overflow:hidden}.learn-course__status{text-align:center;white-space:nowrap;font-size:12px;font-weight:600}.learn-course__status.is-done{color:#16a34a}.learn-course__status.is-learning{color:#d97706}.learn-course__status.is-todo{color:#94a3b8}.learn-course__time{color:#94a3b8;text-align:right;white-space:nowrap;font-size:12px}.learn-course__play{appearance:none;color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;place-items:center;width:36px;height:36px;transition:background .12s,border-color .12s,box-shadow .12s;display:grid}.learn-course__play:hover{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 2px 8px #3b82f626}.learn-pager{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.learn-pager__btn{appearance:none;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500}.learn-pager__btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.learn-pager__btn:disabled{opacity:.45;cursor:not-allowed}.learn-pager__info{color:#64748b;font-size:13px}.learn-pager__info b{color:#1e293b;font-weight:600}.learn-toast{left:50%;top:calc(var(--top-nav-h,68px) + 14px);opacity:0;pointer-events:none;z-index:13000;border-radius:14px;padding:12px 18px;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;transform:translate(-50%)translateY(-10px)scale(.96)}.learn-toast.is-show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}@media (width<=1100px){.learn-featured{grid-template-columns:140px minmax(0,1fr)}.learn-featured__action{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.learn-featured__progress{flex:1;max-width:200px}.learn-featured__progress span{text-align:left}}@media (width<=900px){.learn{grid-template-columns:1fr}.learn__aside{position:static}.learn-course{grid-template-rows:auto auto;grid-template-columns:32px 40px minmax(0,1fr) 40px}.learn-course__status,.learn-course__time{display:none}}.works-host{top:var(--top-nav-h);z-index:12;padding:var(--page-pad);background:var(--page-bg,#eef3fa);position:fixed;bottom:0;left:0;right:0;overflow:hidden auto}.works-host[hidden]{display:none}body.page-works .workspace-host{visibility:hidden;pointer-events:none}.works{grid-template-rows:auto auto auto;grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:stretch;gap:14px 16px;max-width:1440px;min-height:100%;margin:0 auto;display:grid}.works__aside,.works__main{display:contents}.works-welcome{grid-area:1/1}.works-stats{grid-area:2/1}.works-tip{grid-area:3/1}.works-featured-card{grid-area:1/2}.works-mine{flex-direction:column;grid-area:2/2/4;min-height:0;display:flex}.works-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:20px;padding:18px;box-shadow:0 4px 24px #0f172a0a}.works-welcome{background:radial-gradient(circle at 90% 20%,#93c5fd59,#0000 45%),radial-gradient(circle at 10% 80%,#bfdbfe66,#0000 40%),linear-gradient(145deg,#f0f7ff 0%,#fff 55%);justify-content:space-between;align-items:center;gap:8px;padding:20px 16px 16px 20px;display:flex;overflow:hidden}.works-welcome__title{color:#1e293b;white-space:nowrap;margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.4}.works-welcome__sub{color:#64748b;margin:0;font-size:13px;line-height:1.5}.works-welcome__art{flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.works-welcome__art svg{width:96px;height:96px}.works-stats__head{color:#1e293b;align-items:center;gap:6px;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.works-icon-btn{appearance:none;color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px;display:inline-flex}.works-icon-btn:hover{color:#64748b;background:#f1f5f9}.works-stats__list{flex-direction:column;gap:12px;display:flex}.works-stats__row{background:#f8fafc;border-radius:14px;align-items:center;gap:12px;padding:10px 8px;display:flex}.works-stats__icon{background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.works-stats__icon.is-blue{color:#3b82f6;box-shadow:0 0 0 1px #dbeafe}.works-stats__icon.is-green{color:#10b981;box-shadow:0 0 0 1px #d1fae5}.works-stats__icon.is-amber{color:#f59e0b;box-shadow:0 0 0 1px #fde68a}.works-stats__meta strong{color:#1e293b;font-size:20px;font-weight:700;line-height:1.15;display:block}.works-stats__meta span{color:#94a3b8;font-size:12px}.works-tip{background:linear-gradient(145deg,#fffbeb 0%,#fff 60%);position:relative;overflow:hidden}.works-tip__head{color:#b45309;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.works-tip__head svg{color:#f59e0b}.works-tip p{color:#78716c;margin:0;padding-right:48px;font-size:13px;line-height:1.55}.works-tip__deco{opacity:.9;pointer-events:none;font-size:36px;position:absolute;bottom:8px;right:12px}.works-section-title{color:#1e293b;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:600;display:flex}.works-section-title.is-star{color:#1e293b}.works-section-title.is-star svg{color:#3b82f6}.works-featured{grid-template-columns:200px minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.works-featured__thumb{background:#0f172a;border-radius:14px;flex-shrink:0;width:200px;height:120px;overflow:hidden}.works-featured__thumb-inner{background:radial-gradient(circle at 18% 30%,#3b82f68c,#0000 28%),radial-gradient(circle at 82% 28%,#f9731680,#0000 26%),radial-gradient(circle at 50% 70%,#38bdf840,#0000 40%),linear-gradient(145deg,#111827 0%,#0b1220 100%);width:100%;height:100%;position:relative}.works-featured__thumb-inner:before{content:"";background:linear-gradient(90deg,#0000 49%,#f87171a6 49.5% 50.5%,#0000 51%),linear-gradient(#0000 49%,#38bdf859 49.5% 50.5%,#0000 51%),radial-gradient(circle,#0000 18%,#f8717159 19%,#0000 20%);border:1px solid #38bdf847;border-radius:6px;position:absolute;inset:14% 10%;box-shadow:inset 12px 12px 0 -10px #3b82f680,inset -12px 12px 0 -10px #f9731673,inset 12px -14px 0 -10px #3b82f659,inset -12px -14px 0 -10px #f9731659}.works-featured__thumb-inner:after{content:"";background:linear-gradient(#fbbf24 0%,#f59e0b 55%,#1e293b 56%,#0f172a 100%);border-radius:7px 7px 5px 5px;width:34px;height:22px;margin:-11px 0 0 -17px;position:absolute;top:54%;left:50%;box-shadow:0 4px 10px #0006,-22px -8px 0 -8px #3b82f6d9,22px -6px 0 -8px #f97316d9}.works-featured__title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.works-featured__title-row h3{color:#1e293b;margin:0;font-size:17px;font-weight:700}.works-badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.works-badge.is-published,.works-badge.is-done{color:#059669;background:#d1fae5}.works-badge.is-progress{color:#d97706;background:#fef3c7}.works-badge.is-draft{color:#64748b;background:#f1f5f9}.works-featured__body p{color:#64748b;margin:0 0 10px;font-size:13px;line-height:1.55}.works-featured__meta{color:#94a3b8;flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.works-featured__meta span{align-items:center;gap:4px;display:inline-flex}.works-featured__action{flex-direction:column;align-items:stretch;gap:12px;min-width:120px;display:flex}.works-btn-primary{appearance:none;color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:12px;height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;box-shadow:0 4px 12px #3b82f647}.works-btn-primary:hover{background:#2563eb}.works-featured__social{color:#64748b;justify-content:center;gap:14px;font-size:13px;display:flex}.works-featured__social span{align-items:center;gap:4px;display:inline-flex}.works-mine__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.works-mine__head h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.works-mine__tools{align-items:center;gap:10px;display:flex}.works-sort{color:#475569;cursor:default;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:13px;display:inline-flex}.works-sort__caret{color:#94a3b8;font-size:10px}.works-view-toggle{border:1px solid #e2e8f0;border-radius:10px;display:inline-flex;overflow:hidden}.works-view-btn{appearance:none;color:#94a3b8;cursor:pointer;background:#fff;border:none;place-items:center;width:34px;height:34px;display:grid}.works-view-btn+.works-view-btn{border-left:1px solid #e2e8f0}.works-view-btn.is-active{color:#3b82f6;background:#eff6ff}.works-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.works-tab{appearance:none;color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500}.works-tab b{margin-left:2px;font-weight:600}.works-tab.is-active{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.works-tab:not(.is-active):hover{background:#f8fafc}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.works-grid.is-list{grid-template-columns:1fr}.works-item{background:#fff;border:1px solid #eef2f7;border-radius:16px;flex-direction:column;transition:box-shadow .12s,border-color .12s;display:flex;overflow:hidden}.works-item:hover{border-color:#dbe3ee;box-shadow:0 6px 18px #0f172a0f}.works-grid.is-list .works-item{flex-direction:row;align-items:stretch}.works-item__thumb{background:#0f172a;flex-shrink:0;height:120px;position:relative}.works-grid.is-list .works-item__thumb{width:160px;height:auto;min-height:110px}.works-item__thumb:after{content:"";opacity:1;background:radial-gradient(circle at 70% 40%,#3b82f659,#0000 45%),linear-gradient(145deg,#1e293b,#0f172a);position:absolute;inset:0}.works-item__thumb--a:after{background:radial-gradient(circle at 30%,#fbbf2466,#0000 40%),radial-gradient(circle at 70% 40%,#3b82f666,#0000 45%),linear-gradient(145deg,#1e293b,#0f172a)}.works-item__thumb--b:after{background:radial-gradient(circle at 50% 60%,#f8717159,#0000 40%),radial-gradient(circle at 60% 30%,#38bdf859,#0000 40%),linear-gradient(145deg,#1e293b,#0f172a)}.works-item__thumb--c:after{background:radial-gradient(circle at 40% 40%,#60a5fa80,#0000 45%),linear-gradient(145deg,#172554,#0f172a)}.works-item__thumb--d:after{background:radial-gradient(circle at 55% 45%,#fb923c66,#0000 40%),linear-gradient(145deg,#1e293b,#0f172a)}.works-item__thumb--e:after{background:radial-gradient(circle,#f8717173,#0000 35%),linear-gradient(145deg,#1e293b,#0f172a)}.works-item__thumb--f:after{background:radial-gradient(circle at 35% 55%,#a78bfa66,#0000 40%),linear-gradient(145deg,#1e1b4b,#0f172a)}.works-item__body{flex-direction:column;flex:1;gap:6px;min-width:0;padding:12px 12px 14px;display:flex}.works-item__title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.works-item__title-row h4{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.works-item__body p{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.works-item__date{color:#94a3b8;margin-top:2px;font-size:11px}.works-item__actions{align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:flex}.works-card-btn{appearance:none;color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:9px;height:30px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500}.works-card-btn.is-primary{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.works-card-btn.is-icon{color:#94a3b8;place-items:center;width:30px;padding:0;display:grid}.works-card-btn:hover{background:#f8fafc}.works-card-btn.is-primary:hover{background:#dbeafe}.works-pager{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:12px;display:flex}.works-pager__btn{appearance:none;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500}.works-pager__btn:hover:not(:disabled){background:#f8fafc}.works-pager__btn:disabled{opacity:.45;cursor:not-allowed}.works-pager__info{color:#64748b;font-size:13px}.works-pager__info b{color:#1e293b;font-weight:600}.works-toast{left:50%;top:calc(var(--top-nav-h,68px) + 14px);opacity:0;pointer-events:none;z-index:13000;border-radius:14px;padding:12px 18px;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;transform:translate(-50%)translateY(-10px)scale(.96)}.works-toast.is-show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}@media (width<=1100px){.works-featured{grid-template-columns:160px minmax(0,1fr)}.works-featured__action{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.works{grid-template-rows:none;grid-template-columns:1fr}.works__aside,.works__main{flex-direction:column;gap:14px;display:flex}.works-welcome,.works-stats,.works-tip,.works-featured-card,.works-mine{grid-area:auto}.works__aside{position:static}.works-grid{grid-template-columns:1fr}}body.page-learn{--page-bg:#f3f7fd}body.page-learn:after{content:"";z-index:20000;pointer-events:none;border:2px solid #b9d5ff;border-radius:18px;position:fixed;inset:0}body.page-learn .learn-host{top:var(--top-nav-h);background:radial-gradient(circle at 52% 8%,#dbeafe8c,#0000 34%),#f3f7fd;padding:20px;overflow:hidden auto}body.page-learn .learn{zoom:.8;grid-template-columns:432px minmax(0,1fr);align-items:start;gap:24px;width:100%;max-width:none;height:auto;min-height:0}body.page-learn .learn__aside{gap:16px;height:auto;min-height:0;position:static}body.page-learn .learn__main{gap:20px;height:auto;min-height:0}body.page-learn .learn-card{border-color:#e5edf7;border-radius:22px;box-shadow:0 7px 22px #2a4c7f0e}body.page-learn .learn-welcome{background:radial-gradient(circle at 88% 58%,#bedcff8c,#0000 38%),linear-gradient(145deg,#f7fbff 0%,#fff 64%);border-radius:22px;flex:0 0 245px;align-items:flex-start;height:245px;padding:26px;position:relative;overflow:hidden}body.page-learn .learn-welcome:before,body.page-learn .learn-welcome:after{content:"";opacity:.55;background:#9cc8ff;border-radius:50%;position:absolute}body.page-learn .learn-welcome:before{width:22px;height:22px;bottom:45px;left:31px}body.page-learn .learn-welcome:after{width:8px;height:8px;bottom:69px;left:67px;box-shadow:141px -26px #f9d54b,176px 24px #a5cbff,236px -69px #f9d54b}body.page-learn .learn-welcome__text{z-index:2;position:relative}body.page-learn .learn-welcome__title{color:#101d53;margin-bottom:11px;font-size:22px;font-weight:750}body.page-learn .learn-welcome__sub{color:#536b96;font-size:16px;font-weight:500}body.page-learn .learn-welcome__art{z-index:1;filter:drop-shadow(0 12px 15px #2d6cbc1f);width:190px;height:190px;position:absolute;bottom:-13px;right:-1px}body.page-learn .learn-welcome__art svg{width:180px;height:180px}body.page-learn .learn-progress{z-index:2;border-radius:22px;flex:0 0 397px;height:397px;margin-top:0;padding:25px 26px 0;position:relative;overflow:hidden}body.page-learn .learn-progress__head{color:#111f55;gap:9px;margin-bottom:28px;font-size:20px;font-weight:700}body.page-learn .learn-icon-btn{color:#9aacca;width:25px;height:25px;padding:3px}body.page-learn .learn-icon-btn svg{width:18px;height:18px}body.page-learn .learn-progress__body{gap:29px;margin-bottom:29px;padding:0 15px}body.page-learn .learn-ring{background:conic-gradient(#1688f8 calc(var(--p) * 1%), #edf2f9 0);width:136px;height:136px;box-shadow:inset 0 0 0 1px #d7e2f173}body.page-learn .learn-ring__inner{width:104px;height:104px}body.page-learn .learn-ring__inner strong{color:#11205b;font-size:27px}body.page-learn .learn-ring__inner span{color:#8196ba;margin-top:6px;font-size:14px;font-weight:600}body.page-learn .learn-progress__row{color:#6177a1;margin-bottom:12px;font-size:16px}body.page-learn .learn-progress__row strong{color:#14245f;font-size:16px}body.page-learn .learn-progress__row--muted{margin-top:23px;font-size:15px}body.page-learn .learn-progress__bar{background:#eaf0f8;height:10px}body.page-learn .learn-progress__bar i{background:linear-gradient(90deg,#138afb,#0d74e8)}body.page-learn .learn-stats{border-top:1px solid #e8eef7;gap:0;height:153px;padding:19px 0 10px;position:absolute;bottom:0;left:0;right:0}body.page-learn .learn-stat{border-right:1px solid #e8eef7;padding:0 8px}body.page-learn .learn-stat:last-child{border-right:0}body.page-learn .learn-stat__icon{border-radius:50%;width:45px;height:45px;margin-bottom:8px}body.page-learn .learn-stat__icon svg{width:22px;height:22px}body.page-learn .learn-stat__num{color:#15245e;font-size:21px}body.page-learn .learn-stat__label{color:#6179a5;margin-top:7px;font-size:15px}body.page-learn .learn-tip{background:radial-gradient(circle at 91% 63%,#d5e7ffbf,#0000 34%),#fff;flex:0 0 204px;height:204px;margin-top:0;padding:26px 27px}body.page-learn .learn-tip__head{color:#17265f;margin-bottom:19px;font-size:18px;font-weight:700}body.page-learn .learn-tip__head svg{color:#ffbd16;width:22px;height:22px}body.page-learn .learn-tip p{color:#4e6794;width:235px;padding:0;font-size:15px;font-weight:500;line-height:1.62}body.page-learn .learn-tip__deco{opacity:1;width:150px;height:110px;bottom:5px;right:13px}body.page-learn .learn-tip__deco svg{width:150px;height:110px}body.page-learn .learn-recommend{flex:0 0 245px;height:245px;padding:0;overflow:hidden}body.page-learn .learn-section-title{color:#101f59;border-bottom:1px solid #e7edf7;height:64px;margin:0;padding:0 25px;font-size:20px;font-weight:700}body.page-learn .learn-section-title svg{color:#218cf5;width:25px;height:25px}body.page-learn .learn-featured{grid-template-columns:254px minmax(0,1fr) 174px;gap:26px;height:180px;padding:10px 24px 17px}body.page-learn .learn-featured__thumb{border:1px solid #d9e4f2;border-radius:16px;width:254px;height:150px}body.page-learn .learn-featured__thumb-inner{background:linear-gradient(#0510230d,#0510232e),url(/assets/textures/arena.jpg) 50%/cover no-repeat}body.page-learn .learn-featured__thumb-inner:before{background:linear-gradient(160deg,#ffcb35,#f18718);border-radius:17px 20px 9px 9px;width:63px;height:41px;top:37%;left:25%;transform:rotate(-8deg);box-shadow:-18px -10px 0 -9px #1f2937,-18px 29px 0 -12px #0f172a,48px 29px 0 -12px #0f172a,0 7px 14px #00000061}body.page-learn .learn-featured__thumb-inner:after{display:none}body.page-learn .learn-featured__title-row{gap:10px;margin-bottom:10px}body.page-learn .learn-featured__title-row h3{color:#101f5b;font-size:22px}body.page-learn .learn-tag{color:#13a276;background:#eafaf5;border:1px solid #b8ead9;border-radius:8px;padding:3px 10px;font-size:14px}body.page-learn .learn-featured__body p{color:#58709c;max-width:560px;margin-bottom:14px;font-size:16px;line-height:1.55}body.page-learn .learn-featured__meta{color:#5d76a5;letter-spacing:1px;font-size:15px}body.page-learn .learn-featured__action{gap:13px;min-width:0;padding:2px 0 0}body.page-learn .learn-btn-primary{background:linear-gradient(#178bfb,#0878ec);border-radius:12px;align-self:center;width:118px;height:47px;font-size:16px;box-shadow:0 6px 14px #0c77eb38}body.page-learn .learn-featured__progress{color:#4f6692;font-size:15px}body.page-learn .learn-featured__progress span{text-align:left;margin-bottom:9px}body.page-learn .learn-list-card{flex-direction:column;flex:0 0 573px;height:573px;min-height:0;padding:0;display:flex;overflow:hidden}body.page-learn .learn-list-card__head{border-bottom:1px solid #e8eef7;flex:0 0 54px;align-items:center;gap:14px;height:54px;margin:0;padding:0 25px}body.page-learn .learn-list-card__head h3{color:#111f58;font-size:20px;font-weight:700}body.page-learn .learn-list-card__count{color:#526a96;font-size:15px;font-weight:600}body.page-learn .learn-list{flex:0 0 460px;gap:6px;height:460px;padding:11px 16px}body.page-learn .learn-course{background:#fff;border:1px solid #e5edf7;border-radius:12px;flex:0 0 68px;grid-template-columns:50px 54px minmax(0,1fr) 112px 87px 52px;gap:10px;height:68px;min-height:68px;padding:7px 10px;transition:border-color .18s,background-color .18s,box-shadow .18s;box-shadow:0 2px 8px #3c5a8206}body.page-learn .learn-course:first-child{background:#f5faff;border-color:#cfe1f9;box-shadow:inset 0 0 0 1px #dbeafe59}body.page-learn .learn-course:hover{background:#f7fbff;border-color:#bed8f8;box-shadow:0 5px 13px #3366aa12}body.page-learn .learn-course__no{color:#14245d;background:#fff;border:1px solid #e2eaf5;border-radius:10px;place-items:center;width:44px;height:44px;font-size:16px;display:grid;box-shadow:0 2px 7px #314f7909}body.page-learn .learn-course__icon{border-radius:11px;width:44px;height:44px}body.page-learn .learn-course__icon svg{width:29px;height:29px}body.page-learn .learn-course__body h4{color:#12215b;margin-bottom:4px;font-size:17px;font-weight:700}body.page-learn .learn-course__body p{color:#6c83aa;font-size:14px}body.page-learn .learn-course__status{padding-left:21px;font-size:14px;font-weight:600;position:relative}body.page-learn .learn-course__status:before{content:"";box-sizing:border-box;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:3px;transform:translateY(-50%)}body.page-learn .learn-course__status.is-done{color:#16ad79}body.page-learn .learn-course__status.is-done:before{background:#13b777;box-shadow:inset 0 0 0 4px #13b777}body.page-learn .learn-course__status.is-done:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:6px;height:3px;position:absolute;top:48%;left:7px;transform:translateY(-50%)rotate(-45deg)}body.page-learn .learn-course__status.is-learning{color:#f3a20e}body.page-learn .learn-course__status.is-learning:before{border:3px solid #f7a80d}body.page-learn .learn-course__status.is-todo{color:#8ea3c5}body.page-learn .learn-course__status.is-todo:before{border:3px solid #a9bad4}body.page-learn .learn-course__time{color:#8297b8;font-size:14px}body.page-learn .learn-course__play{color:#1688f8;border-color:#dae5f3;width:44px;height:44px;box-shadow:0 3px 9px #2c58940f}body.page-learn .learn-course__play svg{width:18px;height:18px}body.page-learn .learn-pager{border-top-color:#e8eef7;flex:0 0 59px;gap:47px;height:59px;margin:0;padding:0}body.page-learn .learn-pager__btn{color:#0879eb;border-radius:11px;min-width:106px;height:42px;font-size:15px;font-weight:600;box-shadow:0 3px 8px #32517b09}body.page-learn .learn-pager__btn:disabled{color:#a9b9d2;opacity:.7;background:#f8fafc}body.page-learn .learn-pager__info{color:#536b96;font-size:15px;font-weight:600}body.page-learn .learn-pager__info b{color:#15245e}@media (width<=1250px){body.page-learn .learn-host{top:var(--top-nav-h);padding:20px}body.page-learn .learn{grid-template-columns:360px minmax(0,1fr);gap:20px}body.page-learn .learn-featured{grid-template-columns:200px minmax(0,1fr) 140px;gap:16px}body.page-learn .learn-featured__thumb{width:200px}}@media (width<=900px){body.page-learn .learn{zoom:1;grid-template-columns:1fr;width:100%;height:auto}body.page-learn .learn__aside,body.page-learn .learn__main{height:auto;min-height:0}body.page-learn .learn-list-card,body.page-learn .learn-list{flex-basis:auto;height:auto;min-height:0}body.page-learn .learn-featured{grid-template-columns:180px minmax(0,1fr);height:auto}body.page-learn .learn-featured__action{flex-direction:row;grid-column:1/-1}}body.page-works{--page-bg:#f3f7fd;overflow-x:hidden}body.page-works:after{content:"";z-index:100;pointer-events:none;border:2px solid #b9d7ff;border-radius:20px;position:fixed;inset:0}body.page-works .works-host{top:var(--top-nav-h);background:radial-gradient(circle at 8% 18%,#dbeafe94,#0000 25%),radial-gradient(circle at 92% 82%,#e0e7ff75,#0000 27%),#f3f7fd;padding:20px;overflow:hidden auto}body.page-works .works{zoom:.8;grid-template-rows:auto auto auto;grid-template-columns:400px minmax(0,1fr);align-items:stretch;gap:20px 28px;width:100%;min-width:0;max-width:none;min-height:838px;margin:0;overflow-x:hidden}body.page-works .works__aside,body.page-works .works__main{min-width:0;display:contents;position:static;overflow-x:hidden}body.page-works .works-card{border-color:#e6edf7;border-radius:20px;box-shadow:0 5px 24px #3755800b}body.page-works .works-welcome{background:radial-gradient(circle at 13% 70%,#dbeafe 0 10px,#0000 11px),radial-gradient(circle at 82% 20%,#fef08a 0 4px,#0000 5px),radial-gradient(circle at 18% 42%,#bfdbfe 0 4px,#0000 5px),linear-gradient(145deg,#fff,#fbfdff 65%,#eff6ff);justify-content:space-between;align-items:center;padding:24px;display:flex;position:relative}body.page-works .works-welcome__text{z-index:2;position:relative}body.page-works .works-welcome__title{color:#14235b;margin-bottom:10px;font-size:21px;font-weight:700}body.page-works .works-welcome__sub{color:#536b96;font-size:15px}body.page-works .works-welcome__art{width:170px;height:170px;position:absolute;bottom:-7px;right:8px}body.page-works .works-welcome__art svg{width:170px;height:170px}body.page-works .works-stats{padding:22px 25px 20px}body.page-works .works-stats__head{color:#14235b;gap:10px;height:32px;margin-bottom:15px;font-size:19px;font-weight:700}body.page-works .works-icon-btn{color:#8da7cf}body.page-works .works-icon-btn svg{width:18px;height:18px}body.page-works .works-stats__list{gap:0;height:250px;position:relative}body.page-works .works-stats__list:before{content:none;display:none}body.page-works .works-stats__row{background:0 0;border-radius:0;gap:30px;height:83px;padding:0 7px}body.page-works .works-stats__icon{background:#fff;border-radius:14px;width:72px;height:58px;box-shadow:0 3px 11px #3d5b8914,0 0 0 1px #e7edf6!important}body.page-works .works-stats__icon svg{width:34px;height:34px}body.page-works .works-stats__meta strong{color:#14235b;font-size:23px;line-height:1.25}body.page-works .works-stats__meta span{color:#536b96;font-size:14px}body.page-works .works-tip{background:linear-gradient(145deg,#fff,#fbfdff 68%,#eff6ff);padding:26px 25px}body.page-works .works-tip__head{color:#14235b;margin-bottom:14px;font-size:18px;font-weight:700}body.page-works .works-tip__head svg{color:#fbbf24;width:23px;height:23px}body.page-works .works-tip p{color:#536b96;max-width:225px;padding:0;font-size:15px;line-height:1.65}body.page-works .works-tip__deco{opacity:1;width:145px;height:122px;bottom:8px;right:12px}body.page-works .works-tip__deco svg{width:100%;height:100%}body.page-works .works-featured-card{flex-direction:column;justify-content:center;min-width:0;height:auto;min-height:0;padding:0 18px 18px;display:flex;overflow:hidden}body.page-works .works-section-title{color:#14235b;border-bottom:1px solid #e7edf6;height:55px;margin:0 -18px;padding:0 27px;font-size:19px;font-weight:700}body.page-works .works-section-title svg{width:25px;height:25px}body.page-works .works-featured{flex:1;grid-template-columns:minmax(0,380px) minmax(0,1fr) minmax(120px,160px);align-items:center;gap:28px;min-width:0;height:auto;padding:13px 8px 0}body.page-works .works-featured__thumb{border-radius:13px;width:100%;max-width:380px;height:154px}body.page-works .works-featured__thumb-inner{background-image:linear-gradient(#0612210d,#0612210d),url(/assets/textures/arena.jpg);background-position:50% 53%;background-size:cover}body.page-works .works-featured__thumb-inner:before,body.page-works .works-featured__thumb-inner:after{display:none}body.page-works .works-featured__title-row{margin-bottom:7px}body.page-works .works-featured__title-row h3{color:#14235b;font-size:21px}body.page-works .works-badge{padding:3px 9px;font-size:12px}body.page-works .works-featured__body p{color:#536b96;max-width:570px;margin-bottom:22px;font-size:15px;line-height:1.55}body.page-works .works-featured__meta{color:#6e88b4;gap:24px;font-size:13px}body.page-works .works-featured__action{justify-content:center;gap:30px;height:100%}body.page-works .works-btn-primary{background:#087ff5;border-radius:12px;height:47px;font-size:15px}body.page-works .works-featured__social{color:#536b96;justify-content:space-around;font-size:14px}body.page-works .works-mine{flex-direction:column;min-width:0;min-height:570px;padding:0 18px;display:flex;overflow-x:hidden}body.page-works .works-mine__head{flex:0 0 57px;height:57px;margin:0;padding:0 8px}body.page-works .works-mine__head h3{color:#14235b;font-size:19px;font-weight:700}body.page-works .works-mine__tools{gap:12px}body.page-works .works-sort{color:#536b96;border-radius:12px;height:41px;padding:0 17px;font-size:14px}body.page-works .works-view-toggle{border-radius:12px;height:41px}body.page-works .works-view-btn{width:39px;height:39px}body.page-works .works-tabs{flex:0 0 45px;gap:10px;height:45px;margin:0;padding:0 8px 7px}body.page-works .works-tab{color:#536b96;background:#fff;border:1px solid #e4ebf5;height:37px;padding:0 20px;font-size:14px}body.page-works .works-tab.is-active{color:#0879eb;background:#f7fbff;border-color:#73b7ff;box-shadow:0 2px 8px #0879eb0f}body.page-works .works-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;width:100%;min-width:0;overflow-x:hidden}body.page-works .works-item{border-color:#e6edf6;border-radius:14px;flex-direction:row;min-width:0;min-height:186px}body.page-works .works-item__thumb{background-image:url(/assets/textures/arena.jpg);background-position:50%;background-size:330px;flex:0 0 100px;width:100px;height:auto;min-height:100%}body.page-works .works-item__thumb:after{background:linear-gradient(#06122108,#06122114)}body.page-works .works-item__thumb--a{background-position:18% 53%}body.page-works .works-item__thumb--b{background-position:80% 36%}body.page-works .works-item__thumb--c{background-position:12% 28%}body.page-works .works-item__thumb--d{background-position:72% 68%}body.page-works .works-item__thumb--e{background-position:46% 47%}body.page-works .works-item__thumb--f{background-position:88% 72%}body.page-works .works-item__body{flex:auto;gap:5px;min-width:0;padding:12px 12px 10px 14px}body.page-works .works-item__title-row h4{text-overflow:ellipsis;color:#14235b;min-width:0;font-size:15px;overflow:hidden}body.page-works .works-item__body p{color:#6d83aa;min-height:3em;font-size:12.5px;line-height:1.5}body.page-works .works-item__date{color:#6e88b4;font-size:12px}body.page-works .works-item__actions{border-top:1px solid #edf2f8;flex-wrap:wrap;gap:6px 8px;margin:auto -12px -10px -14px;padding:8px 8px 10px 14px}body.page-works .works-card-btn{color:#6b80a7;border-radius:9px;min-width:0;height:34px;padding:0 10px;font-size:12px}body.page-works .works-card-btn.is-primary{color:#0879eb;background:#fff;border-color:#87c3ff}body.page-works .works-card-btn.is-icon{width:34px;min-width:34px;margin-left:auto}body.page-works .works-grid.is-list{grid-template-rows:none;grid-template-columns:1fr}body.page-works .works-grid.is-list .works-item__thumb{width:190px}body.page-works .works-pager{border-top-color:#e7edf6;flex:0 0 60px;gap:47px;height:60px;margin:8px -18px 0;padding:0;display:flex}body.page-works .works-pager[hidden]{display:none!important}body.page-works .works-pager__btn{color:#0879eb;border-radius:12px;min-width:107px;height:41px;font-size:14px}body.page-works .works-pager__btn:disabled{color:#a9b9d2;opacity:.7;background:#f8fafc}body.page-works .works-pager__info{color:#536b96;font-size:14px;font-weight:600}body.page-works .works-pager__info b{color:#14235b}@media (width<=1250px){body.page-works .works{grid-template-columns:360px minmax(0,1fr);gap:20px}body.page-works .works-featured{grid-template-columns:280px minmax(0,1fr) 140px;gap:18px}body.page-works .works-featured__thumb{width:280px}body.page-works .works-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){body.page-works .works-host{padding:14px}body.page-works .works{zoom:1;grid-template-rows:none;grid-template-columns:1fr;width:100%;min-height:0}body.page-works .works__aside,body.page-works .works__main{flex-direction:column;gap:14px;display:flex}body.page-works .works-welcome,body.page-works .works-stats,body.page-works .works-tip,body.page-works .works-featured-card,body.page-works .works-mine{grid-area:auto}body.page-works .works-featured-card{height:auto}body.page-works .works-featured{grid-template-columns:1fr;height:auto}body.page-works .works-featured__thumb{width:100%}body.page-works .works-featured__action{flex-direction:row}body.page-works .works-grid{grid-template-columns:1fr}}@media (width>=721px){.workspace__arena-header,.blockly-panel__header{height:58px!important;padding:0 20px!important}.workspace__arena-title,.blockly-panel__title{font-size:17px!important}.workspace__arena-title{gap:8px!important}.workspace__arena-title svg{width:22px!important;height:22px!important}.blockly-panel__title-group{gap:8px!important}.blockly-panel__icon-btn{border-radius:10px!important;width:30px!important;height:30px!important}.blockly-panel__workspace{margin:0 8px!important}.blockly-panel .blocklyToolbox,.blockly-panel .blocklyToolboxDiv{border-radius:15px!important;width:62px!important;min-width:62px!important;max-width:62px!important;margin:12px 0 12px 1px!important;padding:0 5px 58px!important}.blockly-panel .blocklyToolboxCategory{border-radius:14px!important;width:60px!important;margin-left:-5px!important;padding:11px 3px 9px!important}.blockly-panel .blocklyToolboxCategory[data-cat=motion]:before,.blockly-panel .blocklyToolboxCategory[data-cat=control]:before,.blockly-panel .blocklyToolboxCategory[data-cat=sensing]:before,.blockly-panel .blocklyToolboxCategory[data-cat=events]:before,.blockly-panel .blocklyToolboxCategory[data-cat=variables]:before,.blockly-panel .blocklyToolboxCategory[data-cat=operators]:before{width:21px!important;height:21px!important;margin-bottom:5px!important}.blockly-panel .blocklyToolboxCategoryLabel{font-size:11px!important}.blockly-panel .blocklyText,.blockly-panel .blocklyEditableText>text{font-size:13px!important}.blockly-panel__toolbar{border-radius:0 0 15px 15px!important;gap:10px!important;height:84px!important;margin:0 8px 8px!important;padding:16px 10px 11px!important}.blockly-panel__btn{border-radius:16px!important;gap:6px!important;height:52px!important;font-size:14px!important}.blockly-panel__btn svg{width:20px!important;height:20px!important}.workspace__viewport canvas{transform-origin:50% 38%!important;transform:scale(1.01,1.08)!important}:root{--top-nav-h:80px}.top-nav{height:var(--top-nav-h);justify-content:space-between;gap:12px;padding:0 22px;display:flex}.top-nav__brand{justify-self:auto;width:270px;max-width:none}.top-nav__logo{width:252px;max-width:252px;height:62px;max-height:62px}.top-nav__menu{left:calc(32px + var(--left-card-w));flex:none;justify-self:auto;gap:8px;width:max-content;position:absolute;transform:none!important}.top-nav__tab{border-radius:14px;min-width:88px;height:42px;padding:0 19px;font-size:15px}.top-nav__actions{justify-content:flex-end;justify-self:auto;gap:17px;width:auto;min-width:278px;margin-left:auto}.top-nav__action{border-radius:13px;flex-direction:column;gap:3px;width:48px;height:56px;padding:6px 4px;font-size:12px}.top-nav__action svg{width:19px;height:19px}.top-nav__user{gap:9px}.top-nav__avatar{width:44px;height:44px}.top-nav__user-name{font-size:13px}.top-nav__user-level{padding:1px 8px;font-size:10px}}@media (width>=721px) and (width<=1180px){.top-nav__brand{width:210px}.top-nav__logo{width:200px;max-width:200px;height:auto}.top-nav__menu{transform:none!important}.top-nav__actions{gap:8px;min-width:220px}}@media (width>=721px) and (width<=960px){.top-nav__brand{width:44px}.top-nav__menu{gap:4px}.top-nav__tab{min-width:64px;padding:0 10px;font-size:14px}.top-nav__actions{min-width:0}}.login-host{z-index:200;opacity:0;background:radial-gradient(1200px 700px at 12% 18%,#93c5fd73,#0000 60%),radial-gradient(900px 600px at 88% 78%,#bfdbfe80,#0000 55%),linear-gradient(160deg,#eef5ff 0%,#f5f8fc 45%,#eaf1fb 100%);place-items:center;padding:28px 20px;font-family:inherit;transition:opacity .35s;display:grid;position:fixed;inset:0;overflow:auto}.login-host.is-ready{opacity:1}.login-host[hidden]{display:none!important}body.page-login{overflow:auto}body.page-login .top-nav,body.page-login .workspace-host,body.page-login .learn-host,body.page-login .works-host,body.page-login .challenge-host{visibility:hidden;pointer-events:none}.login{grid-template-columns:minmax(0,1fr) minmax(390px,430px);align-items:stretch;gap:28px;width:min(1280px,100%);min-height:min(620px,78vh);display:grid}.login-brand{background:#e8f2ff;border:1px solid #ffffffe6;border-radius:28px;flex-direction:column;min-height:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 54px #3b82f61c,0 4px 14px #0f172a09}.login-brand__media{flex:1;width:100%;min-height:520px;position:relative;overflow:hidden}.login-brand__img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.login-panel{background:#fffffffa;border:1px solid #e4ebf4;border-radius:28px;flex-direction:column;justify-content:center;padding:48px 42px 42px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #2d4e8017,0 3px 10px #0f172a06,inset 0 1px #fff}.login-panel:before{content:"";opacity:.72;background:linear-gradient(90deg,#0000,#63a7ff 24%,#2563eb 76%,#0000);border-radius:0 0 999px 999px;height:3px;position:absolute;top:0;left:54px;right:54px}.login-panel__header{text-align:center;margin-bottom:32px}.login-panel__title{color:#17223b;letter-spacing:0;margin:0 0 10px;font-size:28px;font-weight:700}.login-panel__title span{color:#2563eb}.login-panel__sub{color:#7488a6;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:9px;display:flex}.login-field__label{color:#34435c;font-size:14px;font-weight:600}.login-field__control{align-items:center;display:flex;position:relative}.login-field__icon{color:#8fa1b9;pointer-events:none;place-items:center;transition:color .18s;display:grid;position:absolute;left:14px}.login-field__control:focus-within .login-field__icon{color:#347ff0}.login-field__input{color:#1e293b;background:#fbfcfe;border:1.5px solid #dce5f0;border-radius:14px;outline:none;width:100%;height:52px;padding:0 44px 0 42px;font-family:inherit;font-size:15px;transition:border-color .18s,background .18s,box-shadow .18s}.login-field__input::placeholder{color:#aab8cb}.login-field__input:hover{background:#fff;border-color:#bdcadb}.login-field__input:focus{background:#fff;border-color:#347ff0;box-shadow:0 0 0 3px #347ff01f}.login-field__toggle{appearance:none;color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;width:40px;height:40px;transition:color .15s,background .15s;display:grid;position:absolute;right:8px}.login-field__toggle:hover{color:#64748b;background:#f1f5f9}.login-form__row{justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;display:flex}.login-check{color:#5f718e;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:inline-flex}.login-check input{accent-color:#3b82f6;cursor:pointer;width:18px;height:18px}.login-link{appearance:none;color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px}.login-link:hover{color:#2563eb;text-decoration:underline}.login-link--strong{font-weight:600}.login-form__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:-6px 0 0;padding:8px 12px;font-size:13px}.login-submit{appearance:none;color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(90deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:14px;height:52px;margin-top:6px;font-family:inherit;font-size:17px;font-weight:700;transition:transform .15s,box-shadow .18s,filter .18s;box-shadow:0 7px 16px #2563eb3d}.login-submit:hover{filter:brightness(1.035);box-shadow:0 9px 20px #2563eb4a}.login-submit:active{transform:translateY(1px)}.login-form__footer{color:#7f90a9;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding-top:20px;font-size:14px;display:flex}.login-toast{z-index:13000;opacity:0;pointer-events:none;border-radius:14px;padding:12px 18px;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;top:24px;bottom:auto;left:50%;transform:translate(-50%)translateY(-10px)scale(.96)}.login-toast.is-show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}@media (width<=1050px){.login{grid-template-columns:1fr;max-width:440px;min-height:0}.login-brand{min-height:280px}.login-brand__media{aspect-ratio:4/3;min-height:280px}.login-panel{padding:32px 26px 28px}}@media (width<=480px){.login-host{padding:14px 12px}.login-panel__title{font-size:22px}.login-brand__media{min-height:220px}}.challenge-host{top:var(--top-nav-h);z-index:12;padding:var(--page-pad);background:var(--page-bg,#eef3fa);position:fixed;bottom:0;left:0;right:0;overflow:auto}.challenge-host[hidden]{display:none}body.page-challenge .workspace-host,body.page-challenge .learn-host,body.page-challenge .works-host{visibility:hidden;pointer-events:none}body.page-learn .challenge-host,body.page-works .challenge-host{display:none}.challenge{grid-template-rows:auto auto auto auto;grid-template-columns:minmax(280px,320px) minmax(0,1fr);align-items:stretch;gap:14px 16px;max-width:1440px;min-height:100%;margin:0 auto;display:grid}.challenge__aside,.challenge__main{display:contents}.ch-welcome{grid-area:1/1}.ch-progress{grid-area:2/1}.ch-rewards{grid-area:3/1}.ch-weekly{grid-area:4/1}.ch-featured-card{grid-area:1/2}.ch-list-card{flex-direction:column;grid-area:2/2/5;min-height:0;display:flex}.ch-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:20px;padding:18px;box-shadow:0 4px 24px #0f172a0a}.ch-welcome{background:radial-gradient(circle at 92% 18%,#93c5fd66,#0000 48%),radial-gradient(circle at 12% 85%,#bfdbfe73,#0000 42%),linear-gradient(145deg,#eef6ff 0%,#fff 58%);justify-content:space-between;align-items:center;gap:8px;padding:18px 14px 18px 18px;display:flex;overflow:hidden}.ch-welcome__title{color:#1e293b;margin:0 0 8px;font-size:17px;font-weight:700;line-height:1.35}.ch-welcome__sub{color:#64748b;margin:0;font-size:13px;line-height:1.5}.ch-welcome__art{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.ch-welcome__art svg{width:100px;height:100px}.ch-progress__head,.ch-rewards__head,.ch-weekly__head{color:#1e293b;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.ch-progress__head{justify-content:flex-start;gap:6px}.ch-icon-btn{appearance:none;color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px;display:inline-flex}.ch-icon-btn:hover{color:#64748b;background:#f1f5f9}.ch-link-btn{appearance:none;color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:500}.ch-link-btn:hover{text-decoration:underline}.ch-progress__body{align-items:center;gap:14px;margin-bottom:14px;display:flex}.ch-ring{--p:45;background:conic-gradient(#3b82f6 calc(var(--p) * 1%), #e8eef7 0);border-radius:50%;flex-shrink:0;place-items:center;width:92px;height:92px;display:grid}.ch-ring__inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:70px;height:70px;display:flex}.ch-ring__inner strong{color:#1e293b;font-size:18px;font-weight:700;line-height:1}.ch-ring__inner span{color:#94a3b8;font-size:11px}.ch-progress__meta{flex:1;min-width:0}.ch-progress__row{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.ch-progress__row strong{color:#1e293b;font-weight:600}.ch-progress__row--muted{margin-top:8px;font-size:12px}.ch-bar{background:#e8eef7;border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.ch-bar i{border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#3b82f6);height:100%;display:block}.ch-bar.is-thin{height:6px;margin-bottom:0}.ch-bar.is-mini{height:5px;margin:6px 0 0}.ch-stats{border-top:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:6px;padding-top:8px;display:grid}.ch-stat{text-align:center;padding:10px 2px 2px}.ch-stat__icon{border-radius:11px;place-items:center;width:34px;height:34px;margin:0 auto 6px;display:grid}.ch-stat__icon.is-gold{color:#f59e0b;background:#fff7ed}.ch-stat__icon.is-purple{color:#8b5cf6;background:#f5f3ff}.ch-stat__icon.is-slate{color:#64748b;background:#f1f5f9}.ch-stat__num{color:#1e293b;font-size:17px;font-weight:700;line-height:1.2}.ch-stat__label{color:#94a3b8;margin-top:2px;font-size:12px}.ch-rewards__list{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ch-reward{text-align:center;border-radius:14px;padding:8px 4px 4px}.ch-reward.is-locked{opacity:.55}.ch-reward__badge{background:#f8fafc;border-radius:14px;place-items:center;width:48px;height:48px;margin:0 auto 8px;display:grid}.ch-reward__badge.is-violet{background:#f5f3ff}.ch-reward__badge.is-teal{background:#ecfdf5}.ch-reward__badge.is-gray{background:#f1f5f9}.ch-reward strong{color:#1e293b;margin-bottom:2px;font-size:12px;font-weight:600;display:block}.ch-reward span{color:#94a3b8;font-size:11px;line-height:1.35;display:block}.ch-weekly__title{color:#1e293b;align-items:center;gap:6px;display:inline-flex}.ch-weekly__title svg{color:#3b82f6}.ch-weekly__timer{color:#94a3b8;font-size:12px;font-weight:500}.ch-weekly__meta{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.ch-weekly__meta strong{color:#1e293b}.ch-weekly__row{align-items:center;gap:12px;display:flex}.ch-weekly__row .ch-bar{flex:1;margin:0}.ch-weekly__gift{color:#3b82f6;cursor:pointer;background:#eff6ff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:background .12s;display:grid}.ch-weekly__gift:hover{background:#dbeafe}.ch-section-title{color:#1e293b;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:600;display:flex}.ch-section-title.is-star svg{color:#f59e0b}.ch-featured{grid-template-columns:176px minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.ch-featured__thumb{border-radius:14px;flex-shrink:0;width:176px;height:112px;overflow:hidden}.ch-featured__title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ch-featured__title-row h3{color:#1e293b;margin:0;font-size:17px;font-weight:700}.ch-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.ch-badge.is-doing{color:#2563eb;background:#dbeafe}.ch-featured__body p{color:#64748b;margin:0 0 10px;font-size:13px;line-height:1.55}.ch-featured__meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;display:flex}.ch-featured__meta span{align-items:center;gap:4px;display:inline-flex}.ch-featured__lv{color:#f59e0b}.ch-featured__dot{opacity:.4}.ch-featured__action{flex-direction:column;align-items:stretch;gap:10px;min-width:128px;display:flex}.ch-btn-primary{appearance:none;color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:12px;height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;box-shadow:0 4px 12px #3b82f647}.ch-btn-primary:hover{background:#2563eb}.ch-featured__progress{color:#64748b;font-size:12px}.ch-featured__progress span{text-align:right;margin-bottom:6px;display:block}.ch-featured__progress .ch-bar{margin:0}.ch-thumb{background:radial-gradient(circle at 70% 40%,#3b82f659,#0000 45%),linear-gradient(145deg,#1e293b 0%,#0f172a 100%);position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.ch-thumb:before,.ch-thumb:after{content:"";border-radius:6px;position:absolute}.ch-thumb.is-straight:before{background:linear-gradient(90deg,#0000,#38bdf8,#3b82f6);width:52%;height:10px;top:38%;left:14%;box-shadow:0 0 12px #38bdf880}.ch-thumb.is-straight:after{background:linear-gradient(#fbbf24,#f59e0b);border-radius:6px 6px 4px 4px;width:28px;height:18px;top:42%;right:18%}.ch-thumb.is-turn:before{width:40%;height:40%;box-shadow:none;background:0 0;border:3px solid #38bdf8;border-left:none;border-radius:0 18px 18px 0;top:30%;left:20%}.ch-thumb.is-turn:after{background:linear-gradient(#fbbf24,#f59e0b);width:26px;height:16px;top:48%;left:42%}.ch-thumb.is-beacon:before{background:#38bdf8;border-radius:50%;width:14px;height:14px;top:28%;left:22%;box-shadow:28px 22px #60a5fa,14px 40px #22d3ee}.ch-thumb.is-beacon:after{background:linear-gradient(#fbbf24,#f59e0b);width:26px;height:16px;top:46%;right:22%}.ch-thumb.is-obstacle:before{background:#64748b;width:16px;height:22px;top:36%;left:18%;box-shadow:26px -8px #475569,48px 6px #64748b}.ch-thumb.is-obstacle:after{background:linear-gradient(#fbbf24,#f59e0b);width:26px;height:16px;top:48%;right:20%}.ch-thumb.is-sprint:before{background:#3b82f6d9;border-radius:8px;width:36px;height:36px;top:22%;left:12%;box-shadow:18px 30px 0 -4px #f97316e6}.ch-thumb.is-sprint:after{background:linear-gradient(#fbbf24,#f59e0b);border-radius:8px 8px 4px 4px;width:34px;height:20px;top:48%;left:48%;box-shadow:0 4px 12px #00000059}.ch-thumb.is-finish:before{background:repeating-linear-gradient(90deg,#f8fafc 0 8px,#0f172a 8px 16px);border-radius:2px;height:10px;top:40%;left:16%;right:16%}.ch-thumb.is-finish:after{background:linear-gradient(#fbbf24,#f59e0b);width:26px;height:16px;top:48%;right:22%}.ch-list-card__head{align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.ch-list-card__head h3{color:#1e293b;margin:0;font-size:16px;font-weight:600}.ch-list-card__count{color:#94a3b8;font-size:13px;font-weight:500}.ch-list{flex-direction:column;gap:8px;display:flex}.ch-row{background:#fafbfd;border:1px solid #0000;border-radius:14px;grid-template-columns:36px 72px minmax(0,1fr) 110px 72px 40px;align-items:center;gap:12px;padding:12px;transition:background .12s,border-color .12s;display:grid}.ch-row:hover{background:#f1f7ff;border-color:#e2eefc}.ch-row.is-disabled{opacity:.72}.ch-row__no{color:#94a3b8;text-align:center;font-size:14px;font-weight:700}.ch-row__thumb{border-radius:10px;width:72px;height:48px;overflow:hidden}.ch-row__body h4{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:600}.ch-row__body p{color:#94a3b8;white-space:normal;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.ch-row__status{flex-direction:column;align-items:flex-start;gap:4px;font-size:12px;font-weight:600;display:flex}.ch-row__status.is-done{color:#10b981;flex-direction:row;align-items:center;gap:4px}.ch-row__status.is-doing{color:#f59e0b}.ch-row__status.is-todo{color:#94a3b8;flex-direction:row;align-items:center;gap:6px;font-weight:500}.ch-row__status.is-locked{color:#94a3b8;flex-direction:row;align-items:center;gap:4px;font-weight:500}.ch-row__status-label{align-items:center;gap:4px;display:inline-flex}.ch-row__status-label:before{content:"";background:#f59e0b;border-radius:50%;width:8px;height:8px}.ch-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px}.ch-row__progress{color:#64748b;width:100%;font-size:11px;font-weight:500}.ch-row__progress span{margin-bottom:2px;display:block}.ch-row__stars{justify-content:center;align-items:center;gap:2px;display:flex}.ch-star{color:#e2e8f0;display:inline-flex}.ch-star.is-on{color:#fbbf24}.ch-row__play{appearance:none;color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;place-items:center;width:36px;height:36px;transition:background .12s,transform .12s;display:grid;box-shadow:0 4px 10px #3b82f647}.ch-row__play:hover:not(:disabled){background:#2563eb;transform:scale(1.04)}.ch-row__play:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#e2e8f0}.ch-pager{justify-content:center;align-items:center;gap:8px;margin-top:16px;padding-top:8px;display:flex}.ch-pager__btn,.ch-pager__num{appearance:none;color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:34px;height:34px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .12s,color .12s,border-color .12s}.ch-pager__num{padding:0}.ch-pager__btn:hover:not(:disabled),.ch-pager__num:hover:not(.is-active){color:#1e293b;background:#f8fafc}.ch-pager__num.is-active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.ch-pager__btn:disabled{opacity:.45;cursor:not-allowed}.ch-toast{left:50%;top:calc(var(--top-nav-h,68px) + 14px);z-index:13000;opacity:0;pointer-events:none;border-radius:14px;padding:12px 18px;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:auto;transform:translate(-50%)translateY(-10px)scale(.96)}.ch-toast.is-show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}@media (width<=1100px){.ch-featured{grid-template-columns:140px minmax(0,1fr)}.ch-featured__thumb{width:140px;height:96px}.ch-featured__action{flex-direction:row;grid-column:1/-1;align-items:center}.ch-featured__progress{flex:1}.ch-featured__progress span{text-align:left}.ch-row{grid-template-columns:28px 60px minmax(0,1fr) 40px;grid-template-areas:"no thumb body play""no thumb status play""no thumb stars play"}.ch-row__no{grid-area:no}.ch-row__thumb{grid-area:thumb;width:60px;height:44px}.ch-row__body{grid-area:body}.ch-row__status{grid-area:status}.ch-row__stars{grid-area:stars;justify-content:flex-start}.ch-row__play{grid-area:play}}@media (width<=920px){.challenge{grid-template-rows:none;grid-template-columns:1fr}.challenge__aside,.challenge__main{flex-direction:column;gap:14px;display:flex}.ch-welcome,.ch-progress,.ch-rewards,.ch-weekly,.ch-featured-card,.ch-list-card{grid-area:auto}.challenge__aside{position:static}}@media (width<=560px){.ch-rewards__list,.ch-featured{grid-template-columns:1fr}.ch-featured__thumb{width:100%;height:140px}.ch-row__body p{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}.profile-host{top:var(--top-nav-h);z-index:12;padding:var(--page-pad);scrollbar-gutter:stable;box-sizing:border-box;background:radial-gradient(circle at 8% 0,#60a5fa1f,#0000 28%),radial-gradient(circle at 92% 12%,#8b5cf614,#0000 26%),#eef3fa;position:fixed;bottom:0;left:0;right:0;overflow:auto}.profile-host[hidden]{display:none}body.page-profile .workspace-host,body.page-profile .learn-host,body.page-profile .works-host,body.page-profile .challenge-host{visibility:hidden;pointer-events:none}body.page-learn .profile-host,body.page-works .profile-host,body.page-challenge .profile-host{display:none}body.page-login .profile-host{visibility:hidden;pointer-events:none}.profile{--pf-col-h:calc(100vh - var(--top-nav-h) - (var(--page-pad) * 2));max-width:1440px;min-height:var(--pf-col-h);flex-direction:column;gap:14px;margin:0 auto;display:flex}.pf-tabs{background:#ffffffc7;border:1px solid #e3eaf4;border-radius:16px;align-self:flex-start;gap:6px;padding:5px;display:inline-flex;box-shadow:0 8px 20px #25375a0f}.pf-tabs__btn{appearance:none;color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.pf-tabs__btn svg{flex-shrink:0;width:16px;height:16px}.pf-tabs__btn:hover{color:#334155;background:#f1f5f9e6}.pf-tabs__btn.is-active{color:#1d4ed8;background:#fff;box-shadow:0 2px 10px #3b82f624}.profile__learn{flex:1;grid-template-columns:minmax(250px,280px) minmax(0,1fr) minmax(260px,300px);align-items:stretch;gap:16px;min-height:0;display:grid}.profile__learn[hidden],.profile__account[hidden]{display:none!important}.profile__account{flex:1;min-width:0}.profile__aside,.profile__main,.profile__side{flex-direction:column;gap:14px;min-width:0;height:100%;min-height:100%;display:flex}.profile__aside,.profile__side{align-self:stretch}.pf-card{background:#fff;border:1px solid #e3eaf4;border-radius:20px;padding:18px;box-shadow:0 1px 2px #0f172a06,0 10px 24px #25375a0d}.pf-section-title{color:#172033;letter-spacing:.01em;margin:0;font-size:15px;font-weight:700}.pf-card__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.pf-link{appearance:none;color:#3b82f6;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;min-height:28px;padding:0 6px;font-family:inherit;font-size:12px;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.pf-link:hover{color:#1d4ed8;background:#eff6ff}.pf-identity{flex-direction:column;flex:auto;height:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.pf-identity__bg{background:radial-gradient(circle at 78% 28%,#ffffffbf 0 5px,#0000 6px),linear-gradient(145deg,#d7ecff 0%,#e8f0ff 48%,#efe9ff 100%);height:108px;position:relative;overflow:hidden}.pf-identity__planet{opacity:.85;background:radial-gradient(circle at 35% 35%,#fff 0 2px,#0000 3px),linear-gradient(135deg,#93c5fd,#60a5fa);border-radius:50%;width:28px;height:28px;position:absolute;top:18px;left:18px;box-shadow:0 0 0 4px #93c5fd40}.pf-identity__cloud{background:#ffffff8c;border-radius:999px;position:absolute}.pf-identity__cloud--a{width:54px;height:18px;top:22px;right:22px}.pf-identity__cloud--b{opacity:.7;width:36px;height:14px;top:42px;right:48px}.pf-identity__body{text-align:center;flex-direction:column;flex:auto;min-height:0;margin-top:-42px;padding:0 16px 18px;display:flex;position:relative}.pf-identity__body .pf-btn-secondary{margin-top:auto}.pf-avatar{cursor:pointer;appearance:none;background:#fff;border:5px solid #fff;border-radius:50%;width:88px;height:88px;margin:0 auto 10px;padding:0;display:block;position:relative;overflow:visible;box-shadow:0 10px 24px #3b82f62e}.pf-avatar:hover .pf-avatar__cam{background:linear-gradient(145deg,#60a5fa,#2563eb);transform:scale(1.08)}.pf-avatar--lg{width:112px;height:112px;margin:0 auto 12px}.pf-avatar svg{border-radius:50%;width:100%;height:100%;display:block;overflow:hidden}.pf-avatar__img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.pf-avatar__badge,.pf-avatar__cam{color:#fff;background:linear-gradient(145deg,#60a5fa,#3b82f6);border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;transition:transform .15s,background .15s;display:grid;position:absolute;bottom:2px;right:-2px;box-shadow:0 4px 10px #3b82f64d}.pf-avatar__badge svg,.pf-avatar__cam svg{width:13px;height:13px}.pf-identity__name{color:#172033;margin:0 0 4px;font-size:20px;font-weight:700}.pf-identity__account{color:#94a3b8;letter-spacing:.02em;margin:0 0 10px;font-size:12px;font-weight:600}.pf-identity__tags{justify-content:center;gap:8px;margin-bottom:14px;display:flex}.pf-tag{border-radius:999px;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.pf-tag.is-level{color:#2563eb;background:#dbeafe}.pf-tag.is-title{color:#d97706;background:#fff7ed}.pf-xp{text-align:left;margin-bottom:14px}.pf-xp__row{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.pf-xp__row strong{color:#1e293b}.pf-xp__hint{color:#94a3b8;margin:6px 0 0;font-size:11px}.pf-bar{background:#e8eef7;border-radius:999px;height:8px;overflow:hidden}.pf-bar i{border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#6366f1);height:100%;display:block;box-shadow:0 0 10px #6366f147}.pf-bar.is-mini{height:5px;margin-top:8px}.pf-overview__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.pf-stat{appearance:none;text-align:center;cursor:pointer;background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;padding:10px 4px 12px;font-family:inherit;transition:background .15s,border-color .15s,box-shadow .15s}.pf-stat:hover{background:#eff6ff;border-color:#bfdbfe;box-shadow:0 5px 14px #3b82f614}.pf-stat__icon{border-radius:10px;place-items:center;width:32px;height:32px;margin:0 auto 6px;display:grid}.pf-stat__icon.is-blue{color:#3b82f6;background:#eff6ff}.pf-stat__icon.is-amber{color:#f59e0b;background:#fff7ed}.pf-stat__icon.is-violet{color:#8b5cf6;background:#f5f3ff}.pf-stat__icon.is-pet{color:#f43f5e;background:#fef2f2}.pf-stat strong{color:#1e293b;font-size:17px;font-weight:700;line-height:1.15;display:block}.pf-stat span:last-child{color:#94a3b8;margin-top:2px;font-size:10px;display:block}.pf-streak{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.pf-streak__item{text-align:left;background:#f8fafc;border:1px solid #edf1f7;border-radius:14px;align-items:flex-start;gap:8px;padding:10px;display:flex}.pf-streak__icon{border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.pf-streak__icon.is-fire{color:#f97316;background:#fff7ed}.pf-streak__icon.is-star{color:#f59e0b;background:#fef3c7}.pf-streak__item strong{color:#64748b;margin-bottom:1px;font-size:11px;font-weight:600;display:block}.pf-streak__item em{color:#172033;font-size:15px;font-style:normal;font-weight:700;line-height:1.2;display:block}.pf-streak__item span{color:#94a3b8;margin-top:2px;font-size:10px;display:block}.pf-btn-secondary{appearance:none;color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pf-btn-secondary:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.pf-today{background:radial-gradient(circle at 12% 20%,#93c5fd38,#0000 36%),linear-gradient(135deg,#eaf5ff 0%,#f4f7ff 55%,#f7f9ff 100%);border-color:#dce8fa;grid-template-columns:minmax(210px,1fr) minmax(0,1.4fr) minmax(200px,1fr);gap:12px;padding:14px;display:grid}.pf-today__hello{flex-direction:column;justify-content:space-between;min-height:168px;padding:8px 4px 4px 8px;display:flex;position:relative}.pf-today__eyebrow{color:#3b82f6;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-flex}.pf-today__title{letter-spacing:-.02em;color:#172033;white-space:nowrap;margin:0 0 6px;font-size:clamp(18px,1.5vw,24px);line-height:1.3}.pf-today__copy p{color:#64748b;margin:0;font-size:13px;line-height:1.45}.pf-today__art{align-self:flex-start;width:min(100%,200px);height:auto;margin-top:4px}.pf-today__course{background:#ffffffeb;border:1px solid #fffffff2;border-radius:16px;padding:16px 16px 14px;box-shadow:0 8px 20px #4151780f}.pf-today__label{color:#3b82f6;background:#eff6ff;border-radius:999px;align-items:center;height:22px;margin-bottom:8px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.pf-today__course h3{color:#172033;margin:0 0 6px;font-size:17px;font-weight:700}.pf-today__course>p{color:#64748b;margin:0 0 12px;font-size:12px;line-height:1.5}.pf-today__progress{margin-bottom:10px}.pf-today__progress-row{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.pf-today__progress-row strong{color:#3b82f6;font-weight:700}.pf-today__meta{color:#94a3b8;flex-wrap:wrap;gap:10px 14px;margin-bottom:12px;font-size:11px;display:flex}.pf-today__meta span{align-items:center;gap:4px;display:inline-flex}.pf-btn-primary{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#4f46e5);border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 7px 16px #4f46e538}.pf-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#4338ca);box-shadow:0 9px 20px #4f46e547}.pf-today__cta{width:100%}.pf-today__week{background:#ffffffeb;border:1px solid #fffffff2;border-radius:16px;flex-direction:column;padding:14px 14px 12px;display:flex;box-shadow:0 8px 20px #4151780f}.pf-today__week-title{color:#172033;align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-flex}.pf-today__week-title svg{color:#f43f5e}.pf-today__week-body{flex:1;align-items:center;gap:12px;display:flex}.pf-goal-ring{--ring-color:#3b82f6;text-align:center;background:radial-gradient(closest-side, #fff 74%, transparent 76% 99%, #fff 100%), conic-gradient(var(--ring-color) calc(var(--goal) * 1%), #e3e9f4 0);border-radius:50%;flex:0 0 78px;place-content:center;width:78px;height:78px;display:grid}.pf-goal-ring strong{color:#172033;font-size:18px;line-height:1}.pf-goal-ring strong span{color:#94a3b8;font-size:11px}.pf-goal-ring small{color:#94a3b8;justify-self:center;max-width:58px;margin-top:4px;font-size:9px;line-height:1.2}.pf-week-list{flex-direction:column;flex:1;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.pf-week-list li{color:#64748b;align-items:center;gap:6px;font-size:12px;line-height:1.3;display:flex}.pf-week-list li.is-done{color:#1e293b;font-weight:600}.pf-week-check{color:#94a3b8;flex-shrink:0;place-items:center;width:16px;height:16px;display:grid}.pf-week-list li.is-done .pf-week-check{color:#10b981}.pf-today__week-foot{color:#94a3b8;text-align:center;border-top:1px dashed #e2e8f0;margin-top:12px;padding-top:10px;font-size:11px}.pf-today__week-foot span{color:#f59e0b;font-weight:700}.pf-path__track{justify-content:space-between;align-items:flex-start;gap:0;padding:4px 2px 2px;display:flex;overflow-x:auto}.pf-path__step{text-align:center;flex:none;width:92px}.pf-path__node{color:#94a3b8;background:#f8fafc;border:1.5px solid #e8eef6;border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto 8px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.pf-path__step strong{color:#1e293b;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.pf-path__step span{color:#94a3b8;font-size:11px}.pf-path__step.is-done .pf-path__node{color:#10b981;background:#ecfdf5;border-color:#a7f3d0}.pf-path__step.is-done span{color:#10b981;font-weight:600}.pf-path__step.is-active .pf-path__node{color:#3b82f6;background:#eff6ff;border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61f}.pf-path__step.is-active span{color:#3b82f6;font-weight:600}.pf-path__line{background:repeating-linear-gradient(90deg,#cbd5e1 0 6px,#0000 6px 12px);flex:24px;min-width:18px;height:2px;margin-top:27px}.pf-skills__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pf-skill{background:#fafbfd;border:1px solid #edf2f7;border-radius:14px;padding:12px}.pf-skill__top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pf-skill__icon{border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.pf-skill.is-blue .pf-skill__icon{color:#3b82f6;background:#eff6ff}.pf-skill.is-amber .pf-skill__icon{color:#f59e0b;background:#fff7ed}.pf-skill.is-green .pf-skill__icon{color:#10b981;background:#ecfdf5}.pf-skill.is-rose .pf-skill__icon{color:#f43f5e;background:#fff1f2}.pf-skill.is-blue .pf-bar i{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.pf-skill.is-amber .pf-bar i{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.pf-skill.is-green .pf-bar i{background:linear-gradient(90deg,#34d399,#10b981)}.pf-skill.is-rose .pf-bar i{background:linear-gradient(90deg,#fb7185,#f43f5e)}.pf-skill__top strong{color:#1e293b;font-size:13px;font-weight:700;line-height:1.2;display:block}.pf-skill__top span{color:#94a3b8;font-size:11px;font-weight:600}.pf-skill__meta{color:#94a3b8;text-align:right;margin-top:6px;font-size:11px}.pf-badges__row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.pf-badge{text-align:center;background:#fafbfd;border:1px solid #edf2f7;border-radius:16px;min-height:120px;padding:14px 8px 12px;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.pf-badge:not(.is-locked):hover{background:#fff;border-color:#d8e3f1;box-shadow:0 8px 18px #25375a0f}.pf-badge.is-locked{filter:saturate(.3);background:#f5f7fa}.pf-badge__icon{z-index:0;background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 20px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #e2e8f0,0 4px 12px #0f172a14}.pf-badge__icon svg{width:28px;height:28px;display:block}.pf-badge__icon:before,.pf-badge__icon:after{content:"";z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,0 72%);transform-origin:top;width:14px;height:20px;position:absolute;bottom:-14px;left:50%}.pf-badge__icon:before{transform:translate(-50%)rotate(18deg)}.pf-badge__icon:after{transform:translate(-50%)rotate(-18deg)scaleX(-1)}.pf-badge.is-blue .pf-badge__icon{box-shadow:inset 0 0 0 2px #93c5fd,0 4px 12px #3b82f62e}.pf-badge.is-rose .pf-badge__icon{box-shadow:inset 0 0 0 2px #fda4af,0 4px 12px #f43f5e29}.pf-badge.is-green .pf-badge__icon{box-shadow:inset 0 0 0 2px #6ee7b7,0 4px 12px #10b98129}.pf-badge.is-amber .pf-badge__icon{box-shadow:inset 0 0 0 2px #fcd34d,0 4px 12px #f59e0b29}.pf-badge.is-slate .pf-badge__icon{box-shadow:inset 0 0 0 2px #cbd5e1,0 4px 12px #64748b1f}.pf-badge.is-blue .pf-badge__icon:before,.pf-badge.is-blue .pf-badge__icon:after{background:#60a5fa}.pf-badge.is-rose .pf-badge__icon:before,.pf-badge.is-rose .pf-badge__icon:after{background:#fb7185}.pf-badge.is-green .pf-badge__icon:before,.pf-badge.is-green .pf-badge__icon:after{background:#34d399}.pf-badge.is-amber .pf-badge__icon:before,.pf-badge.is-amber .pf-badge__icon:after{background:#fbbf24}.pf-badge.is-slate .pf-badge__icon:before,.pf-badge.is-slate .pf-badge__icon:after{background:#94a3b8}.pf-badge.is-unlocked .pf-badge__icon{box-shadow:inset 0 0 0 2px #fff, inset 0 0 0 4px var(--badge-ring,#93c5fd), 0 0 0 4px var(--badge-glow,#3b82f633), 0 4px 12px #0f172a14}.pf-badge.is-unlocked.is-blue .pf-badge__icon{--badge-ring:#60a5fa;--badge-glow:#3b82f638}.pf-badge.is-unlocked.is-rose .pf-badge__icon{--badge-ring:#fb7185;--badge-glow:#f43f5e33}.pf-badge.is-unlocked.is-green .pf-badge__icon{--badge-ring:#34d399;--badge-glow:#10b98133}.pf-badge.is-unlocked.is-amber .pf-badge__icon{--badge-ring:#fbbf24;--badge-glow:#f59e0b33}.pf-badge strong{color:#1e293b;margin-bottom:3px;font-size:12px;font-weight:700;display:block}.pf-badge>span{color:#94a3b8;font-size:10px;line-height:1.35;display:block}.pf-activity{flex-direction:column;flex:auto;min-height:0;padding-bottom:10px;display:flex}.pf-activity .pf-card__head{flex-shrink:0}.pf-activity__list{flex-direction:column;flex:auto;gap:2px;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.pf-cta{flex-shrink:0}.pf-activity__item{border-bottom:1px solid #f1f5f9;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 2px;display:grid}.pf-activity__item:last-child{border-bottom:none}.pf-activity__icon{color:#3b82f6;background:#eff6ff;border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.pf-activity__item.is-challenge .pf-activity__icon,.pf-activity__item.is-start .pf-activity__icon{color:#f59e0b;background:#fff7ed}.pf-activity__item.is-work .pf-activity__icon{color:#8b5cf6;background:#f5f3ff}.pf-activity__item.is-badge .pf-activity__icon{color:#10b981;background:#ecfdf5}.pf-activity__body{min-width:0}.pf-activity__empty{color:#94a3b8;text-align:center;padding:18px 0;font-size:13px}.pf-activity__body strong{color:#1e293b;margin-bottom:2px;font-size:12px;font-weight:700;line-height:1.35;display:block}.pf-activity__body>span{color:#94a3b8;font-size:11px;line-height:1.35;display:block}.pf-activity__body .pf-bar{max-width:120px;margin-top:6px}.pf-activity__time{color:#94a3b8;white-space:nowrap;padding-top:2px;font-size:11px}.profile__side>.pf-cta,.pf-cta{appearance:none;cursor:pointer;text-align:left;background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #dbeafe;border-radius:16px;align-items:center;gap:10px;width:100%;padding:14px 16px;font-family:inherit;transition:box-shadow .15s,border-color .15s;display:flex}.pf-cta:hover{border-color:#bfdbfe;box-shadow:0 8px 18px #3b82f61a}.pf-cta__icon{color:#f59e0b;background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 2px 8px #0f172a0f}.pf-cta__text{color:#1e293b;flex:1;font-size:13px;font-weight:700;line-height:1.35}.pf-cta__arrow{color:#3b82f6;place-items:center;display:grid}.pf-account-grid{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.pf-account-hero{text-align:center;flex-direction:column;grid-row:1/span 2;align-items:center;gap:8px;height:100%;padding:28px 20px;display:flex}.pf-account-card:nth-of-type(2),.pf-account-card:nth-of-type(3){grid-column:2}.pf-account-hero__avatar-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.pf-account-hero__hint{color:#94a3b8;margin:0;font-size:11px;font-weight:500}.pf-account-hero__meta h2{color:#172033;margin:10px 0 4px;font-size:22px;font-weight:800}.pf-account-hero__meta p{color:#64748b;margin:0 0 8px;font-size:13px;font-weight:600}.pf-account-hero__joined{color:#94a3b8!important;margin-top:8px!important;font-size:12px!important;font-weight:500!important}.pf-account-card .pf-section-title{align-items:center;gap:8px;display:inline-flex}.pf-account-card .pf-section-title svg{color:#3b82f6}.pf-account-card--danger{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.pf-account-danger__text{color:#64748b;margin:0;font-size:13px;font-weight:500}.pf-field__tip{color:#94a3b8;font-size:11px;font-style:normal;font-weight:500}.pf-btn-secondary--sm{border-radius:10px;height:34px;padding:0 12px;font-size:12px}.pf-form{grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:4px;display:grid}.pf-field{color:#475569;flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.pf-field--full{grid-column:1/-1}.pf-field input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;height:42px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.pf-field input:hover:not([readonly]){background:#fff;border-color:#cbd5e1}.pf-field input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.pf-field input[readonly]{color:#94a3b8;cursor:default;background:#f1f5f9}.pf-form__actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;margin-top:4px;display:flex}.pf-btn-ghost{appearance:none;color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:42px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600}.pf-btn-ghost.is-danger{color:#ef4444;border-color:#fecaca}.pf-btn-ghost:hover{background:#f8fafc}.pf-btn-ghost.is-danger:hover{background:#fef2f2}@media (width<=900px){.profile__learn,.pf-account-grid{grid-template-columns:1fr}.pf-account-hero{grid-row:auto;height:auto}.pf-account-card:nth-of-type(2),.pf-account-card:nth-of-type(3),.pf-account-card--danger{grid-column:auto}}.pf-toast{left:50%;top:calc(var(--top-nav-h,68px) + 14px);z-index:13000;opacity:0;pointer-events:none;border-radius:14px;padding:12px 18px;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:auto;transform:translate(-50%)translateY(-10px)scale(.96)}.pf-toast.is-show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.profile :where(button,input):focus-visible{outline-offset:2px;outline:3px solid #2563eb42}@media (width<=1200px){.profile__learn{grid-template-columns:minmax(240px,270px) minmax(0,1fr)}.profile__learn .profile__side{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:stretch;gap:14px;height:auto;min-height:0;display:grid}.pf-cta{height:100%}}@media (width<=980px){.profile__learn{grid-template-columns:1fr;min-height:0}.profile__aside,.profile__side,.profile__main{height:auto;min-height:0}.profile__side{display:flex}.pf-identity,.pf-activity{flex:none;height:auto}.pf-today{grid-template-columns:1fr}.pf-skills__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-badges__row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.profile-host{padding:12px}.profile{--pf-col-h:auto}.pf-card{border-radius:16px;padding:14px}.pf-overview__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-streak{grid-template-columns:1fr}.pf-path__track{justify-content:flex-start}.pf-skills__grid,.pf-badges__row{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-form{grid-template-columns:1fr}.pf-form__actions>button{width:100%}}@media (width<=420px){.pf-badges__row{grid-template-columns:1fr 1fr}.pf-activity__item{grid-template-columns:30px minmax(0,1fr)}.pf-activity__time{grid-column:2;padding-top:0}}@media (prefers-reduced-motion:reduce){.profile *,.pf-toast{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.sub-host{top:var(--top-nav-h);z-index:14;padding:var(--page-pad);background:var(--page-bg,#eef3fa);position:fixed;bottom:0;left:0;right:0;overflow:auto}.sub-host[hidden]{display:none}body.page-sub .workspace-host,body.page-sub .learn-host,body.page-sub .works-host,body.page-sub .challenge-host,body.page-sub .profile-host,body.page-login .sub-host{visibility:hidden;pointer-events:none}.sub-page{flex-direction:column;gap:14px;max-width:1100px;margin:0 auto;display:flex}.sub-top{background:#fff;border:1px solid #e2e8f0f2;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 4px 20px #0f172a0a}.sub-back{appearance:none;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:4px;height:36px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.sub-back:hover{background:#f8fafc}.sub-top__title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sub-top__title h1{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:700;overflow:hidden}.sub-top__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sub-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:18px;padding:18px;box-shadow:0 4px 20px #0f172a0a}.sub-h3{color:#1e293b;margin:0 0 12px;font-size:15px;font-weight:600}.sub-card__head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sub-btn-primary,.sub-btn-secondary,.sub-btn-ghost{appearance:none;cursor:pointer;white-space:nowrap;border:none;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.sub-btn-primary{color:#fff;background:#3b82f6;box-shadow:0 4px 12px #3b82f640}.sub-btn-primary:hover{background:#2563eb}.sub-btn-secondary{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.sub-btn-ghost{color:#64748b;background:#fff;border:1px solid #e2e8f0}.sub-btn-primary.is-block,.sub-btn-secondary.is-block{width:100%}.sub-meta-pill{color:#2563eb;background:#eff6ff;border-radius:999px;align-items:center;height:30px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.cp-bar,.cp-bar.is-mini{background:#e8eef7;border-radius:999px;height:8px;overflow:hidden}.cp-bar.is-mini{height:5px;margin-top:8px}.cp-bar i{border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#3b82f6);height:100%;display:block}.sub-toast{left:50%;top:calc(var(--top-nav-h,68px) + 14px);z-index:13000;opacity:0;pointer-events:none;border-radius:14px;padding:12px 18px;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:auto;transform:translate(-50%)translateY(-10px)scale(.96)}.sub-toast.is-show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.cp-layout{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.cp-brief{grid-column:1/-1;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px;display:grid}.cp-brief__thumb{border-radius:14px;width:100%;height:140px}.cp-brief__body h2{color:#1e293b;margin:0 0 8px;font-size:16px}.cp-brief__body p{color:#64748b;margin:0 0 12px;font-size:13px;line-height:1.55}.cp-meta{color:#64748b;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.cp-meta span{align-items:center;gap:4px;display:inline-flex}.cp-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.cp-badge.is-doing{color:#2563eb;background:#dbeafe}.cp-badge.is-done{color:#059669;background:#d1fae5}.cp-badge.is-todo{color:#64748b;background:#f1f5f9}.cp-badge.is-locked{color:#94a3b8;background:#f1f5f9}.cp-goals{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cp-goals li{color:#334155;align-items:center;gap:10px;font-size:13px;display:flex}.cp-goal__no{color:#3b82f6;background:#eff6ff;border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.cp-goals i{color:#10b981;margin-left:auto;display:inline-flex}.cp-stars{color:#475569;flex-direction:column;gap:10px;font-size:13px;display:flex}.cp-star-row{align-items:center;gap:4px;display:flex}.cp-star-row span.is-on{color:#fbbf24;display:inline-flex}.cp-panel__grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.cp-kpi{text-align:center;background:#f8fafc;border-radius:12px;padding:12px 6px}.cp-kpi strong{color:#1e293b;font-size:18px;display:block}.cp-kpi span{color:#94a3b8;font-size:11px}.cp-panel__actions{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.cp-tip{color:#94a3b8;margin:0;font-size:12px;line-height:1.5}.challenge-play-host{--cp-blue:#2378f3;--cp-ink:#122454;--cp-muted:#50658d;background:radial-gradient(circle at 4% 7%,#d2e5ffeb 0 34px,#0000 35px),radial-gradient(circle at 97% 15%,#ffffffe6 0 66px,#0000 67px),linear-gradient(#eef6ff 0%,#f8fbff 46%,#eef5ff 100%);padding:0 24px 28px}.challenge-play{gap:14px;width:100%;max-width:1360px}.cp-hero-head{grid-template-columns:minmax(440px,1fr) minmax(300px,380px) auto;align-items:center;gap:24px;min-height:104px;display:grid;position:relative}.cp-title-group,.cp-head-actions,.cp-coach,.cp-metrics,.cp-metric,.cp-section-title,.cp-panel__title,.cp-kpi,.cp-start,.cp-help{align-items:center;display:flex}.cp-title-group{gap:12px;min-width:0}.cp-title-group h1{color:var(--cp-ink);letter-spacing:.01em;white-space:nowrap;margin:0;font-size:clamp(25px,2vw,34px);font-weight:800}.cp-back{color:#385078;cursor:pointer;white-space:nowrap;background:#ffffffe6;border:1px solid #dbe7f8;border-radius:16px;align-items:center;gap:7px;height:44px;padding:0 16px;font:600 14px inherit;transition:border-color .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 16px #2d538b1a}.cp-back:hover{background:#fff;border-color:#b9cff0;box-shadow:0 8px 20px #2d538b24}.cp-level-medal{color:#ff9e00;background:#fff8b7;border:5px solid #ffba08;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 4px #e68d00,0 7px 14px #f79e0038}.cp-level-medal svg{width:22px;height:22px}.challenge-play .cp-difficulty,.challenge-play .cp-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-height:30px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.cp-difficulty{color:#e88b00;background:#fffdf5;border:1.5px solid #ffad0a}.cp-difficulty svg{width:15px;height:15px}.challenge-play .cp-badge.is-doing{color:#c77800;background:#fff3cb;border:1px solid #ffd572}.challenge-play .cp-badge.is-done{color:#07845c;background:#dcfaed;border:1px solid #9eeacb}.challenge-play .cp-badge.is-todo{color:#58709a;background:#edf3fd;border:1px solid #cfddf2}.challenge-play .cp-badge.is-locked{color:#75849d;background:#eef1f6;border:1px solid #d8e0eb}.cp-coach{justify-content:flex-end;height:82px;position:relative}.cp-coach__bubble{color:#344b74;background:#ffffffbd;border:1px solid #bed5f6;border-radius:14px;min-width:250px;max-width:310px;padding:11px 64px 11px 16px;font-size:12px;line-height:1.55;box-shadow:0 6px 16px #305c9e17}.cp-coach__bubble strong,.cp-coach__bubble span{display:block}.cp-coach__bubble strong{color:#183465}.cp-coach__robot{filter:drop-shadow(0 9px 8px #416bb62b);width:98px;position:absolute;bottom:-8px;right:-22px}.cp-coach__robot svg{width:100%;display:block}.cp-head-actions{justify-content:flex-end;gap:16px}.cp-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:17px;justify-content:center;align-items:center;gap:9px;height:56px;padding:0 22px;font:700 15px inherit;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.cp-btn svg{width:24px;height:24px}.cp-btn:hover{transform:translateY(-1px)}.cp-btn--hint{color:#446086;background:#ffffffeb;border:1px solid #cbdcf4;box-shadow:0 7px 16px #2f57911a}.cp-btn--code{color:#fff;background:linear-gradient(135deg,#3789fa,#1262e9);min-width:176px;box-shadow:0 9px 22px #1a69eb47}.challenge-play .cp-layout{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cp-card{background:#fffffff0;border:1px solid #d9e4f4f2;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 7px 22px #1e417512}.challenge-play .cp-brief{background:radial-gradient(circle at 87% 90%,#ffdd713d,#0000 28%),linear-gradient(105deg,#fff 0%,#fffdf5 62%,#fff8dc 100%);grid-column:1/-1;grid-template-columns:minmax(370px,472px) minmax(370px,1fr) 250px;align-items:center;gap:26px;min-height:230px;padding:14px;display:grid}.challenge-play .cp-brief__thumb{isolation:isolate;background:radial-gradient(circle at 12% 22%,#a6df66 0 24px,#0000 25px),radial-gradient(circle at 78% 15%,#75c859 0 28px,#0000 29px),radial-gradient(circle at 64% 79%,#8ed05a 0 22px,#0000 23px),linear-gradient(155deg,#8cd57a 0%,#d2ef87 48%,#83c76f 100%);border-radius:18px;width:100%;height:202px;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6}.challenge-play .cp-brief__thumb:before{z-index:1;background:0 0;border:24px solid #263b67;border-left-width:30px;border-radius:48% 38% 40% 44%;width:60%;height:58%;top:18%;left:17%;transform:rotate(-8deg);box-shadow:inset 0 0 0 3px #39d7ff,0 0 0 4px #daf1a4,0 10px 20px #1834533d}.challenge-play .cp-brief__thumb:after{z-index:2;width:79px;height:8px;box-shadow:none;background:repeating-linear-gradient(90deg,#54dfff 0 13px,#0000 13px 23px);border-radius:999px;top:48%;left:34%;transform:rotate(-8deg)}.cp-course__tree,.cp-course__car,.cp-course__finish{z-index:3;position:absolute}.cp-course__tree{background:linear-gradient(90deg,#4aa94d,#8dde56);border-radius:50% 50% 42% 42%;width:23px;height:36px;box-shadow:0 7px 0 -4px #97602f,0 8px 12px #34702f33}.cp-course__tree.is-a{top:18%;left:7%}.cp-course__tree.is-b{bottom:13%;right:12%;transform:scale(1.2)}.cp-course__car{background:linear-gradient(#ffd34d,#f59b0b);border:3px solid #ffed92;border-radius:14px 18px 7px 7px;width:54px;height:29px;bottom:23%;left:18%;transform:rotate(-19deg);box-shadow:-6px 18px 0 -10px #27334d,23px 20px 0 -10px #27334d,0 8px 13px #3f4a3f47}.cp-course__finish{background:repeating-conic-gradient(#fff 0 25%,#223047 0 50%) 0 0/18px 18px;border-right:5px solid #4d5f70;width:42px;height:44px;top:13%;right:15%;box-shadow:5px 6px 8px #26354b26}.cp-brief__body{z-index:2;align-self:center;min-width:0;position:relative}.challenge-play .cp-brief__desc{color:var(--cp-ink);margin:0 0 50px;font-size:17px;font-weight:700;line-height:1.6}.challenge-play .cp-metrics{gap:14px}.cp-metric{color:#5c6d8d;background:#ffffffde;border:1px solid #e8edf4;border-radius:14px;gap:12px;min-width:132px;padding:12px 15px;font-size:12px;box-shadow:0 4px 13px #2a49750d}.cp-metric>span:last-child,.cp-kpi>span:last-child{flex-direction:column;gap:3px;display:flex}.cp-metric strong{color:#1e315d;font-size:14px}.cp-metric__icon{color:#2d7df0;place-items:center;width:34px;height:34px;display:grid}.cp-metric__icon svg{width:30px;height:30px}.cp-metric.is-level .cp-metric__icon{color:#f4b400}.cp-metric.is-progress .cp-metric__icon{color:#7567ef}.cp-brief__art{filter:drop-shadow(0 12px 14px #df950026);align-self:end;width:245px;margin:0 -5px -15px auto}.cp-brief__art svg{width:100%;display:block}.challenge-play .cp-brief .cp-bar{opacity:.85;height:5px;margin-top:14px}.cp-goals-card,.cp-stars-card{min-height:230px;padding:0 30px 22px}.cp-section-title{height:54px;color:var(--cp-ink);border-bottom:1px solid #dfebfb;gap:10px;margin:0 0 10px;font-size:20px;font-weight:800}.cp-section-title>span{place-items:center;width:27px;height:27px;display:grid}.cp-section-title svg{width:26px;height:26px}.cp-section-title .is-target{color:#247df0}.cp-section-title .is-star{color:#7762ed}.challenge-play .cp-goals{z-index:2;gap:11px;max-width:calc(100% - 105px);position:relative}.challenge-play .cp-goals li{color:#364b70;gap:11px;min-height:27px;font-size:14px}.challenge-play .cp-goal__no{color:#fff;background:#2e82f4;border-radius:50%;width:24px;height:24px}.cp-goals li.is-2 .cp-goal__no{background:#38b889}.cp-goals li.is-3 .cp-goal__no{background:#ffad16}.cp-goals li.is-4 .cp-goal__no{background:#8959ec}.cp-goal__icon{color:#2e82f4;place-items:center;width:24px;height:24px;display:grid}.cp-goal__icon svg{width:21px;height:21px}.cp-goals li.is-2 .cp-goal__icon{color:#38b889}.cp-goals li.is-3 .cp-goal__icon{color:#ffad16}.cp-goals li.is-4 .cp-goal__icon{color:#8959ec}.cp-goals-art{opacity:.82;filter:drop-shadow(0 10px 10px #4d7abb1f);width:142px;position:absolute;bottom:5px;right:12px}.cp-goals-art svg,.cp-medal-art svg{width:100%;display:block}.challenge-play .cp-stars{z-index:2;color:#3e5278;gap:9px;max-width:calc(100% - 175px);font-size:14px;position:relative}.challenge-play .cp-star-row{background:linear-gradient(90deg,#fffdfb,#fbf8ff);border:1px solid #d9cafa;border-radius:11px;gap:18px;min-height:48px;padding:0 18px}.cp-star-set{border-right:1px solid #d5caeb;gap:7px;min-width:112px;padding-right:18px;display:inline-flex}.cp-star-set i{color:#dfe3eb;display:inline-flex}.cp-star-set i.is-on{color:#ffbd17}.cp-star-set svg{width:25px;height:25px}.cp-medal-art{filter:drop-shadow(0 12px 11px #eca20c29);width:170px;position:absolute;bottom:8px;right:12px}.challenge-play .cp-panel{color:#fff;background:radial-gradient(circle at 22% 0,#6bbeff5c,#0000 30%),linear-gradient(115deg,#2f92f7 0%,#2b76ef 55%,#2772e8 100%);border-radius:22px;grid-column:1/-1;grid-template-columns:minmax(460px,1.15fr) minmax(270px,.55fr) minmax(240px,.5fr);align-items:center;gap:24px;min-height:168px;padding:43px 28px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 24px #236fdf33}.challenge-play .cp-panel:after{content:"";border:22px solid #ffffff0d;border-radius:50%;width:120px;height:120px;position:absolute;top:-42px;right:31%}.cp-panel__title{gap:9px;font-size:18px;font-weight:800;position:absolute;top:13px;left:28px}.cp-panel__title svg{width:24px;height:24px}.challenge-play .cp-panel__grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;display:grid}.challenge-play .cp-kpi{color:#51678e;background:linear-gradient(135deg,#fff,#fffaf0);border:1px solid #ffffffbf;border-radius:15px;gap:15px;min-height:88px;padding:14px 20px;box-shadow:0 8px 16px #1657b324}.challenge-play .cp-kpi strong{color:#263b69;font-size:22px;font-weight:800}.challenge-play .cp-kpi span{font-size:13px}.cp-kpi__icon{color:#f2aa08;place-items:center;width:38px;height:38px;display:grid}.cp-kpi__icon svg{width:31px;height:31px}.challenge-play .cp-kpi.is-tries{background:linear-gradient(135deg,#fff,#effff9)}.cp-kpi.is-tries .cp-kpi__icon{color:#24b786}.challenge-play .cp-kpi.is-stars{background:linear-gradient(135deg,#fff,#f7f0ff)}.cp-kpi.is-stars .cp-kpi__icon{color:#9158e9}.cp-start,.cp-help{cursor:pointer;z-index:2;border-radius:19px;justify-content:center;gap:14px;height:104px;font-family:inherit;transition:box-shadow .2s,background .2s,transform .2s;position:relative}.cp-start:hover,.cp-help:hover{transform:translateY(-1px)}.cp-start{color:#fff;background:linear-gradient(135deg,#ffd442,#ffab16);border:2px solid #ffe078;box-shadow:0 8px 18px #ae620042,inset 0 1px #ffffff73}.cp-help{color:#2462cb;background:#fffffff2;border:1px solid #fffc;box-shadow:0 8px 18px #114ba026}.cp-start>svg,.cp-help>svg{flex:0 0 34px;width:34px;height:34px}.cp-start>span,.cp-help>span{text-align:left;flex-direction:column;gap:6px;display:flex}.cp-start strong,.cp-help strong{font-size:20px;font-weight:800}.cp-start small,.cp-help small{opacity:.88;font-size:12px;font-weight:500}.cp-back:focus-visible,.cp-btn:focus-visible,.cp-start:focus-visible,.cp-help:focus-visible{outline-offset:3px;outline:3px solid #ffbf26}@media (width<=1250px){.cp-hero-head{grid-template-columns:minmax(390px,1fr) auto}.cp-coach{display:none}.cp-title-group{gap:8px}.cp-title-group h1{font-size:26px}.challenge-play .cp-brief{grid-template-columns:minmax(330px,42%) 1fr 180px}.cp-brief__art{width:190px}.challenge-play .cp-metrics{gap:8px}.cp-metric{min-width:0;padding-inline:10px}.challenge-play .cp-panel{grid-template-columns:1fr 280px 240px;gap:14px}.challenge-play .cp-kpi{gap:8px;padding-inline:12px}}@media (width<=980px){.challenge-play-host{padding-inline:16px}.cp-hero-head{grid-template-columns:1fr;gap:12px;padding:16px 0}.cp-head-actions{position:absolute;bottom:16px;right:0}.cp-btn{border-radius:13px;height:44px;padding-inline:14px}.cp-btn--hint{display:none}.challenge-play .cp-brief{grid-template-columns:minmax(310px,45%) 1fr}.cp-brief__art{display:none}.challenge-play .cp-brief__desc{margin-bottom:26px}.challenge-play .cp-metrics{grid-template-columns:repeat(3,1fr);display:grid}.cp-metric{text-align:center;flex-direction:column;gap:5px}.cp-metric__icon{width:24px;height:24px}.cp-metric__icon svg{width:22px;height:22px}.cp-goals-card,.cp-stars-card{grid-column:1/-1}.challenge-play .cp-panel{grid-template-columns:1fr 1fr}.challenge-play .cp-panel__grid{grid-column:1/-1}}@media (width<=640px){body.page-challenge-play .top-nav{gap:6px;height:64px;padding:0 10px}body.page-challenge-play .top-nav__brand,body.page-challenge-play .top-nav__action{display:none}body.page-challenge-play .top-nav__menu{justify-content:flex-start;gap:0}body.page-challenge-play .top-nav__tab{min-width:0;padding:8px 10px;font-size:13px}body.page-challenge-play .top-nav__actions{gap:0;min-width:48px}body.page-challenge-play .top-nav__user{border:0;min-width:44px;padding:0}body.page-challenge-play .top-nav__avatar{width:40px;height:40px}body.page-challenge-play .top-nav__user-meta{display:none}.challenge-play-host{padding:0 10px 96px}.cp-title-group{flex-wrap:wrap;padding-right:0}.cp-back{justify-content:center;width:44px;padding:0}.cp-back span{display:none}.cp-level-medal{flex-basis:34px;width:34px;height:34px}.cp-title-group h1{font-size:22px}.cp-difficulty{margin-left:88px}.cp-head-actions{width:100%;position:static}.cp-btn--code{width:100%}.challenge-play .cp-layout{grid-template-columns:1fr}.challenge-play .cp-brief{grid-template-columns:1fr;gap:16px;padding:10px 10px 18px}.challenge-play .cp-brief__thumb{height:180px}.challenge-play .cp-brief__desc{margin:0 4px 16px;font-size:15px}.challenge-play .cp-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-metric{padding:8px 3px;font-size:10px}.cp-metric strong{font-size:12px}.cp-goals-card,.cp-stars-card{min-height:0;padding-inline:18px}.challenge-play .cp-goals{max-width:100%}.cp-goals-art,.cp-medal-art{display:none}.challenge-play .cp-stars{max-width:100%}.challenge-play .cp-star-row{gap:10px;padding-inline:12px}.cp-star-set{gap:4px;min-width:91px;padding-right:10px}.cp-star-set svg{width:22px;height:22px}.challenge-play .cp-panel{grid-template-columns:1fr;padding:48px 14px 14px}.challenge-play .cp-panel__grid{grid-template-columns:1fr}.challenge-play .cp-kpi{min-height:68px}.cp-start,.cp-help{height:82px}}@media (prefers-reduced-motion:reduce){.cp-back,.cp-btn,.cp-start,.cp-help{transition:none}}.cd-layout{flex-direction:column;gap:14px;display:flex}.cd-hero{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:18px;display:grid}.cd-hero__art{background:radial-gradient(circle at 70% 40%,#3b82f659,#0000 50%),linear-gradient(145deg,#1e293b,#0f172a);border-radius:14px;height:120px}.cd-hero__body h2{color:#1e293b;margin:0 0 8px;font-size:20px}.cd-hero__body p{color:#64748b;margin:0 0 10px;font-size:13px;line-height:1.55}.cd-meta{color:#64748b;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.cd-tag{color:#d97706;background:#fff7ed;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.cd-tag.is-done{color:#059669;background:#d1fae5}.cd-tag.is-learning{color:#d97706;background:#fff7ed}.cd-tag.is-todo{color:#64748b;background:#f1f5f9}.cd-skills{color:#475569;margin:0;padding-left:18px;font-size:13px;line-height:1.8}.cd-list{flex-direction:column;gap:8px;display:flex}.cd-empty{text-align:center;color:#94a3b8;padding:48px 20px;font-size:14px}.cd-empty p{margin:0}.cd-row{background:#fafbfd;border-radius:12px;grid-template-columns:40px minmax(0,1fr) 80px 36px;align-items:center;gap:10px;padding:12px;display:grid}.cd-row__no{color:#94a3b8;text-align:center;font-weight:700}.cd-row__body h4{color:#1e293b;margin:0 0 2px;font-size:14px}.cd-row__body span{color:#94a3b8;font-size:12px}.cd-row__status{color:#94a3b8;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.cd-row__status.is-done{color:#10b981}.cd-row__status.is-learning{color:#f59e0b}.cd-row__play{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.wd-layout{grid-template-columns:1.2fr 1fr;gap:14px;display:grid}.wd-preview{grid-row:span 2;padding:0;overflow:hidden}.wd-preview__stage{background:radial-gradient(circle at 50% 60%,#3b82f640,#0000 50%),linear-gradient(160deg,#0f172a,#1e293b 60%,#0b1220);height:280px;position:relative}.wd-preview__car{background:linear-gradient(#fbbf24,#f59e0b);border-radius:10px 10px 6px 6px;width:70px;height:40px;margin:-20px 0 0 -35px;position:absolute;top:52%;left:50%;box-shadow:0 10px 30px #00000059}.wd-preview__glow{filter:blur(8px);background:#38bdf840;border-radius:50%;height:20px;position:absolute;inset:auto 20% 18%}.wd-preview__bar{color:#64748b;flex-wrap:wrap;gap:16px;padding:12px 16px;font-size:12px;display:flex}.wd-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.wd-badge.is-pub{color:#059669;background:#d1fae5}.wd-badge.is-draft{color:#64748b;background:#f1f5f9}.wd-desc{color:#64748b;margin:8px 0 12px;font-size:13px;line-height:1.6}.wd-tags{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.wd-tag{color:#2563eb;background:#eff6ff;border-radius:999px;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.wd-info{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wd-info div{background:#f8fafc;border-radius:12px;padding:10px}.wd-info span{color:#94a3b8;margin-bottom:4px;font-size:11px;display:block}.wd-info strong{color:#1e293b;font-size:13px}.wd-steps{color:#475569;margin:0;padding-left:18px;font-size:13px;line-height:1.9}.help-layout{flex-direction:column;gap:14px;display:flex}.help-search-card h2{color:#1e293b;margin:0 0 12px;font-size:18px}.help-search{gap:10px;display:flex}.help-search input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;flex:1;height:42px;padding:0 14px;font-family:inherit;font-size:14px}.help-search input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.help-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.help-topic{appearance:none;text-align:left;cursor:pointer;background:#fafbfd;border:1px solid #f1f5f9;border-radius:14px;padding:14px;font-family:inherit}.help-topic:hover{background:#f0f7ff;border-color:#dbeafe}.help-topic strong{color:#1e293b;margin-bottom:4px;font-size:14px;display:block}.help-topic span{color:#94a3b8;font-size:12px}.help-faq__item{border-bottom:1px solid #f1f5f9;padding:10px 0}.help-faq__item summary{cursor:pointer;color:#1e293b;font-size:14px;font-weight:600;list-style:none}.help-faq__item summary::-webkit-details-marker{display:none}.help-faq__item p{color:#64748b;margin:8px 0 4px;font-size:13px;line-height:1.6}.help-contact p{color:#64748b;margin:0 0 12px;font-size:13px}.help-detail{flex-direction:column;gap:14px;display:flex}.help-detail__back{align-self:flex-start}.help-detail__item h4{color:#1e293b;margin:14px 0 6px;font-size:14px;font-weight:600}.help-detail__item:first-child h4{margin-top:0}.help-detail__item p{color:#64748b;margin:0 0 6px;font-size:13px;line-height:1.7}.help-empty{color:#94a3b8;padding:14px 0;font-size:13px}.ach-layout,.rw-layout{flex-direction:column;gap:14px;display:flex}.ach-summary,.rw-banner{background:radial-gradient(circle at 90% 30%,#93c5fd59,#0000 50%),linear-gradient(145deg,#f0f7ff,#fff 60%);justify-content:space-between;align-items:center;gap:16px;display:flex}.ach-summary h2,.rw-banner h2{color:#1e293b;margin:0 0 6px;font-size:18px}.ach-summary p,.rw-banner p{color:#64748b;margin:0;font-size:13px}.ach-ring{--p:30;background:conic-gradient(#3b82f6 calc(var(--p) * 1%), #e8eef7 0);border-radius:50%;flex-shrink:0;place-items:center;width:84px;height:84px;display:grid}.ach-ring__inner{text-align:center;background:#fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.ach-ring__inner strong{color:#1e293b;font-size:18px;line-height:1}.ach-ring__inner span{color:#94a3b8;font-size:10px}.ach-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.ach-filter{appearance:none;color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600}.ach-filter.is-active{color:#fff;background:#3b82f6;border-color:#3b82f6}.ach-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.ach-card{text-align:center;background:#fafbfd;border:1px solid #f1f5f9;border-radius:16px;padding:16px 12px}.ach-card.is-locked{opacity:.55}.ach-card__icon{background:linear-gradient(145deg,#93c5fd,#3b82f6);border-radius:14px;width:48px;height:48px;margin:0 auto 10px}.ach-card.is-violet .ach-card__icon{background:linear-gradient(145deg,#c4b5fd,#7c3aed)}.ach-card.is-teal .ach-card__icon{background:linear-gradient(145deg,#6ee7b7,#059669)}.ach-card.is-amber .ach-card__icon{background:linear-gradient(145deg,#fcd34d,#f59e0b)}.ach-card.is-rose .ach-card__icon{background:linear-gradient(145deg,#fda4af,#f43f5e)}.ach-card.is-slate .ach-card__icon{background:linear-gradient(145deg,#cbd5e1,#94a3b8)}.ach-card strong{color:#1e293b;margin-bottom:4px;font-size:13px;display:block}.ach-card>span{color:#94a3b8;margin-bottom:6px;font-size:11px;display:block}.ach-card em{color:#64748b;font-size:11px;font-style:normal;font-weight:600}.rw-banner__gift{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;line-height:1;display:flex}.rw-list{flex-direction:column;gap:10px;display:flex}.rw-item{background:#fafbfd;border:1px solid #f1f5f9;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.rw-item__icon{background:linear-gradient(145deg,#93c5fd,#3b82f6);border-radius:14px;width:48px;height:48px}.rw-item__icon.is-gift{background:linear-gradient(145deg,#fca5a5,#ef4444)}.rw-item__icon.is-boost{background:linear-gradient(145deg,#fcd34d,#f59e0b)}.rw-item__icon.is-frame{background:linear-gradient(145deg,#c4b5fd,#8b5cf6)}.rw-item__icon.is-title{background:linear-gradient(145deg,#6ee7b7,#10b981)}.rw-item__body strong{color:#1e293b;margin-bottom:2px;font-size:14px;display:block}.rw-item__body span{color:#94a3b8;font-size:12px}.rw-item__btn{appearance:none;color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;height:34px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600}.rw-item__btn:disabled{color:#94a3b8;cursor:default;background:#e2e8f0}.rw-item.is-claimed .rw-item__btn{color:#059669;background:#d1fae5}.auth-host{z-index:200;background:radial-gradient(1000px 600px at 15% 20%,#93c5fd66,#0000 60%),linear-gradient(160deg,#eef5ff,#f5f8fc 50%,#eaf1fb);place-items:safe center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.auth-host[hidden]{display:none!important}body.page-auth .top-nav,body.page-auth .workspace-host,body.page-auth .learn-host,body.page-auth .works-host,body.page-auth .challenge-host,body.page-auth .profile-host,body.page-auth .sub-host,body.page-auth .login-host{visibility:hidden;pointer-events:none}.auth-page{width:min(480px,100%)}.auth-card{background:#fff;border:1px solid #e2e8f0f2;border-radius:24px;width:100%;padding:30px 34px 28px;box-shadow:0 20px 50px #0f172a14}.auth-card h1{text-align:center;color:#1e293b;margin:0 0 6px;font-size:24px}.auth-sub{text-align:center;color:#94a3b8;margin:0 0 22px;font-size:13px}.auth-tips{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 20px;padding:14px 16px}.auth-tips p{color:#475569;margin:4px 0;font-size:13px;line-height:1.6}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field__tip{color:#64748b;margin-top:6px;font-size:12px;font-style:normal;line-height:1.4;display:block}.auth-field{color:#334155;flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.auth-field input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;height:44px;padding:0 14px;font-family:inherit;font-size:14px;font-weight:500}.auth-field input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.auth-field__captcha-row{align-items:center;gap:10px;display:flex}.auth-field__captcha-row input{flex:1;min-width:0}.auth-field__captcha-img{cursor:pointer;background:#eef4ff;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:96px;height:44px}.auth-field__captcha-img:hover{border-color:#93c5fd}.auth-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0;padding:8px 12px;font-size:13px;font-weight:500}.auth-submit{appearance:none;color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#2563eb);border:none;border-radius:14px;height:48px;margin-top:4px;font-family:inherit;font-size:15px;font-weight:600;box-shadow:0 8px 20px #2563eb4d}.auth-footer{color:#94a3b8;justify-content:center;gap:6px;margin-top:16px;font-size:13px;display:flex}.auth-link{appearance:none;color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.auth-toast{left:50%;top:calc(var(--top-nav-h,68px) + 14px);z-index:13000;opacity:0;pointer-events:none;border-radius:14px;padding:12px 18px;transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:auto;transform:translate(-50%)translateY(-10px)scale(.96)}.auth-toast.is-show{opacity:1;transform:translate(-50%)translateY(0)scale(1)}@media (width<=920px){.cp-layout,.wd-layout,.cp-brief,.cd-hero{grid-template-columns:1fr}.ach-grid,.help-topics{grid-template-columns:1fr 1fr}}@media (width<=560px){.ach-grid,.help-topics,.wd-info{grid-template-columns:1fr}.sub-top__title h1{font-size:16px}}.workspace__hud-host{z-index:6;pointer-events:none;justify-content:flex-start;display:flex;position:absolute;top:16px;left:16px;right:auto}.workspace__hud-host>*{pointer-events:auto}.workspace.is-challenge-mode .workspace__timer{color:#059669;background:#ecfdf5}.workspace__timer.is-urgent{color:#dc2626;background:#fef2f2}.challenge-hud{-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);background:#ffffffe8;border:1px solid #b7cfeed1;border-left:4px solid #2f80ed;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;width:min(400px,100vw - 610px);min-width:330px;padding:13px 14px 12px;display:grid;box-shadow:0 12px 30px #183f7629}.challenge-hud[hidden]{display:none!important}.challenge-hud__main{min-width:0}.challenge-hud__head{align-items:center;gap:8px;margin-bottom:9px;padding-right:2px;display:flex}.challenge-hud__title{color:#152852;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:800;display:flex}.challenge-hud__title>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.challenge-hud__flag{color:#168a62;background:#e8fbf4;border-radius:9px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.challenge-hud__title svg{flex-shrink:0;width:16px;height:16px}.challenge-hud__mode{color:#1f70d9;background:#eaf3ff;border-radius:999px;flex:none;padding:3px 8px;font-size:10px;font-weight:700}.challenge-hud__metrics{flex-wrap:wrap;gap:7px;display:flex}.challenge-hud__metric{color:#465b7c;background:#f5f8fc;border:1px solid #e4ebf4;border-radius:999px;align-items:center;gap:5px;min-height:29px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.challenge-hud__metric b{font-weight:700}.challenge-hud__tip{color:#607493;margin:9px 0 0;padding-left:13px;font-size:11px;line-height:1.4;position:relative}.challenge-hud__tip:before{content:"";background:#28b882;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 0 3px #28b8821f}.challenge-hud__actions{flex-shrink:0;align-items:center;gap:7px;display:inline-flex}.challenge-hud__reset,.challenge-hud__exit{color:#60718b;cursor:pointer;background:#ffffffe0;border:1px solid #dce6f3;border-radius:9px;flex-shrink:0;align-items:center;gap:5px;min-height:32px;padding:5px 9px;font-family:inherit;font-size:11px;font-weight:700;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.challenge-hud__reset{color:#c97806;background:#fffaf0;border-color:#f0dbb4}.challenge-hud__reset:hover{color:#a85f00;background:#fff5df;border-color:#e9c77c}.challenge-hud__reset svg{transition:transform .3s}.challenge-hud__reset:hover svg{transform:rotate(-180deg)}.challenge-hud__exit:hover{color:#cf443c;background:#fff4f3;border-color:#ffc9c5}.challenge-result-host{z-index:12000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.challenge-result-host[hidden]{display:none!important}.challenge-result{text-align:center;background:#fff;border-radius:20px;width:min(400px,100%);padding:28px 24px 22px;box-shadow:0 24px 60px #0f172a38}.challenge-result__badge{border-radius:999px;justify-content:center;align-items:center;min-width:64px;margin-bottom:10px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.challenge-result__title{color:#0f172a;margin:0 0 6px;font-size:22px;font-weight:800}.challenge-result__sub{color:#64748b;margin:0 0 16px;font-size:13px}.challenge-result__stars{color:#cbd5e1;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.challenge-result__stars .is-on{color:#f59e0b}.challenge-result__points{color:#b45309;background:linear-gradient(90deg,#fef3c7,#ffe4b3);border-radius:999px;align-items:center;gap:6px;margin:-6px auto 14px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #f59e0b2e}.challenge-result__points strong{color:#d97706;font-size:16px}.challenge-result__levelup{color:#1d4ed8;background:linear-gradient(90deg,#eef4ff,#e0ebff);border-radius:999px;align-items:center;gap:4px;margin:-4px auto 14px;padding:7px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #2f7bff29}.challenge-result__levelup strong{color:#1e40af;font-size:16px}.challenge-result__kpis{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.challenge-result__kpi{background:#f8fafc;border-radius:12px;padding:10px 6px}.challenge-result__kpi strong{color:#0f172a;font-size:16px;font-weight:800;display:block}.challenge-result__kpi span{color:#94a3b8;font-size:11px}.challenge-result__actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.challenge-result__actions .sub-btn-primary,.challenge-result__actions .sub-btn-secondary,.challenge-result__actions .sub-btn-ghost{min-width:100px}.challenge-result__board{text-align:left;margin-bottom:18px}.challenge-result__board-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.challenge-result__board-head strong{color:#0f172a;font-size:13px}.challenge-result__board-head span{color:#94a3b8;font-size:11px}.challenge-result__board-list{border:1px solid #e2e8f0;border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.challenge-result__rank{background:#fff;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.challenge-result__rank+.challenge-result__rank{border-top:1px solid #f1f5f9}.challenge-result__rank-no{color:#64748b;background:#f1f5f9;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.challenge-result__rank.is-top-1 .challenge-result__rank-no{color:#b45309;background:#fef3c7}.challenge-result__rank.is-top-2 .challenge-result__rank-no{color:#475569;background:#e2e8f0}.challenge-result__rank.is-top-3 .challenge-result__rank-no{color:#c2410c;background:#ffedd5}.challenge-result__rank-name{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;flex:1;overflow:hidden}.challenge-result__rank-time{font-variant-numeric:tabular-nums;color:#2563eb;flex:none;font-weight:700}.challenge-result__board-list .is-empty{text-align:center;color:#94a3b8;padding:12px;font-size:12px}@media (width<=720px){.workspace__hud-host{top:10px;left:10px;right:10px}.challenge-hud{width:100%;min-width:0;padding:10px 11px}.challenge-hud__reset,.challenge-hud__exit{justify-content:center;width:34px;padding:0}.challenge-hud__reset span,.challenge-hud__exit span{display:none}}.workspace__arena-header{gap:12px}.workspace__hud-host{z-index:auto;pointer-events:auto;flex:1;min-width:0;margin-left:6px;position:static;inset:auto}.workspace.is-challenge-mode .workspace__timer{display:none}.challenge-hud{width:auto;min-width:0;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:8px;padding:0;display:flex}.challenge-hud__main{flex:0 auto;align-items:center;min-width:0;display:flex}.challenge-hud__head,.challenge-hud__tip{display:none}.challenge-hud__metrics{flex-wrap:nowrap;gap:7px}.challenge-hud__metric{color:#536783;background:#f5f8fc;border-color:#e1e9f4;min-height:30px;padding:4px 10px;font-size:12px}.challenge-hud__metric:first-child{color:#10855f;background:#ebfaf4;border-color:#bfead8}.challenge-hud__metric.is-paused{color:#c86620;background:#fff6eb;border-color:#ffdfbd}.challenge-hud__metric.is-urgent{color:#dc2626;background:#fef2f2;border-color:#fecaca}.challenge-hud__reset,.challenge-hud__exit{min-height:30px;padding:4px 9px}@media (width<=820px){.workspace__arena-header{flex-wrap:wrap}.workspace__hud-host{flex-basis:100%;order:3;margin:0}.challenge-hud{width:auto;min-width:0;padding:0}.challenge-hud__reset,.challenge-hud__exit{width:auto;padding:4px 9px}.challenge-hud__reset span,.challenge-hud__exit span{display:inline}}:is(.workspace__toast,.learn-toast,.works-toast,.login-toast,.ch-toast,.pf-toast,.sub-toast,.auth-toast,.top-nav__toast){z-index:13000;color:#1e293b;white-space:normal;text-align:left;opacity:0;pointer-events:none;background:#fff;border:1px solid #e2e8f0f2;border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:min(420px,100vw - 28px);min-height:60px;padding:8px 16px 8px 8px;font-size:13px;font-weight:600;line-height:1.4;display:flex;position:fixed;top:auto;bottom:28px;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 8px 24px #0f172a1f}:is(.workspace__toast,.learn-toast,.works-toast,.login-toast,.ch-toast,.pf-toast,.sub-toast,.auth-toast,.top-nav__toast).is-show{opacity:1;transform:translate(-50%)translateY(0)}.app-toast__icon{color:#2f7bff;background:#eff6ff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.app-toast__icon svg{display:block}.app-toast__text{flex:auto;min-width:0;padding-right:4px}:is(.sub-toast,.learn-toast,.works-toast,.login-toast,.ch-toast,.pf-toast,.auth-toast,.workspace__toast,.top-nav__toast).is-success .app-toast__icon{color:#16a77e;background:#eaf8f3}:is(.sub-toast,.learn-toast,.works-toast,.login-toast,.ch-toast,.pf-toast,.auth-toast,.workspace__toast,.top-nav__toast).is-error .app-toast__icon{color:#dc2626;background:#fef2f2}:is(.sub-toast,.learn-toast,.works-toast,.login-toast,.ch-toast,.pf-toast,.auth-toast,.workspace__toast,.top-nav__toast).is-info .app-toast__icon{color:#2f7bff;background:#eff6ff}:is(.sub-toast,.learn-toast,.works-toast,.login-toast,.ch-toast,.pf-toast,.auth-toast,.workspace__toast,.top-nav__toast).is-warn .app-toast__icon{color:#d97706;background:#fffbeb}@media (width<=560px){:is(.top-nav__toast,.workspace__toast,.learn-toast,.works-toast,.login-toast,.ch-toast,.pf-toast,.sub-toast,.auth-toast){max-width:calc(100vw - 20px);font-size:13px;bottom:18px}}.challenge-hud{background:#f8fafc;border:1px solid #dfe7f1;border-radius:12px;gap:0;width:fit-content;min-height:36px;padding:3px;box-shadow:0 2px 7px #223f660f,inset 0 1px #fff}.challenge-hud__main{align-self:stretch}.challenge-hud__metrics{align-items:center;gap:0;height:100%}.challenge-hud__metric,.challenge-hud__metric:first-child,.challenge-hud__metric.is-paused,.challenge-hud__metric.is-urgent{color:#52647f;background:0 0;border:0;border-radius:8px;min-height:28px;padding:4px 10px;line-height:1}.challenge-hud__metric:first-child{color:#08775b;background:#eaf7f2}.challenge-hud__metric:first-child svg{color:#10a37f}.challenge-hud__metric+.challenge-hud__metric{margin-left:4px;padding-left:13px;position:relative}.challenge-hud__metric+.challenge-hud__metric:before{content:"";background:#dfe6ef;width:1px;position:absolute;top:6px;bottom:6px;left:0}.challenge-hud__metric.is-paused{color:#a75b0a;background:#fff4e5}.challenge-hud__metric.is-urgent{color:#c93636;background:#fff0f0}.challenge-hud__metric b{color:inherit;font-variant-numeric:tabular-nums;letter-spacing:.01em;margin-left:2px;font-weight:800}.challenge-hud__actions{border-left:1px solid #dfe6ef;align-self:stretch;gap:2px;margin-left:5px;padding-left:5px}.challenge-hud__reset,.challenge-hud__exit{min-height:28px;box-shadow:none;color:#60718a;background:0 0;border:0;border-radius:8px;padding:4px 8px;font-size:11px;transition:color .18s,background .18s}.challenge-hud__reset:hover{color:#a96006;background:#fff0d8}.challenge-hud__exit:hover{color:#c43f38;background:#ffebea}.challenge-hud__reset:active,.challenge-hud__exit:active{background:#e9eef5}.challenge-hud__reset:focus-visible,.challenge-hud__exit:focus-visible{outline-offset:1px;outline:2px solid #62a7f5}@media (width<=560px){.challenge-hud{width:100%}.challenge-hud__main{flex:1}.challenge-hud__actions{margin-left:auto}.challenge-hud__reset span,.challenge-hud__exit span{display:none}.challenge-hud__reset,.challenge-hud__exit{width:30px;padding:0}}.challenge-result-host{-webkit-backdrop-filter:blur(7px)saturate(.8);backdrop-filter:blur(7px)saturate(.8);background:#1a273e94;padding:24px}.challenge-result{text-align:center;background:radial-gradient(circle at 50% 4%,#c0e1ffbf,#0000 31%),linear-gradient(#f2f9ff 0%,#fff 43%,#fdfdff 100%);border:1px solid #ffffffeb;border-radius:25px;width:min(610px,100%);max-height:calc(100vh - 48px);padding:20px 34px 30px;overflow:auto;box-shadow:0 28px 70px #09172f57,inset 0 1px #ffffffe6}.challenge-result__celebration{height:142px;margin:-8px 0 0;position:relative;overflow:hidden}.challenge-result__celebration:before,.challenge-result__celebration:after{content:"";opacity:.42;background:repeating-linear-gradient(72deg,#0000 0 19px,#63abff40 20px 23px,#0000 24px 38px);width:160px;height:94px;position:absolute;top:15px}.challenge-result__celebration:before{left:26px;transform:rotate(-12deg)}.challenge-result__celebration:after{right:26px;transform:rotate(12deg)scaleX(-1)}.challenge-result__celebration>i{z-index:2;background:#5aa4ff;border-radius:3px;width:10px;height:18px;position:absolute;transform:rotate(28deg)}.challenge-result__celebration .is-c1{background:#f26bc2;top:43px;left:8%;transform:rotate(35deg)}.challenge-result__celebration .is-c2{background:#ffc62b;top:87px;left:19%;transform:rotate(-24deg)}.challenge-result__celebration .is-c3{background:#6fc7ff;top:25px;left:31%;transform:rotate(62deg)}.challenge-result__celebration .is-c4{background:#ff9c2a;top:70px;right:9%;transform:rotate(-34deg)}.challenge-result__celebration .is-c5{background:#b05cf0;top:24px;right:23%;transform:rotate(18deg)}.challenge-result__celebration .is-c6{background:#4f8ff1;top:101px;right:34%;transform:rotate(57deg)}.challenge-result__trophy{z-index:3;filter:drop-shadow(0 10px 12px #da910033);width:218px;margin:0 auto;position:relative}.challenge-result__trophy svg{width:100%;display:block}.challenge-result__badge{border-radius:999px;gap:7px;min-width:104px;min-height:36px;margin:-1px 0 10px;padding:6px 15px;font-size:14px;font-weight:800}.challenge-result__badge svg{width:20px;height:20px}.challenge-result__badge.is-ok{color:#22a957;background:#e0f8e5}.challenge-result__badge.is-fail{color:#cf4d45;background:#fee9e7}.challenge-result__title{color:#14213e;letter-spacing:.02em;margin:0 0 8px;font-size:40px;font-weight:900;line-height:1.2}.challenge-result__sub{color:#657da3;margin:0 0 17px;font-size:16px;font-weight:600}.challenge-result__sub:first-letter{color:#2f80ed}.challenge-result__stars{color:#9aacbf;gap:22px;margin-bottom:20px}.challenge-result__star-slot{place-items:center;width:54px;height:54px;display:inline-grid;position:relative}.challenge-result__star-slot i{place-items:center;font-style:normal;display:grid;position:absolute;inset:0}.challenge-result__star-slot svg{width:54px;height:54px}.challenge-result__star-outline{z-index:1;color:#9aacbf;filter:drop-shadow(0 5px 5px #4e678c14)}.challenge-result__star-fill{z-index:2;color:#ffb715;filter:drop-shadow(0 6px 5px #ec9f0038)}.challenge-result__star-slot.is-earned:after{content:"";z-index:3;opacity:0;pointer-events:none;border:3px solid #ffb71594;border-radius:50%;position:absolute;inset:-14px}.challenge-result__kpis{background:#ffffffe0;border:1px solid #e4ebf5;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;padding:15px;box-shadow:0 7px 20px #2a4d7e14}.challenge-result__kpi{background:linear-gradient(145deg,#f5f9ff,#edf4ff);border-radius:15px;min-height:102px;padding:10px 8px 9px}.challenge-result__kpi.is-hits{background:linear-gradient(145deg,#f5fff8,#eaf9ed)}.challenge-result__kpi.is-stars{background:linear-gradient(145deg,#fffaf1,#fff4dc)}.challenge-result__kpi-icon{color:#3c82ed;background:#dceaff;border:7px solid #e9f2ff;border-radius:50%;place-items:center;width:38px;height:38px;margin:-19px auto 5px;display:grid}.challenge-result__kpi.is-hits .challenge-result__kpi-icon{color:#36b866;background:#d7f4df;border-color:#e7f8eb}.challenge-result__kpi.is-stars .challenge-result__kpi-icon{color:#ffb513;background:#ffedbb;border-color:#fff5da}.challenge-result__kpi-icon svg{width:24px;height:24px}.challenge-result__kpi strong{color:#17223e;margin-bottom:3px;font-size:23px;font-weight:900}.challenge-result__kpi>span:last-child{color:#8191ab;font-size:12px;font-weight:600}.challenge-result__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.challenge-result__btn{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-width:0;height:55px;padding:0 15px;font-family:inherit;font-size:15px;font-weight:800;transition:background .24s,border-color .24s,color .24s,box-shadow .24s,transform .24s cubic-bezier(.2,.8,.3,1);display:inline-flex}.challenge-result__btn svg{flex:none;width:22px;height:22px;transition:transform .48s cubic-bezier(.2,.8,.3,1)}.challenge-result__btn:hover{transform:translateY(-3px)}.challenge-result__btn.is-retry:hover svg{transform:rotate(-300deg)scale(1.08)}.challenge-result__btn.is-list:hover svg{transform:translate(4px)scale(1.06)}.challenge-result__btn:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.challenge-result__btn.is-retry{color:#fff;background:linear-gradient(135deg,#4698ff,#2376ed);border:1px solid #3f8efa;box-shadow:0 8px 17px #2d7beb3d}.challenge-result__btn.is-retry:hover{box-shadow:0 13px 25px #2d7beb57}.challenge-result__btn.is-list{color:#3677d4;background:#f7fbff;border:1px solid #cfe0f5;box-shadow:0 6px 14px #4770a814}.challenge-result__btn.is-list:hover{color:#2168cb;background:#fff;border-color:#9fc8fa;box-shadow:0 12px 23px #4770a829}.challenge-result__btn:focus-visible{outline-offset:3px;outline:3px solid #2f80ed4d}.challenge-result-host.is-showing{animation:.42s ease-out both challenge-overlay-in}.challenge-result-host.is-showing .challenge-result{animation:.7s cubic-bezier(.2,.85,.28,1.15) both challenge-dialog-in}.challenge-result-host.is-showing .challenge-result__trophy{transform-origin:50% 82%;animation:1.05s cubic-bezier(.18,.9,.25,1.28) .1s both challenge-trophy-in,3s ease-in-out 1.2s infinite challenge-trophy-float}.challenge-result-host.is-showing .challenge-result__celebration>i{animation:1.45s cubic-bezier(.2,.8,.3,1) both challenge-confetti-in}.challenge-result-host.is-showing .challenge-result__celebration .is-c1,.challenge-result-host.is-showing .challenge-result__celebration .is-c4{animation-delay:.25s}.challenge-result-host.is-showing .challenge-result__celebration .is-c2,.challenge-result-host.is-showing .challenge-result__celebration .is-c5{animation-delay:.45s}.challenge-result-host.is-showing .challenge-result__celebration .is-c3,.challenge-result-host.is-showing .challenge-result__celebration .is-c6{animation-delay:.65s}.challenge-result-host.is-showing .challenge-result__badge,.challenge-result-host.is-showing .challenge-result__title,.challenge-result-host.is-showing .challenge-result__sub{animation:.5s ease-out both challenge-content-rise}.challenge-result-host.is-showing .challenge-result__badge{animation-delay:.7s}.challenge-result-host.is-showing .challenge-result__title{animation-delay:.85s}.challenge-result-host.is-showing .challenge-result__sub{animation-delay:1s}.challenge-result-host.is-showing .challenge-result__star-fill{animation:1.15s linear both challenge-star-pop;animation-delay:calc(.85s + var(--star-order,1) * .43s);transform-origin:50%}.challenge-result-host.is-showing .challenge-result__star-slot.is-earned:after{animation:.36s ease-out both challenge-star-impact;animation-delay:calc(1.655s + var(--star-order,1) * .43s)}.challenge-result-host.is-showing .challenge-result__kpis,.challenge-result-host.is-showing .challenge-result__actions{animation:.55s ease-out both challenge-content-rise}.challenge-result-host.is-showing .challenge-result__kpis{animation-delay:2.35s}.challenge-result-host.is-showing .challenge-result__actions{animation-delay:2.55s}@keyframes challenge-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes challenge-dialog-in{0%{opacity:0;transform:translateY(24px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes challenge-trophy-in{0%{opacity:0;transform:translateY(-46px)scale(.55)rotate(-10deg)}58%{opacity:1;transform:translateY(5px)scale(1.12)rotate(5deg)}78%{transform:translateY(-3px)scale(.97)rotate(-2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes challenge-trophy-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(1.5deg)}}@keyframes challenge-star-pop{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.04,.9,.5);transform:translateY(-220px)scale(.92)}7%{opacity:1}70%{opacity:1;animation-timing-function:cubic-bezier(.16,.72,.3,1);transform:translate(0,0)scale(1)}82%{transform:translateY(-18px)scale(1)}90%{transform:translate(0,0)scale(1)}96%{transform:translateY(-6px)scale(1)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes challenge-star-impact{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.35)}}@keyframes challenge-confetti-in{0%{opacity:0;translate:0 -28px;scale:.45}45%{opacity:1}to{opacity:1;translate:0 8px;scale:1}}@keyframes challenge-content-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.challenge-result-host.is-failure .challenge-result__celebration>i{display:none}.challenge-result-host.is-failure .challenge-result__trophy{filter:grayscale(.55)opacity(.7)}.challenge-result-host.is-failure .challenge-result__title{font-size:36px}@media (width<=640px){.challenge-result-host{padding:12px}.challenge-result{border-radius:21px;padding:16px 18px 22px}.challenge-result__celebration{height:116px}.challenge-result__trophy{width:180px}.challenge-result__title{font-size:32px}.challenge-result__stars{gap:12px}.challenge-result__stars svg{width:44px;height:44px}.challenge-result__kpis{gap:7px;padding:11px}.challenge-result__kpi{min-height:88px;padding-inline:3px}.challenge-result__kpi strong{font-size:19px}.challenge-result__actions{gap:8px}.challenge-result__btn{height:49px;padding:0 8px;font-size:13px}.challenge-result__btn svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.challenge-hud__reset svg{transition:none!important}.challenge-hud__reset:hover svg{transform:none!important}.challenge-result-host.is-showing,.challenge-result-host.is-showing .challenge-result,.challenge-result-host.is-showing .challenge-result__trophy,.challenge-result-host.is-showing .challenge-result__celebration>i,.challenge-result-host.is-showing .challenge-result__badge,.challenge-result-host.is-showing .challenge-result__title,.challenge-result-host.is-showing .challenge-result__sub,.challenge-result-host.is-showing .challenge-result__star-fill,.challenge-result-host.is-showing .challenge-result__star-slot.is-earned:after,.challenge-result-host.is-showing .challenge-result__kpis,.challenge-result-host.is-showing .challenge-result__actions{animation:none!important}.challenge-result__btn,.challenge-result__btn svg{transition:none!important}.challenge-result__btn:hover,.challenge-result__btn:hover svg,.challenge-result__btn:active{transform:none!important}}.blockly-panel__title-icon,.blockly-panel__title-hint,.workspace__arena-copy small{display:none}.workspace__arena-copy,.blockly-panel__title-copy{min-width:0}.workspace-host.is-challenge-mode{background:radial-gradient(circle at 7% 13%,#71c4ff33 0 84px,#0000 85px),radial-gradient(circle at 93% 88%,#b89aff29 0 118px,#0000 119px),radial-gradient(circle at 72% 4%,#ffd57024 0 72px,#0000 73px),radial-gradient(circle,#678bc621 1px,#0000 1.35px) 0 0/24px 24px,linear-gradient(145deg,#edf6ff 0%,#f7f9ff 48%,#f5f1ff 100%)}.workspace.is-challenge-mode{gap:16px}.workspace.is-challenge-mode .workspace__arena,.workspace.is-challenge-mode .blockly-panel--docked .blockly-panel__drawer{background:#fff!important;border:2px solid #d5e4f8!important;border-radius:22px!important;box-shadow:0 6px #dce8f8,0 16px 34px #4262931f!important}.workspace.is-challenge-mode .workspace__arena{border-color:#dcdcf8!important;box-shadow:0 6px #e3e3f8,0 16px 34px #4c53971f!important}.workspace.is-challenge-mode .workspace__arena-header,.workspace.is-challenge-mode .blockly-panel__header{border-bottom:2px solid #e1ebf8!important;height:66px!important;padding:0 18px!important}.workspace.is-challenge-mode .blockly-panel__header{background:linear-gradient(110deg,#eef8ff 0%,#f8fbff 58%,#fff9ec 100%)!important}.workspace.is-challenge-mode .workspace__arena-header{background:linear-gradient(110deg,#f2f6ff 0%,#fafbff 58%,#f8f3ff 100%)!important}.workspace.is-challenge-mode .blockly-panel__title-group,.workspace.is-challenge-mode .workspace__arena-title{gap:9px!important}.workspace.is-challenge-mode .blockly-panel__title-icon,.workspace.is-challenge-mode .workspace__arena-icon{color:#247eea;background:#fff;border:2px solid #bedcff;border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:inline-grid;box-shadow:0 3px #d7e8fb}.workspace.is-challenge-mode .workspace__arena-icon{color:#6e61da;background:#fbfaff;border-color:#d5d0fa;box-shadow:0 3px #e6e3fb}.workspace.is-challenge-mode .blockly-panel__title-icon svg,.workspace.is-challenge-mode .workspace__arena-icon svg{width:19px!important;height:19px!important}.workspace.is-challenge-mode .blockly-panel__title-copy,.workspace.is-challenge-mode .workspace__arena-copy{flex-direction:column;align-items:flex-start;gap:2px;line-height:1.05;display:flex}.workspace.is-challenge-mode .blockly-panel__title,.workspace.is-challenge-mode .workspace__arena-name{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden;color:#202b62!important;font-size:16px!important;font-weight:800!important}.workspace.is-challenge-mode .blockly-panel__title-hint,.workspace.is-challenge-mode .workspace__arena-copy small{color:#7183a4;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.2;display:block}.workspace.is-challenge-mode .blockly-panel__title-hint{color:#4d84ad}.workspace.is-challenge-mode .blockly-panel__title-group .blockly-panel__icon-btn{color:#6f91bc!important;width:24px!important;height:24px!important}.workspace.is-challenge-mode .blockly-panel__expand-btn,.workspace.is-challenge-mode .blockly-panel__header-control{border-width:2px!important;border-radius:11px!important;min-width:66px!important;height:34px!important;box-shadow:0 3px #7e96b821!important}.workspace.is-challenge-mode .blockly-panel__expand-btn{color:#7161d9!important;background:#f8f6ff!important;border-color:#d8d2fa!important;width:34px!important;min-width:34px!important}.workspace.is-challenge-mode .blockly-panel__header-control--run,.workspace.is-challenge-mode .blockly-panel__header-control--run.blockly-panel__btn--run{color:#087954!important;background:#eafaf3!important;border-color:#afe4cf!important}.workspace.is-challenge-mode .blockly-panel__header-control--stop,.workspace.is-challenge-mode .blockly-panel__header-control--stop.blockly-panel__btn--stop{color:#cf4b45!important;background:#fff1ef!important;border-color:#f3c9c6!important}.workspace.is-challenge-mode .blockly-panel__header-control:hover,.workspace.is-challenge-mode .blockly-panel__expand-btn:hover{filter:saturate(1.08)brightness(.99);box-shadow:0 2px #7e96b824!important}.workspace.is-challenge-mode .blockly-panel__workspace{border:2px solid #e0ebf8;border-radius:17px;background:radial-gradient(circle,#648fc933 1px,#0000 1.2px) 0 0/18px 18px,linear-gradient(145deg,#f8fbff,#f4f8ff)!important;margin:9px 10px 11px!important}.workspace.is-challenge-mode .workspace__stage{box-shadow:inset 0 0 0 1px #dce6f3,0 5px 14px #344e751a;background:#edf3fb!important;border:3px solid #fff!important;border-radius:18px!important;margin:10px!important}.workspace.is-challenge-mode .challenge-hud{background:#fffffff0;border:2px solid #dfe2f6;border-radius:13px;min-height:38px;box-shadow:0 3px #e7e8f7,0 7px 14px #4c549114}.workspace.is-challenge-mode .challenge-hud__metric,.workspace.is-challenge-mode .challenge-hud__metric:first-child{border-radius:8px;min-height:28px}.workspace.is-challenge-mode .challenge-hud__metric:first-child{color:#08775b;background:#e7f8f1}.workspace.is-challenge-mode .challenge-hud__metric+.challenge-hud__metric{color:#8a6519;background:#fff8e8}.workspace.is-challenge-mode .blockly-panel__header-control--run,.workspace.is-challenge-mode .blockly-panel__header-control--stop{gap:0!important;width:34px!important;min-width:34px!important;padding:0!important}.workspace.is-challenge-mode .blockly-panel__header-control--run span,.workspace.is-challenge-mode .blockly-panel__header-control--stop span{display:none!important}@media (width<=1180px){.workspace.is-challenge-mode .blockly-panel__title-hint{display:none}.workspace.is-challenge-mode .blockly-panel__title-group{gap:6px!important}.workspace.is-challenge-mode .blockly-panel__title-icon{flex-basis:30px;width:30px;height:30px}}@media (width<=820px){.workspace-host.is-challenge-mode{background:radial-gradient(circle,#678bc621 1px,#0000 1.35px) 0 0/24px 24px,linear-gradient(145deg,#edf6ff,#f5f1ff)}.workspace.is-challenge-mode .workspace__arena-header,.workspace.is-challenge-mode .blockly-panel__header{min-height:62px!important}}.workspace.is-challenge-mode .workspace__hud-host{justify-content:flex-end;align-items:center;display:flex}.workspace.is-challenge-mode .challenge-hud{width:auto;max-width:440px;min-height:34px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 auto;gap:8px;padding:0;overflow:visible}.workspace.is-challenge-mode .challenge-hud__main{flex:0 auto;gap:6px}.workspace.is-challenge-mode .challenge-hud__state{background:#ffffffb8;border:1px solid #e2e8f2;min-height:30px;padding-inline:8px}.workspace.is-challenge-mode .challenge-hud[data-status=running] .challenge-hud__state{background:#eaf8f3;border-color:#c8eadf}.workspace.is-challenge-mode .challenge-hud__metrics{background:#ffffffbd;border:1px solid #e1e8f2;border-radius:9px;flex:none;min-height:30px;padding:0 3px}.workspace.is-challenge-mode .challenge-hud__metric,.workspace.is-challenge-mode .challenge-hud__metric:first-child,.workspace.is-challenge-mode .challenge-hud__metric+.challenge-hud__metric{background:0 0;border:0;border-radius:0;min-height:28px;margin:0;padding:4px 8px}.workspace.is-challenge-mode .challenge-hud__metric:first-child{color:#08775b}.workspace.is-challenge-mode .challenge-hud__metric+.challenge-hud__metric{color:#7e651f}.workspace.is-challenge-mode .challenge-hud__actions{border-left:1px solid #dfe6ef;gap:2px;min-height:32px;margin-left:0;padding-left:7px}.workspace.is-challenge-mode .challenge-hud__reset,.workspace.is-challenge-mode .challenge-hud__exit{min-height:30px;padding:4px 7px}.workspace.is-challenge-mode .blockly-panel__workspace{border:0;border-radius:14px;box-shadow:inset 0 0 0 1px #d2e1f3b8}.workspace.is-challenge-mode .workspace__stage{box-shadow:0 3px 10px #344e7512;border:1px solid #e0e8f3!important;border-radius:16px!important}.workspace.is-challenge-mode .workspace__viewport canvas{transform-origin:50% 42%!important;transform:translateY(-5%)scale(1.025,1.13)!important}@media (width<=1180px){.workspace.is-challenge-mode .challenge-hud{max-width:400px}.workspace.is-challenge-mode .challenge-hud__state span{display:none}.workspace.is-challenge-mode .challenge-hud__state{justify-content:center;width:30px;padding:0}}@media (width<=820px){.workspace.is-challenge-mode .workspace__hud-host{justify-content:flex-start}.workspace.is-challenge-mode .challenge-hud{width:100%;max-width:none}.workspace.is-challenge-mode .challenge-hud__actions{margin-left:auto}}:root{--top-nav-h:104px;--sky-blue:#dceeff;--sky-cyan:#eaf9ff;--sky-lilac:#eeeaff;--sky-purple:#d8d5ff;--sky-ink:#182653;--sky-muted:#536b99;--glass-surface:#ffffffeb;--glass-surface-strong:#fffffff7;--glass-border:#ffffffb8;--sky-card-border:#96b4eb4f;--sky-shadow:0 16px 38px #375ba01a, 0 3px 10px #5874b40f, inset 0 1px 0 #fffffff2}body.has-top-nav{color:var(--sky-ink);background:linear-gradient(145deg, var(--sky-blue), #f5f9ff 48%, var(--sky-lilac))}.top-nav{height:var(--top-nav-h);isolation:isolate;background:radial-gradient(circle at 75% -30%,#ffffffb8 0 110px,#0000 112px),radial-gradient(circle at 29% 12%,#9d76ff3b 0 42px,#0000 44px),linear-gradient(112deg,#7389f4 0%,#7ecbf4 46%,#b8c9ff 72%,#d7c8fa 100%);border:0;grid-template-columns:minmax(210px,1fr) auto minmax(280px,1fr);align-items:center;gap:20px;padding:12px 24px;display:grid;overflow:visible;box-shadow:0 8px 28px #3d5ba71f}.top-nav__sky{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.top-nav__sky:before,.top-nav__sky:after,.top-nav__cloud{content:"";filter:blur(.2px);background:#ffffff8a;border-radius:999px;position:absolute}.top-nav__sky:before{width:210px;height:94px;bottom:-54px;left:18%;box-shadow:66px -24px 0 15px #ffffff80,142px 2px 0 2px #ffffff75}.top-nav__sky:after{width:178px;height:75px;top:-42px;right:1%;box-shadow:-58px 30px 0 4px #ffffff57}.top-nav__cloud--left{width:176px;height:92px;bottom:-57px;left:-58px;box-shadow:72px 11px 0 -5px #ffffff6b}.top-nav__spark{clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%);filter:drop-shadow(0 5px 8px #ebab2633);background:#ffd767;width:24px;height:24px;position:absolute}.top-nav__spark--one{top:48px;right:29%}.top-nav__spark--two{opacity:.56;width:13px;height:13px;top:12px;left:24%}.top-nav__brand,.top-nav__menu,.top-nav__actions{z-index:1;position:relative}.top-nav__brand{width:fit-content;max-width:270px;min-height:68px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:22px;justify-self:start;padding:7px 13px}.top-nav__menu{-webkit-backdrop-filter:blur(18px)saturate(1.12);background:#ffffffa8;border:1px solid #ffffffad;border-radius:35px;justify-self:center;gap:4px;width:auto;min-width:486px;min-height:66px;padding:7px;display:flex;position:static;box-shadow:0 12px 28px #3a59a41f,inset 0 1px #fffffff5;transform:none!important}.top-nav__tab{color:#315696;min-width:114px;height:50px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:26px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:15px;font-weight:700;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.top-nav__tab-icon{border-radius:8px;flex:0 0 23px;place-items:center;width:23px;height:23px;display:inline-grid}.top-nav__tab-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.top-nav__tab-icon--code{color:#7367ed}.top-nav__actions{justify-self:end;gap:10px;width:auto;min-width:0}.top-nav__action{color:#253b72;-webkit-backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #ffffffbd;border-radius:19px;flex-direction:column;justify-content:center;gap:3px;width:58px;height:64px;padding:7px 4px 6px;font-size:12px;font-weight:700;transition:background .2s,box-shadow .2s,color .2s;box-shadow:0 9px 20px #3654971f,inset 0 1px #fff}.top-nav__action:hover{color:#315bcc;background:#fff;border-color:#fffffff5;box-shadow:0 12px 24px #36549729,inset 0 1px #fff}.top-nav__user{-webkit-backdrop-filter:blur(14px);background:#ffffffd6;border:1px solid #ffffffc2;gap:10px;min-width:154px;min-height:64px;margin-left:2px;padding:5px 13px 5px 7px;transition:background .2s,box-shadow .2s;box-shadow:0 9px 20px #3654971f,inset 0 1px #fff}.top-nav__user:hover{background:#fff;box-shadow:0 12px 25px #36549729,inset 0 1px #fff}.top-nav__avatar{width:50px;height:50px;box-shadow:0 0 0 3px #fffffff5,0 5px 12px #2a539a26}.top-nav__user-level{background:linear-gradient(90deg,#7654ec,#9a4ff0)}.workspace-host,.workspace-host.is-challenge-mode,body.page-learn .learn-host,body.page-works .works-host,body.page-challenge .challenge-host,body.page-profile .profile-host,body.page-sub .sub-host{background:radial-gradient(circle at 7% 7%,#ffffffb8 0 68px,#0000 70px),radial-gradient(circle at 13% 10%,#ffffff73 0 112px,#0000 114px),radial-gradient(circle at 88% 5%,#ffdc6c38 0 58px,#0000 60px),radial-gradient(circle at 95% 18%,#aa8cff38 0 118px,#0000 120px),radial-gradient(circle at 79% 90%,#79dacf24 0 134px,#0000 136px),radial-gradient(circle,#5b87c91a 1px,#0000 1.4px) 0 0/28px 28px,linear-gradient(145deg,#e5f3ff 0%,#f7fbff 48%,#eeeaff 100%)}.workspace-host,body.page-learn .learn-host,body.page-works .works-host,body.page-challenge .challenge-host,body.page-profile .profile-host,body.page-sub .sub-host{top:var(--top-nav-h)}.card-panel,body.page-learn .learn-card,body.page-works .works-card,body.page-challenge .ch-card,body.page-profile .pf-card,body.page-sub .sub-card,body.page-sub .sub-top{border-color:var(--sky-card-border);background-color:var(--glass-surface);box-shadow:var(--sky-shadow);-webkit-backdrop-filter:blur(12px)saturate(1.04)}.workspace>.card-panel,.learn__aside>.learn-card,.learn__main>.learn-card,.works__aside>.works-card,.works__main>.works-card,.challenge__aside>.ch-card,.challenge__main>.ch-card,.profile__aside>.pf-card,.profile__main>.pf-card,.sub-page>.sub-card{border-radius:22px}@media (width<=1280px) and (width>=821px){:root{--top-nav-h:92px}.top-nav{grid-template-columns:minmax(170px,1fr) auto minmax(205px,1fr);gap:10px;padding:10px 16px}.top-nav__brand{max-width:205px;min-height:60px;padding:6px 10px}.top-nav__logo{width:185px}.top-nav__menu{min-width:392px;min-height:60px;padding:6px}.top-nav__tab{gap:7px;min-width:92px;height:46px;padding:0 12px}.top-nav__action{width:50px;height:58px}.top-nav__user{min-width:58px;min-height:58px;padding:4px}.top-nav__avatar{width:46px;height:46px}.top-nav__user-meta{display:none}}@media (width<=960px) and (width>=821px){.top-nav{grid-template-columns:58px minmax(0,1fr) auto}.top-nav__brand{justify-content:center;width:54px;min-height:58px;padding:6px}.top-nav__logo{display:none}.top-nav__logo-mark{width:42px;height:42px;display:block}.top-nav__actions{gap:6px}}@media (width<=820px){:root{--top-nav-h:72px}.top-nav,body.page-challenge-play .top-nav{height:var(--top-nav-h);grid-template-columns:46px minmax(0,1fr) auto;gap:7px;padding:7px 9px;display:grid}.top-nav__brand,body.page-challenge-play .top-nav__brand{border-radius:15px;justify-content:center;width:46px;min-height:48px;padding:5px;display:flex}.top-nav__logo{display:none}.top-nav__logo-mark{width:36px;height:36px;display:block}.top-nav__menu,body.page-challenge-play .top-nav__menu{border-radius:27px;gap:2px;width:100%;min-width:0;min-height:52px;padding:5px}.top-nav__tab,body.page-challenge-play .top-nav__tab{border-radius:21px;width:25%;min-width:0;height:40px;padding:0}.top-nav__tab-icon{flex-basis:21px;width:21px;height:21px}.top-nav__tab-icon svg{width:20px;height:20px}.top-nav__tab-label,.top-nav__action{display:none}.top-nav__actions,body.page-challenge-play .top-nav__actions{gap:0;width:auto;min-width:46px;display:flex}.top-nav__user,body.page-challenge-play .top-nav__user{border:1px solid #ffffffc2;width:46px;min-width:46px;height:46px;min-height:46px;padding:3px;display:inline-flex}.top-nav__avatar,body.page-challenge-play .top-nav__avatar{width:38px;height:38px}.top-nav__user-meta{display:none}.top-nav__spark--one{width:15px;height:15px;top:13px;right:8%}.workspace-host,body.page-learn .learn-host,body.page-works .works-host,body.page-challenge .challenge-host,body.page-profile .profile-host,body.page-sub .sub-host{background-size:auto,auto,auto,auto,auto,32px 32px,auto}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.top-nav__menu,.top-nav__action,.top-nav__user{background:#fffffff5}}@media (prefers-reduced-motion:reduce){.top-nav__tab,.top-nav__action,.top-nav__user{transition:none}}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav{box-shadow:none;-webkit-backdrop-filter:blur(4px)saturate(.78)brightness(1.08);background:linear-gradient(90deg,#5badf180 0%,#c7e8ffb3 42%,#e2e0ffad 72%,#cfb7f78f 100%);border-bottom:0}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#e4f1ff00 0%,#ebf6ff4d 52%,#edf7ffb0 100%);height:30px;position:absolute;bottom:0;left:0;right:0}body.has-top-nav .card-panel,body.page-learn .learn-card,body.page-works .works-card,body.page-challenge .ch-card,body.page-profile .pf-card,body.page-sub .sub-card,body.page-sub .sub-top{background-color:#fffffff6;border-color:#b2c9ef5c;box-shadow:0 13px 30px #3e5b9d17,0 2px 7px #4d68a40d,inset 0 1px #fffffffa}@media (width<=820px){body.has-top-nav:not(.page-login):not(.page-auth){background-position:top;background-size:auto 100%}}:root{--top-nav-h:104px}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav{height:var(--top-nav-h);padding:10px var(--nav-edge-x) 9px var(--nav-edge-x);-webkit-backdrop-filter:blur(10px)saturate(1.08);background:radial-gradient(circle at 63% 18%,#ffffffc7 0 18px,#0000 19px),radial-gradient(circle at 97% 22%,#ffffff9e 0 34px,#0000 35px),linear-gradient(104deg,#d3f4fff5 0%,#e1f4fff0 42%,#e8e8fff0 72%,#f0d7fff0 100%);border-bottom:1px solid #9bb9ef52;grid-template-columns:minmax(300px,1fr) auto minmax(390px,1fr);gap:22px;overflow:visible;box-shadow:0 4px 18px #4a6fb812}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav:before{content:"";z-index:0;opacity:.42;pointer-events:none;background-image:radial-gradient(circle,#76b8e8 1.5px,#0000 1.8px);background-size:12px 12px;width:54px;height:42px;position:absolute;top:20px;left:8px}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav:after{content:"</>";z-index:0;color:#ffffffb8;pointer-events:none;background:0 0;width:auto;height:auto;font:800 25px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;bottom:14px;left:auto;right:30.5%;transform:rotate(-8deg)}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav__sky{display:block}.top-nav__sky:before{opacity:.42;width:230px;height:98px;bottom:-76px;left:23%;box-shadow:76px -18px 0 10px #ffffff7a,155px 3px 0 1px #fff6}.top-nav__sky:after{opacity:.45;width:182px;height:76px;top:-44px;right:5%;box-shadow:-70px 27px 0 3px #ffffff6b}.top-nav__cloud--left{opacity:.54;width:190px;height:100px;bottom:-76px;left:-70px}.top-nav__cloud--right{opacity:.3;width:250px;height:120px;bottom:-92px;right:17%}.top-nav__spark--one{opacity:.78;background:#b45cff;width:22px;height:22px;top:27px;left:24.5%;right:auto}.top-nav__spark--two{opacity:1;background:#ffcb3c;width:15px;height:15px;top:20px;left:3.2%}.top-nav__brand{border-radius:0;max-width:310px;min-height:78px;padding:0}.top-nav__logo{filter:drop-shadow(0 2px 6px #ffffff59);width:305px;max-width:100%;height:auto;max-height:78px}.top-nav__menu{-webkit-backdrop-filter:blur(18px)saturate(1.16);background:#ffffffc2;border:1px solid #ffffffdb;border-radius:36px;gap:0;width:552px;min-width:552px;min-height:72px;padding:7px;box-shadow:0 10px 24px #435da91f,inset 0 1px #fffffffa}.top-nav__tab{color:#253b73;border-radius:29px;gap:10px;min-width:132px;height:58px;padding:0 20px;font-size:17px;font-weight:700}.top-nav__tab.is-active .top-nav__tab-icon{color:#fff}.top-nav__tab-icon{background:#ffffffb8;border-radius:10px;flex-basis:28px;width:28px;height:28px;box-shadow:0 2px 7px #32519717}.top-nav__tab.is-active .top-nav__tab-icon{background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff73}.top-nav__tab-icon svg{width:20px;height:20px}.top-nav__action{color:#25396d;background:#ffffffdb;border-radius:17px;flex-direction:row;gap:9px;width:98px;height:60px;padding:0 15px;font-size:15px;box-shadow:0 8px 18px #3d589d1a,inset 0 1px #fff}.top-nav__action span{white-space:nowrap;flex:none}.top-nav__action svg{width:22px;height:22px}.top-nav__user{background:#ffffffdb;border-radius:26px;gap:10px;width:204px;min-width:204px;min-height:72px;margin-left:2px;padding:7px 14px 7px 8px}.top-nav__avatar{flex:0 0 54px;width:54px;height:54px}.top-nav__user-meta{flex:1;gap:3px}.top-nav__user-name{color:#1b2b60;font-size:15px}.top-nav__user-level{width:fit-content;padding:2px 9px;font-size:11px}.top-nav__user-chevron{color:#1e3d80;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.top-nav__user-chevron svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (width<=1380px) and (width>=821px){:root{--top-nav-h:92px}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav{grid-template-columns:minmax(190px,1fr) auto minmax(240px,1fr);gap:10px;padding:9px 16px}.top-nav__brand{max-width:210px;min-height:66px}.top-nav__logo{width:205px;max-height:64px}.top-nav__menu{width:454px;min-width:454px;min-height:64px;padding:6px}.top-nav__tab{min-width:108px;height:50px;padding:0 13px;font-size:15px}.top-nav__action{width:58px;height:58px;padding:0}.top-nav__action span{display:none}.top-nav__user{width:58px;min-width:58px;min-height:58px;padding:4px}.top-nav__avatar{flex-basis:48px;width:48px;height:48px}.top-nav__user-meta,.top-nav__user-chevron{display:none}}body.has-top-nav:not(.page-login):not(.page-auth) .workspace-host,body.page-learn .learn-host,body.page-challenge .challenge-host,body.page-works .works-host,body.page-profile .profile-host{--page-arc-protrusion:18px;--page-arc-radius:44px;--page-arc-alpha-top:.82;--page-arc-alpha-mid:.7;--page-arc-blur:8px;--page-arc-content-pad:var(--page-pad);--page-arc-inset:clamp(30px, 4vw, 68px);padding:var(--page-pad) var(--page-edge-x);box-sizing:border-box}body.page-profile .profile-host{--page-arc-alpha-top:.4;--page-arc-alpha-mid:.18}body.has-top-nav:not(.page-login):not(.page-auth) .workspace-host:before,body.page-learn .learn-host:before,body.page-challenge .challenge-host:before,body.page-works .works-host:before,body.page-profile .profile-host:before{content:"";top:calc(var(--page-arc-content-pad) - var(--page-arc-protrusion));right:var(--page-arc-inset);left:var(--page-arc-inset);z-index:2;height:var(--page-arc-protrusion);pointer-events:none;border-radius:var(--page-arc-radius) var(--page-arc-radius) 0 0;background:linear-gradient(180deg, rgb(255 255 255/var(--page-arc-alpha-top)) 0%, rgb(255 255 255/var(--page-arc-alpha-mid)) 100%);-webkit-backdrop-filter:blur(var(--page-arc-blur)) saturate(1.06);border:1px solid #ffffffad;border-bottom:0;position:absolute;box-shadow:0 -1px #ffffff6b}body.has-top-nav:not(.page-login):not(.page-auth) .workspace-host>.workspace,body.page-learn .learn-host>.learn,body.page-challenge .challenge-host>.challenge,body.page-works .works-host>.works,body.page-profile .profile-host>.profile{z-index:1;position:relative}@media (width<=820px){body.has-top-nav:not(.page-login):not(.page-auth) .workspace-host,body.page-learn .learn-host,body.page-challenge .challenge-host,body.page-works .works-host,body.page-profile .profile-host{--page-arc-protrusion:10px;--page-arc-inset:16px;--page-arc-radius:32px}body.has-top-nav:not(.page-login):not(.page-auth) .workspace-host,body.page-learn .learn-host,body.page-challenge .challenge-host,body.page-works .works-host{--page-arc-content-pad:14px;padding-top:14px}body.page-profile .profile-host{--page-arc-content-pad:14px;--page-arc-alpha-top:.34;--page-arc-alpha-mid:.14}}@media (width<=640px){body.page-profile .profile-host{--page-arc-content-pad:12px}}body.has-top-nav:not(.page-login):not(.page-auth){background-color:#dcecff;background-image:linear-gradient(#4077f514 0%,#c4e0ff05 35%,#f2f7ff14 100%),url(/assets/backgrounds/codemotion-sky.webp);background-position:top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav{box-shadow:none;-webkit-backdrop-filter:blur(2px)saturate(1.08);background:linear-gradient(90deg,#476fec1f 0%,#62bdf914 45%,#9380f51a 100%);border-bottom:0;grid-template-columns:minmax(300px,1fr) auto minmax(390px,1fr);padding:10px 26px 9px 34px}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav:before,body.has-top-nav:not(.page-login):not(.page-auth) .top-nav:after,body.has-top-nav:not(.page-login):not(.page-auth) .top-nav__sky{display:none}body.has-top-nav:not(.page-login):not(.page-auth) .workspace-host,body.page-learn .learn-host,body.page-works .works-host,body.page-challenge .challenge-host,body.page-profile .profile-host,body.page-sub .sub-host{background:0 0!important}.top-nav__brand{max-width:320px}.top-nav__logo{filter:drop-shadow(0 2px 6px #ffffff59);width:300px;max-height:94px}.top-nav__menu{background:#ecf6ffb8;border-color:#fff9;border-radius:34px;gap:2px;width:576px;min-width:576px;min-height:66px;padding:7px;box-shadow:0 10px 24px #3752a61f,inset 0 1px #ffffffe0;transform:translate(-68px)!important}.top-nav__tab{color:#3368bd;border-radius:27px;min-width:138px;height:52px;padding:0 18px;font-size:16px}.top-nav__tab:hover{color:#275ab2;background:#ffffff7a}.top-nav__tab.is-active,.top-nav__tab.is-active:hover{color:#3472cf;background:#fffffff0;border-color:#fffffff5;box-shadow:0 7px 18px #415cb12b,inset 0 1px #fff}.top-nav__tab-icon{color:currentColor;width:29px;height:29px;box-shadow:none;background:0 0;flex-basis:29px}.top-nav__tab.is-active .top-nav__tab-icon{color:#fff;background:linear-gradient(145deg,#4e8df7 0%,#8e57ed 100%);box-shadow:0 4px 10px #554bdd40,inset 0 1px #ffffff61}.top-nav__tab-icon--learn{color:#3bbb69}.top-nav__tab-icon--challenge{color:#f2a516}.top-nav__tab-icon--works{color:#8253e8}.top-nav__actions{gap:10px}.top-nav__action{color:#1d3268;background:#ffffffe6;border-color:#fffc;border-radius:17px;flex-direction:column;gap:4px;width:62px;height:68px;padding:7px 4px 6px;font-size:13px;box-shadow:0 8px 18px #314c971f,inset 0 1px #fff}.top-nav__action svg{color:#1676e8;width:21px;height:21px}.top-nav__user{background:#ffffffe0;border-color:#ffffffd1;border-radius:34px;width:184px;min-width:184px;min-height:68px;padding:6px 13px 6px 7px;box-shadow:0 8px 18px #314c971f,inset 0 1px #fff}.top-nav__avatar{flex-basis:54px;width:54px;height:54px;box-shadow:0 0 0 3px #fffffff5,0 4px 10px #2a539a29}.top-nav__user-chevron{display:none}@media (width<=1380px) and (width>=821px){body.has-top-nav:not(.page-login):not(.page-auth) .top-nav{grid-template-columns:minmax(185px,1fr) auto minmax(220px,1fr);padding:9px 14px}.top-nav__brand{max-width:205px}.top-nav__logo{width:198px;max-height:62px}.top-nav__menu{width:456px;min-width:456px;min-height:62px;transform:translate(-24px)!important}.top-nav__tab{min-width:108px;height:48px;padding:0 12px;font-size:15px}.top-nav__action{width:54px;height:60px;padding:5px 3px}.top-nav__action span{display:block}.top-nav__user{width:58px;min-width:58px;min-height:58px;padding:4px}.top-nav__avatar{flex-basis:48px;width:48px;height:48px}}@media (width<=980px) and (width>=821px){.top-nav__menu{transform:none!important}}@media (width<=820px){body.has-top-nav:not(.page-login):not(.page-auth){background-position:top;background-size:auto 100%}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav,body.page-challenge-play .top-nav{-webkit-backdrop-filter:blur(2px);background:#76a9f61f}.top-nav__menu,body.page-challenge-play .top-nav__menu{transform:none!important}}@media (width<=980px) and (width>=821px){body.has-top-nav:not(.page-login):not(.page-auth) .top-nav{grid-template-columns:58px minmax(0,1fr) auto}.top-nav__brand{width:54px;min-height:58px;padding:6px}.top-nav__logo{display:none}.top-nav__logo-mark{width:42px;height:42px;display:block}}@media (width<=820px){:root{--top-nav-h:72px}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav,body.page-challenge-play .top-nav{height:var(--top-nav-h);grid-template-columns:46px minmax(0,1fr) 46px;gap:7px;padding:7px 9px}.top-nav__brand,body.page-challenge-play .top-nav__brand{width:46px;min-height:48px;padding:5px}.top-nav__menu,body.page-challenge-play .top-nav__menu{width:100%;min-width:0;min-height:52px;padding:5px}.top-nav__tab,body.page-challenge-play .top-nav__tab{width:25%;min-width:0;height:40px;padding:0}.top-nav__tab-icon{flex-basis:28px;width:28px;height:28px}.top-nav__user,body.page-challenge-play .top-nav__user{width:46px;min-width:46px;height:46px;min-height:46px;padding:3px}.top-nav__avatar,body.page-challenge-play .top-nav__avatar{flex-basis:38px;width:38px;height:38px}.top-nav__user-chevron{display:none}}.challenge-hud__stats{background:linear-gradient(#fffffff5 0%,#f1f8ffeb 100%);border:1px solid #bed6f5e6;border-radius:999px;align-items:center;gap:0;min-height:34px;padding:3px 4px;display:inline-flex;box-shadow:0 4px 12px #3762a814,inset 0 1px #fffffff2}.challenge-hud__stats .challenge-hud__state,.challenge-hud__stats .challenge-hud__metric{color:#4a6488;white-space:nowrap;border-radius:0;align-items:center;gap:6px;min-height:28px;margin:0;padding:0 12px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;box-shadow:none!important;background:0 0!important;border:0!important}.challenge-hud__stats .challenge-hud__metric{position:relative}.challenge-hud__stats .challenge-hud__metric:before{content:"";background:#d5e3f4;width:1px;position:absolute;top:7px;bottom:7px;left:0}.challenge-hud__stats .challenge-hud__state{color:#3d6fb8;padding-left:10px}.challenge-hud__stats .challenge-hud__state i{background:#3f8ef0;border:2px solid #d7e8ff;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 2px #3f8ef01f}.challenge-hud[data-status=running] .challenge-hud__stats .challenge-hud__state{color:#0d7a5c}.challenge-hud[data-status=running] .challenge-hud__stats .challenge-hud__state i{background:#16a77e;border-color:#c8f0e2;box-shadow:0 0 0 2px #16a77e24}.challenge-hud__stats .challenge-hud__metric svg{color:#5b7aab;flex:0 0 14px;width:14px;height:14px}.challenge-hud__stats .challenge-hud__metric[data-role=time-wrap]{color:#2f6fbf}.challenge-hud__stats .challenge-hud__metric[data-role=time-wrap] svg{color:#3f8ef0}.challenge-hud__stats .challenge-hud__metric[data-role=hits-wrap]{color:#b8861a;padding-right:12px}.challenge-hud__stats .challenge-hud__metric[data-role=hits-wrap] svg{color:#e0a020}.challenge-hud__stats .challenge-hud__metric b{color:inherit;font-variant-numeric:tabular-nums;margin-left:2px;font-weight:800}.challenge-hud__stats .challenge-hud__metric.is-urgent{color:#d23b3b!important;background:0 0!important}.challenge-hud__stats .challenge-hud__metric.is-urgent svg{color:#e14b4b}.challenge-hud__stats .challenge-hud__metric.is-paused{color:#2f6fbf!important;background:0 0!important}.challenge-hud__metrics{display:none}.workspace.is-challenge-mode .challenge-hud{width:auto;max-width:none;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0;display:flex!important}.workspace.is-challenge-mode .challenge-hud__main{flex:0 auto;align-items:center;gap:0;min-width:0;display:flex}.workspace.is-challenge-mode .challenge-hud__head,.workspace.is-challenge-mode .challenge-hud__tip{display:none!important}.workspace.is-challenge-mode .challenge-hud__stats{min-height:36px;padding:3px 5px}.workspace.is-challenge-mode .challenge-hud__stats .challenge-hud__state,.workspace.is-challenge-mode .challenge-hud__stats .challenge-hud__metric,.workspace.is-challenge-mode .challenge-hud__stats .challenge-hud__metric:first-child,.workspace.is-challenge-mode .challenge-hud__stats .challenge-hud__metric+.challenge-hud__metric{color:#4a6488;border-radius:0;min-height:30px;margin:0;padding:0 12px;background:0 0!important;border:0!important}.workspace.is-challenge-mode .challenge-hud__stats .challenge-hud__state{color:#3d6fb8;padding-left:11px}.workspace.is-challenge-mode .challenge-hud__stats .challenge-hud__metric[data-role=time-wrap]{color:#2f6fbf}.workspace.is-challenge-mode .challenge-hud__stats .challenge-hud__metric[data-role=hits-wrap]{color:#b8861a;padding-right:13px}.workspace.is-challenge-mode .challenge-hud__actions{border-left:0;align-items:center;gap:2px;min-height:36px;margin-left:2px;padding-left:0;display:inline-flex}.workspace.is-challenge-mode .challenge-hud__reset,.workspace.is-challenge-mode .challenge-hud__exit{min-height:34px;box-shadow:none;color:#5c7394;background:0 0;border:0;border-radius:10px;gap:5px;padding:6px 10px;font-size:12px;font-weight:700}.workspace.is-challenge-mode .challenge-hud__reset:hover{color:#6554c7;background:#efedff}.workspace.is-challenge-mode .challenge-hud__exit:hover{color:#c43f38;background:#ffebea}.workspace.is-challenge-mode .challenge-hud__reset svg,.workspace.is-challenge-mode .challenge-hud__exit svg{width:14px;height:14px}@media (width<=1100px){.challenge-hud__stats .challenge-hud__state span{display:none}.challenge-hud__stats .challenge-hud__state{justify-content:center;width:30px;padding:0}}@media (width<=820px){.workspace.is-challenge-mode .challenge-hud{flex-wrap:wrap;gap:6px;width:100%}.workspace.is-challenge-mode .challenge-hud__actions{margin-left:auto}}:root{--page-pad:20px;--page-edge-x:20px;--nav-edge-x:20px}body.has-top-nav:not(.page-login):not(.page-auth) .top-nav{padding-left:var(--nav-edge-x)!important;padding-right:var(--nav-edge-x)!important}body.has-top-nav:not(.page-login):not(.page-auth) .workspace-host,body.page-learn .learn-host,body.page-works .works-host,body.page-challenge .challenge-host,body.page-profile .profile-host,body.page-sub .sub-host:not(.challenge-play-host){box-sizing:border-box;padding-left:var(--page-edge-x)!important;padding-right:var(--page-edge-x)!important;padding-top:var(--page-pad)!important;padding-bottom:var(--page-pad)!important}body.page-sub .sub-host,body.page-challenge-play .challenge-play-host{padding-left:var(--page-edge-x)!important;padding-right:var(--page-edge-x)!important}@media (width<=900px){:root{--page-pad:14px;--page-edge-x:14px;--nav-edge-x:14px}}@media (width<=560px){:root{--page-pad:12px;--page-edge-x:12px;--nav-edge-x:12px}}body.page-pets{background:radial-gradient(90% 55% at 50% -8%,#93c5fd73 0%,#0000 58%),radial-gradient(50% 40% at 100% 20%,#c4b5fd47 0%,#0000 50%),linear-gradient(#eef4ff 0%,#e8eef8 45%,#eef3fa 100%)}.pets-page.sub-page{gap:16px}.pets-page .sub-top{background:#ffffffeb;border-color:#e2e8f0f2;box-shadow:0 6px 20px #2563eb0f}.pet-layout{flex-direction:column;gap:16px;display:flex}.pet-tabs{background:#ffffffbf;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;padding:4px;display:flex;box-shadow:0 2px 10px #0f172a0a}.pet-tab{appearance:none;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:7px;height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative}.pet-tab svg{width:16px;height:16px}.pet-tab__dot{background:#f43f5e;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite petTabDot;position:absolute;top:7px;right:9px;box-shadow:0 0 0 2px #fff}.pet-tab__dot[hidden]{display:none}@keyframes petTabDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){.pet-tab__dot,.pet-checkin__day.is-pop{animation:none}}.pet-tab:hover{color:#2f7bff;background:#eff6ffe6}.pet-tab.is-active{color:#2f7bff;background:#fff;box-shadow:0 2px 10px #2f7bff24}.pet-home-grid{grid-template-columns:minmax(240px,280px) minmax(0,1fr);align-items:stretch;gap:18px;display:grid}@media (width<=720px){.pet-home-grid{grid-template-columns:1fr}.pet-side{order:2}.pet-home-main{order:1}}.pet-home-main{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:24px 20px 26px;display:flex;position:relative;box-shadow:0 10px 32px #0f172a0f}.pet-stage-wrap{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.pet-drag-tip{color:#94a3b8;letter-spacing:.02em;margin:0;font-size:11px}.pet-side{background:linear-gradient(165deg,#fff 0%,#f8fafc 55%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:16px;min-height:100%;padding:20px 18px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #0f172a0d,inset 0 1px #ffffffe6}.pet-side:before{content:"";pointer-events:none;background:radial-gradient(circle,#2f7bff1f 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-36px}.pet-side__head{z-index:1;border-bottom:1px solid #e8eef6;align-items:center;gap:12px;padding-bottom:14px;display:flex;position:relative}.pet-side__badge{color:#2f7bff;background:linear-gradient(145deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 4px 12px #2f7bff1f}.pet-side__badge svg{width:20px;height:20px;display:block}.pet-side__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.pet-side__title{color:#1e293b;letter-spacing:.02em;margin:0;font-size:17px;font-weight:800;line-height:1.25}.pet-side__sub{color:#94a3b8;margin:0;font-size:12px;font-weight:500;line-height:1.35}.pet-outfit-list{z-index:1;flex-direction:column;flex:1;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.pet-outfit-row{background:#ffffffe0;border:1px solid #e8eef6;border-radius:16px;align-items:center;gap:12px;padding:12px;transition:background .15s,border-color .15s,box-shadow .15s,transform .12s;display:flex}.pet-outfit-row.is-on{background:#fff;border-color:#bfdbfe;box-shadow:0 4px 14px #2f7bff1a,inset 0 1px #ffffffe6}.pet-outfit-row.is-empty{cursor:pointer;background:#f8fafccc;border:1.5px dashed #cbd5e1}.pet-outfit-row.is-empty:hover{background:#fff;border-color:#93c5fd}.pet-outfit-row__icon{color:#2f7bff;background:linear-gradient(160deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 8px #2f7bff14}.pet-outfit-row__icon.is-empty{color:#94a3b8;box-shadow:none;background:#f8fafc;border:1.5px dashed #cbd5e1}.pet-outfit-row__plus{color:#94a3b8;opacity:.9;font-size:22px;font-weight:400;line-height:1}.pet-outfit-row__icon svg{width:22px;height:22px;display:block}.pet-side__btn svg,.pet-tab svg,.pet-attr__icon svg,.pet-tx__icon svg,.pet-item__icon svg,.pet-shop-card__icon svg{flex-shrink:0;display:block}.pet-outfit-row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pet-outfit-row__slot{color:#334155;letter-spacing:.01em;font-size:13px;font-weight:700}.pet-outfit-row.is-empty .pet-outfit-row__slot{color:#475569}.pet-outfit-row__hint{color:#94a3b8;font-size:11px;font-weight:500;line-height:1.3}.pet-outfit-row__name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.pet-outfit-row__val{color:#94a3b8;background:#f1f5f9;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:600}.pet-outfit-row__tag{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:999px;flex-shrink:0;padding:4px 9px;font-size:11px;font-weight:700}.pet-outfit-row__unequip{appearance:none;color:#b45309;cursor:pointer;background:#fff7ed;border:1px solid #fdba74;border-radius:999px;flex-shrink:0;margin:0;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.pet-outfit-row__unequip:hover{color:#9a3412;background:#ffedd5;border-color:#fb923c}.pet-outfit-row__unequip:focus-visible{outline-offset:2px;outline:2px solid #fb923c73}.pet-outfit-row.is-on{cursor:pointer}.pet-outfit-row.is-on:hover{background:#f8fbff;border-color:#bfdbfe}.pet-side__actions{z-index:1;border-top:1px solid #e8eef6;flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;display:flex;position:relative}.pet-side__btn{appearance:none;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 8px #0f172a0a}.pet-side__btn svg{width:17px;height:17px}.pet-side__btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.pet-side__btn:active{transform:scale(.98)}.pet-side__btn.is-shop{color:#fff;box-shadow:none;background:#2f7bff;border:none;border-radius:10px}.pet-side__btn.is-shop:hover{box-shadow:none;background:#2568ef}.pet-side__btn.is-shop svg{color:#fff}.pet-side__btn{border-radius:10px}.pet-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:6px;padding:12px 14px;display:flex}.pet-status__item{flex-direction:column;gap:6px;display:flex}.pet-status__meta{align-items:center;gap:8px;display:flex}.pet-status__meta .pet-attr__label{flex:1;width:auto}.pet-status__meta em{color:#334155;text-align:right;min-width:28px;font-size:14px;font-style:normal;font-weight:700}.pet-attr__icon{color:#f97316;background:#fff7ed;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;transition:background .3s,color .3s;display:grid}.pet-attr__icon svg{width:18px;height:18px}.pet-status__item.is-happy .pet-attr__icon{color:#f43f5e;background:#fff1f2}.pet-bar{background:#e2e8f0;border-radius:999px;height:8px;position:relative;overflow:hidden}.pet-bar i{border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#38bdf8);transition:width .55s cubic-bezier(.22,1,.36,1),background .35s;position:absolute;inset:0}.pet-status__item.is-happy .pet-bar i{background:linear-gradient(90deg,#fb7185,#f43f5e)}.pet-status__item[data-level=mid] .pet-bar i{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.pet-status__item[data-level=low] .pet-bar i{background:linear-gradient(90deg,#fb923c,#ef4444)}.pet-status__item.is-bump{animation:.65s pet-status-bump}.pet-status__item.is-bump .pet-bar{box-shadow:0 0 0 3px #2f7bff2e}.pet-status__item.is-bump.is-happy .pet-bar{box-shadow:0 0 0 3px #f43f5e29}.pet-status__item.is-bump .pet-status__meta em{color:#2563eb}@keyframes pet-status-bump{0%{transform:scale(1)}35%{transform:scale(1.03)}to{transform:scale(1)}}.pet-portrait.mood-hungry .pet-portrait__img,.pet-portrait.mood-sad .pet-portrait__img{filter:saturate(.82)brightness(.97);transition:filter .4s}.pet-stage{flex-direction:column;align-items:center;gap:6px;display:flex}.pet-tx-card{display:none}.pet-3d,.adopt-3d{cursor:grab;background:radial-gradient(circle at 50% 36%,#fff 0%,#eff6ff 45%,#dbeafe 78%,#bfdbfe 100%);border:2px solid #93c5fd;border-radius:50%;place-items:center;width:300px;height:300px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 32px #2f7bff29,inset 0 -22px 36px #3b82f61a}.pet-3d.is-dragging,.adopt-3d.is-dragging,.pet-portrait.is-dragging{cursor:grabbing}.pet-portrait{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.pet-portrait__stage{place-items:center;display:grid;position:absolute;inset:0}.pet-portrait__bob{transform-origin:50% 58%;will-change:transform;position:absolute;inset:0}.pet-portrait__img{object-fit:contain;object-position:center 54%;pointer-events:none;z-index:2;filter:drop-shadow(0 8px 12px #2563eb1f);background:0 0;width:100%;min-width:100%;height:100%;min-height:100%;position:absolute;inset:0}.pet-portrait__outfits{pointer-events:none;position:absolute;inset:0}.pet-portrait__outfits--back{z-index:1}.pet-portrait__outfits--front{z-index:3}.pet-portrait__wear{filter:drop-shadow(0 2px 4px #0000001f);will-change:transform;line-height:0;position:absolute}.pet-portrait__wear--hat{z-index:3}.pet-portrait__wear--collar{z-index:1}.pet-portrait__wear--face{z-index:2;opacity:.95}.pet-portrait__wear--back{opacity:.98}.pet-portrait__dine{z-index:5;pointer-events:none;opacity:0;transition:opacity .28s;position:absolute;inset:0}.pet-portrait__dine.is-active{opacity:1}.pet-portrait__dine-vignette{background:radial-gradient(circle at 50% 58%,#0000 28%,#0f172a1f 55%,#0f172a61 100%);border-radius:50%;position:absolute;inset:0}.pet-portrait__dine-glow{filter:blur(2px);opacity:.85;background:radial-gradient(#fbbf2461 0%,#fbbf2414 55%,#0000 72%);border-radius:50%;width:52%;height:28%;margin-left:-26%;animation:1.6s ease-in-out infinite pet-dine-glow-pulse;position:absolute;top:68%;left:50%}@keyframes pet-dine-glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.pet-portrait__dine-table{opacity:0;place-items:center;width:58%;height:34%;margin-left:-29%;transition:transform .38s cubic-bezier(.22,1.2,.36,1),opacity .32s;display:grid;position:absolute;bottom:6%;left:50%;transform:translateY(10px)scale(.88)}.pet-portrait__dine.is-serve .pet-portrait__dine-table{opacity:1;transform:translateY(0)scale(1)}.pet-portrait__dine-mat{background:radial-gradient(#fef3c7f2 0%,#fde68a8c 45%,#0000 72%);border-radius:50%;height:28%;position:absolute;bottom:4%;left:8%;right:8%;box-shadow:0 4px 10px #b453091f}.pet-portrait__dine-bowl{z-index:1;filter:drop-shadow(0 6px 8px #0f172a2e);width:96px;height:64px;position:relative}.pet-portrait__dine-bowl-rim{box-sizing:border-box;background:linear-gradient(#f8fafc 0%,#e2e8f0 55%,#cbd5e1 100%);border:2px solid #94a3b8;border-radius:50%;height:56%;position:absolute;top:34%;left:2%;right:2%}.pet-portrait__dine-bowl-inner{opacity:.9;background:radial-gradient(at 50% 30%,#fff7ed 0%,#fdba74 70%,#f59e0b 100%);border-radius:50%;height:36%;position:absolute;top:42%;left:12%;right:12%}.pet-portrait__dine-food{z-index:2;will-change:transform, opacity;filter:drop-shadow(0 3px 5px #0f172a38);place-items:center;width:64px;height:64px;margin-left:-32px;display:grid;position:absolute;top:0%;left:50%}.pet-portrait__dine-food .pet-item-art,.pet-portrait__dine-food .pet-dine-food-svg{width:58px;max-width:none;height:58px;display:block}.pet-portrait__dine.is-chew .pet-portrait__dine-bowl{animation:.28s ease-in-out infinite alternate pet-dine-bowl-nudge}@keyframes pet-dine-bowl-nudge{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(1px)rotate(1deg)}}.pet-portrait__dine-caption{z-index:3;color:#b45309;letter-spacing:.02em;opacity:0;white-space:nowrap;background:#ffffffeb;border-radius:999px;margin:0;padding:4px 12px;font:700 13px/1.3 system-ui,sans-serif;transition:opacity .28s,transform .32s cubic-bezier(.22,1.2,.36,1);position:absolute;top:10%;left:50%;transform:translate(-50%,6px)scale(.85);box-shadow:0 4px 14px #b4530926}.pet-portrait__dine-caption.is-show{opacity:1;transform:translate(-50%)scale(1)}.pet-portrait.is-dining .pet-portrait__img{filter:drop-shadow(0 8px 12px #2563eb1f)brightness(1.03)saturate(1.05)}.pet-portrait__play{z-index:5;pointer-events:none;opacity:0;transition:opacity .28s;position:absolute;inset:0}.pet-portrait__play.is-active{opacity:1}.pet-portrait__play-vignette{background:radial-gradient(circle at 50% 48%,#0000 30%,#f472b61a 58%,#5b21b638 100%);border-radius:50%;position:absolute;inset:0}.pet-portrait__play-glow{filter:blur(2px);background:radial-gradient(#f472b659 0%,#a78bfa1f 50%,#0000 72%);border-radius:50%;width:58%;height:32%;margin-left:-29%;animation:1.2s ease-in-out infinite pet-play-glow-pulse;position:absolute;top:55%;left:50%}@keyframes pet-play-glow-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.pet-portrait__play-prop{z-index:2;will-change:transform, opacity;filter:drop-shadow(0 4px 6px #9d174d38);place-items:center;width:58px;height:58px;margin-top:-29px;display:grid;position:absolute;top:62%;left:50%}.pet-portrait__play-prop .pet-item-art,.pet-portrait__play-prop .pet-play-toy-svg{width:54px;max-width:none;height:54px;display:block}.pet-portrait__play-caption{z-index:3;color:#be185d;letter-spacing:.02em;opacity:0;white-space:nowrap;background:#fffffff0;border-radius:999px;margin:0;padding:4px 12px;font:700 13px/1.3 system-ui,sans-serif;transition:opacity .28s,transform .32s cubic-bezier(.22,1.2,.36,1);position:absolute;top:10%;left:50%;transform:translate(-50%,6px)scale(.85);box-shadow:0 4px 14px #be185d29}.pet-portrait__play-caption.is-show{opacity:1;transform:translate(-50%)scale(1)}.pet-portrait.is-play-scene .pet-portrait__img{filter:drop-shadow(0 8px 12px #2563eb1f)brightness(1.04)saturate(1.08)}.pet-portrait__anchor-layer{z-index:8;pointer-events:none;position:absolute;inset:0}.pet-anchor-dot{color:#fff;text-align:center;text-transform:uppercase;background:#ef4444e6;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;font:700 10px/18px system-ui,sans-serif;position:absolute;box-shadow:0 0 0 2px #fff,0 2px 6px #00000040}.pet-anchor-dot.is-active{background:#2563eb;transform:scale(1.2)}.pet-portrait.is-calibrating{outline-offset:4px;outline:2px dashed #2563eb}.pet-calibrate-panel{z-index:100000;color:#e2e8f0;background:#0f172af0;border-radius:14px;width:min(360px,100vw - 32px);padding:14px 14px 12px;font:13px/1.45 system-ui,sans-serif;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 40px #0f172a59}.pet-calibrate-panel__title{margin-bottom:4px;font-size:14px;display:block}.pet-calibrate-panel__hint{color:#94a3b8;margin:0 0 10px;font-size:12px}.pet-calibrate-panel__slots{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pet-calibrate-panel__slot{color:#e2e8f0;cursor:pointer;font:inherit;background:#1e293b;border:1px solid #334155;border-radius:999px;padding:6px 10px}.pet-calibrate-panel__slot.is-active{background:#2563eb;border-color:#3b82f6}.pet-calibrate-panel__out{color:#86efac;white-space:pre-wrap;background:#0f172a;border-radius:8px;max-height:140px;margin:0 0 10px;padding:8px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.pet-calibrate-panel__actions{flex-wrap:wrap;gap:6px;display:flex}.pet-calibrate-panel__btn{color:#052e16;cursor:pointer;background:#22c55e;border:0;border-radius:8px;padding:7px 10px;font:600 12px system-ui,sans-serif}.pet-calibrate-panel__btn.is-ghost{color:#e2e8f0;background:#334155}.pet-wear-svg{width:calc(58px * var(--pet-wear-scale,1));height:calc(58px * var(--pet-wear-scale,1));display:block}.pet-wear-svg--sm{width:calc(48px * var(--pet-wear-scale,1));height:calc(48px * var(--pet-wear-scale,1))}.pet-wear-svg--face{width:calc(96px * var(--pet-wear-scale,1));height:calc(48px * var(--pet-wear-scale,1))}.pet-wear-svg--back{width:calc(72px * var(--pet-wear-scale,1));height:calc(72px * var(--pet-wear-scale,1))}.pet-wear-svg--wings{width:calc(132px * var(--pet-wear-scale,1));height:calc(76px * var(--pet-wear-scale,1))}.pet-wear-dot{background:#94a3b8;border-radius:50%;width:14px;height:14px;display:block}.pet-portrait__fx{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.pet-portrait__particle{pointer-events:none;border-radius:50%;animation:.9s ease-out forwards pet-particle-fly;position:absolute;box-shadow:0 0 6px #ffffff80}.pet-portrait__particle--heart{box-shadow:none;filter:drop-shadow(0 1px 2px #f43f5e59);border-radius:0;place-items:center;font-size:14px;line-height:1;display:grid;background:0 0!important}.pet-portrait__particle--fur{border-radius:40% 60% 55% 45%}@keyframes pet-particle-fly{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx,0), var(--dy,-60px)) scale(.3)}}.pet-portrait__paw{z-index:6;pointer-events:none;opacity:0;visibility:hidden;filter:drop-shadow(0 4px 6px #b4642847);transform-origin:50% 80%;width:72px;height:72px;position:absolute}.pet-portrait__paw.is-visible{opacity:1;visibility:visible}.pet-portrait__paw.is-scratch-left{animation:.72s cubic-bezier(.34,1.4,.64,1) both pet-scratch-left;top:42%;left:4%}.pet-portrait__paw.is-scratch-right{animation:.72s cubic-bezier(.34,1.4,.64,1) both pet-scratch-right;top:42%;left:auto;right:4%}.pet-portrait__paw.is-foot-left{width:56px;height:56px;animation:.72s cubic-bezier(.34,1.35,.64,1) both pet-foot-kick-left;top:68%;left:18%}.pet-portrait__paw.is-foot-right{width:56px;height:56px;animation:.72s cubic-bezier(.34,1.35,.64,1) both pet-foot-kick-right;top:68%;left:auto;right:18%}.pet-paw-svg{width:100%;height:100%;display:block}.pet-paw-fur{fill:var(--pet-body,#ffb347)}.pet-paw-pad{fill:var(--pet-paw,#ffd4a8)}@keyframes pet-foot-kick-left{0%{opacity:0;transform:translate(8px,24px)rotate(20deg)scale(.5)}30%{opacity:1;transform:translate(-6px,-18px)rotate(-18deg)scale(1.08)}55%{transform:translate(4px,-4px)rotate(8deg)scale(1)}75%{transform:translate(-10px,-22px)rotate(-22deg)scale(1.05)}to{opacity:0;transform:translate(6px,16px)rotate(12deg)scale(.65)}}@keyframes pet-foot-kick-right{0%{opacity:0;transform:translate(-8px,24px)rotate(-20deg)scale(.5)scaleX(-1)}30%{opacity:1;transform:translate(6px,-18px)rotate(18deg)scale(1.08)scaleX(-1)}55%{transform:translate(-4px,-4px)rotate(-8deg)scale(1)scaleX(-1)}75%{transform:translate(10px,-22px)rotate(22deg)scale(1.05)scaleX(-1)}to{opacity:0;transform:translate(-6px,16px)rotate(-12deg)scale(.65)scaleX(-1)}}@keyframes pet-scratch-left{0%{opacity:0;transform:translate(-40px,28px)rotate(-50deg)scale(.55)}22%{opacity:1;transform:translate(4px,-6px)rotate(-18deg)scale(1.05)}40%{transform:translate(-10px,4px)rotate(-38deg)scale(1)}55%{transform:translate(8px,-10px)rotate(-12deg)scale(1.08)}72%{transform:translate(-6px,2px)rotate(-28deg)scale(1)}to{opacity:0;transform:translate(-24px,18px)rotate(-42deg)scale(.7)}}@keyframes pet-scratch-right{0%{opacity:0;transform:translate(40px,28px)rotate(50deg)scale(.55)scaleX(-1)}22%{opacity:1;transform:translate(-4px,-6px)rotate(18deg)scale(1.05)scaleX(-1)}40%{transform:translate(10px,4px)rotate(38deg)scale(1)scaleX(-1)}55%{transform:translate(-8px,-10px)rotate(12deg)scale(1.08)scaleX(-1)}72%{transform:translate(6px,2px)rotate(28deg)scale(1)scaleX(-1)}to{opacity:0;transform:translate(24px,18px)rotate(42deg)scale(.7)scaleX(-1)}}.pet-portrait__slash{pointer-events:none;transform-origin:50%;background:linear-gradient(90deg,#fb923c00,#fb923cbf,#fb923c00);border-radius:2px;width:18px;height:3px;position:absolute}.pet-portrait__slash--left{animation:.45s ease-out forwards pet-slash-left}.pet-portrait__slash--right{animation:.45s ease-out forwards pet-slash-right}@keyframes pet-slash-left{0%{opacity:0;transform:rotate(-38deg)scaleX(.2)}35%{opacity:1;transform:rotate(-38deg)scaleX(1.1)}to{opacity:0;transform:rotate(-38deg)scaleX(1)translateY(-6px)}}@keyframes pet-slash-right{0%{opacity:0;transform:rotate(38deg)scaleX(.2)}35%{opacity:1;transform:rotate(38deg)scaleX(1.1)}to{opacity:0;transform:rotate(38deg)scaleX(1)translateY(-6px)}}.pet-portrait.is-poking .pet-portrait__bob,.pet-portrait.is-touch-face .pet-portrait__bob{animation:.65s both pet-react-bright}.pet-portrait.is-eating .pet-portrait__img{animation:1.5s both pet-care-glow-warm}.pet-portrait.is-playing .pet-portrait__img{animation:1.4s both pet-care-glow-play}.pet-portrait.is-equipping .pet-portrait__img{animation:.8s both pet-react-bright}.pet-portrait.is-touch-ear-l .pet-portrait__img,.pet-portrait.is-touch-ear-r .pet-portrait__img{animation:.7s both pet-react-bright}.pet-portrait.is-touch-head .pet-portrait__img{animation:.65s both pet-react-press}.pet-portrait.is-touch-belly .pet-portrait__img{animation:.78s both pet-react-tickle}.pet-portrait.is-touch-foot-l .pet-portrait__img,.pet-portrait.is-touch-foot-r .pet-portrait__img{animation:.72s both pet-react-bright}@keyframes pet-react-bright{0%{filter:brightness()}30%{filter:brightness(1.07)}to{filter:brightness()}}@keyframes pet-care-glow-warm{0%{filter:brightness()saturate()}20%{filter:brightness(1.12)saturate(1.15)drop-shadow(0 0 10px #fbbf2473)}55%{filter:brightness(1.06)saturate(1.08)}to{filter:brightness()saturate()}}@keyframes pet-care-glow-play{0%{filter:brightness()saturate()}18%{filter:brightness(1.14)saturate(1.2)drop-shadow(0 0 12px #f472b666)}50%{filter:brightness(1.08)saturate(1.1)}to{filter:brightness()saturate()}}@keyframes pet-react-press{0%{filter:brightness();transform:scale(1)}25%{filter:brightness(1.04);transform:scale(.97)translateY(4px)}55%{transform:scale(1.02)translateY(-2px)}to{filter:brightness();transform:scale(1)}}@keyframes pet-react-tickle{0%,to{filter:brightness()}20%{filter:brightness(1.05);transform:translate(-3px)rotate(-1deg)}40%{transform:translate(4px)rotate(1.2deg)}60%{transform:translate(-3px)rotate(-.8deg)}80%{transform:translate(2px)}}.pet-portrait__particle--emoji{filter:drop-shadow(0 2px 4px #0f172a33);place-items:center;line-height:1;display:grid;box-shadow:none!important;background:0 0!important;border-radius:0!important}.pet-portrait{cursor:pointer}.pet-drag-tip{display:none}.pet-fx{z-index:6;color:#2f7bff;text-align:center;opacity:0;pointer-events:none;white-space:nowrap;width:max-content;max-width:90%;min-height:0;margin:0;font-size:13px;font-weight:700;position:absolute;top:calc(50% + 108px);left:50%;transform:translate(-50%,6px)}.pet-fx.is-pop{animation:1.3s forwards pet-fx-pop}@keyframes pet-fx-pop{0%{opacity:0;transform:translate(-50%,8px)scale(.92)}18%{opacity:1;transform:translate(-50%)scale(1.05)}70%{opacity:1;transform:translate(-50%,-4px)scale(1)}to{opacity:0;transform:translate(-50%,-14px)scale(.98)}}.pet-name{align-items:center;gap:6px;margin-top:2px;display:flex}.pet-name strong{color:#1e293b;letter-spacing:.02em;font-size:20px;font-weight:800}.pet-rename-form{gap:6px;width:100%;max-width:260px;display:flex}.pet-rename-form input{border:1px solid #e2e8f0;border-radius:9px;flex:1;height:34px;padding:0 10px;font-family:inherit;font-size:13px}.btn-pet{appearance:none;color:#fff;cursor:pointer;background:#f43f5e;border:none;border-radius:9px;height:34px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600}.btn-pet:hover{background:#e11d48}.pet-modal{z-index:80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.pet-modal[hidden]{display:none!important}.pet-modal__mask{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a6b;position:absolute;inset:0}.pet-modal__panel{background:#fff;border-radius:18px;flex-direction:column;gap:10px;width:min(360px,100%);padding:22px 20px 18px;display:flex;position:relative;box-shadow:0 20px 50px #0f172a38}.pet-modal__title{color:#1e293b;margin:0;font-size:17px;font-weight:700}.pet-modal__desc{color:#94a3b8;margin:0;font-size:13px}.pet-modal__input{border:1px solid #e2e8f0;border-radius:11px;outline:none;height:40px;padding:0 12px;font-family:inherit;font-size:14px}.pet-modal__input:focus{border-color:#fda4af;box-shadow:0 0 0 3px #f43f5e1f}.pet-modal__actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.pet-modal__btn{appearance:none;cursor:pointer;border:none;border-radius:10px;height:36px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600}.pet-modal__btn.is-ghost{color:#64748b;background:#f1f5f9}.pet-modal__btn.is-ghost:hover{background:#e2e8f0}.pet-modal__btn.is-primary{color:#fff;background:#f43f5e}.pet-modal__btn.is-primary:hover{background:#e11d48}.pet-confirm__mask{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(#312e816b,#1e3a8a80)}.pet-confirm__panel{text-align:center;background:#fff;border-radius:20px;width:min(360px,100%);padding:26px 24px 22px;animation:.28s cubic-bezier(.34,1.56,.64,1) pet-confirm-in;position:relative;overflow:hidden;box-shadow:0 8px 32px #8193ff40,0 20px 50px #1e3a8a2e}.pet-confirm__panel:before{content:"";background:linear-gradient(90deg,#ffd166,#ff9a3c 55%,#ff6b35);height:5px;position:absolute;top:0;left:0;right:0}.pet-confirm__art{margin:2px 0 4px}.pet-confirm__art-svg{width:250px;height:auto;margin:0 auto;display:block}.pet-confirm__title{color:#242424;margin:0 0 8px;font-size:18px;font-weight:800}.pet-confirm__desc{color:#666;margin:0 0 20px;font-size:13px;line-height:1.7}.pet-confirm__actions{gap:12px;display:flex}.pet-confirm__btn{appearance:none;cursor:pointer;border:none;border-radius:12px;flex:1;height:44px;font-family:inherit;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s}.pet-confirm__btn.is-ghost{color:#333;background:#fff;border:1px solid #e5e7eb}.pet-confirm__btn.is-ghost:hover{background:#f9fafb}.pet-confirm__btn.is-primary{color:#fff;background:linear-gradient(90deg,#ff6b35,#ff9a3c);position:relative;overflow:hidden;box-shadow:0 6px 14px #ff6b3552}.pet-confirm__btn.is-primary:after{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:12px 12px 0 0;height:55%;position:absolute;inset:0 0 auto}.pet-confirm__btn.is-primary:hover{background:linear-gradient(90deg,#ff5a2a,#ff9434);transform:translateY(-1px);box-shadow:0 8px 18px #ff6b3566}.pet-confirm__btn.is-primary:active{transform:scale(.97)}@keyframes pet-confirm-in{0%{opacity:0;transform:translateY(14px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.pet-modal.is-sky-outfit .pet-sky-mask{-webkit-backdrop-filter:blur(5px);background:#0f172a66}.pet-modal.is-sky-outfit .pet-modal__panel.is-outfit{opacity:0;transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);transform:translateY(10px)scale(.985)}.pet-modal.is-sky-outfit.is-open .pet-modal__panel.is-outfit{opacity:1;transform:translateY(0)scale(1)}.pet-modal__panel.is-outfit{background:#fff;border:1px solid #e8edf5;border-radius:20px;flex-direction:column;gap:0;width:min(400px,100% - 32px);padding:24px 24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0f172a0a,0 18px 40px #0f172a1f}.pet-sky-head{z-index:1;align-items:flex-start;gap:12px;margin-bottom:4px;display:flex;position:relative}.pet-sky-head__text{flex:1;min-width:0;padding-top:2px}.pet-sky-title{color:#1e293b;margin:0;font-size:18px;font-weight:700;line-height:1.3}.pet-sky-desc{color:#64748b;margin:4px 0 0;font-size:13px;font-weight:400;line-height:1.4}.pet-sky-x{appearance:none;cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;transition:color .15s,background .15s;display:grid}.pet-sky-x:hover{color:#64748b;background:#f1f5f9}.pet-sky-x:focus-visible{outline-offset:2px;outline:2px solid #2f7bff}.pet-outfit-pick{z-index:1;scrollbar-width:thin;scrollbar-color:#94a3b866 transparent;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 12px;max-height:min(42vh,320px);margin:0;padding:16px 0 8px;list-style:none;display:grid;position:relative;overflow-y:auto}.pet-outfit-pick.is-empty{justify-content:center;max-height:none;padding:28px 0 20px;display:flex}.pet-outfit-pick__item{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;gap:8px;padding:0;transition:transform .12s;display:flex}.pet-outfit-pick__item:hover{transform:translateY(-2px)}.pet-outfit-pick__item:focus-visible .pet-outfit-pick__frame{box-shadow:0 0 0 3px #2f7bff47}.pet-outfit-pick__frame{background:#fff;border:2px solid #e2e8f0;border-radius:16px;place-items:center;width:84px;height:84px;transition:border-color .15s,box-shadow .15s;display:grid;position:relative}.pet-outfit-pick__item:hover .pet-outfit-pick__frame{border-color:#93c5fd;box-shadow:0 6px 16px #2f7bff1a}.pet-outfit-pick__item.is-worn .pet-outfit-pick__frame{background:linear-gradient(160deg,#eff6ff,#fff);border-color:#2f7bff;box-shadow:0 0 0 1px #2f7bff1f}.pet-outfit-pick__icon{place-items:center;width:52px;height:52px;display:grid}.pet-outfit-pick__icon .pet-item-art,.pet-outfit-pick__icon svg{width:44px;height:44px;display:block}.pet-outfit-pick__action{color:#b45309;margin-top:2px;font-size:11px;font-weight:700}.pet-outfit-pick__action.is-wear{color:#2563eb}.pet-outfit-pick__item.is-worn .pet-outfit-pick__action{color:#c2410c}.pet-outfit-pick__unequip-bar{grid-column:1/-1;justify-content:center;padding:4px 0 2px;list-style:none;display:flex}.pet-outfit-pick__unequip-btn{min-width:160px}.pet-outfit-pick__worn-mark{color:#fff;background:#2f7bff;border-radius:6px;align-items:center;height:18px;padding:0 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:5px;left:5px}.pet-outfit-pick__name{color:#1e293b;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.pet-outfit-pick__empty{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;max-width:280px;padding:4px 8px 0;list-style:none;display:flex}.pet-outfit-pick__empty-art{background:#f8fafc;border:1px solid #eef2f7;border-radius:20px;place-items:center;width:88px;height:88px;margin:0 0 16px;display:grid}.pet-outfit-pick__empty-svg{width:56px;height:56px;display:block}.pet-outfit-pick__empty-title{color:#1e293b;margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.3;display:block}.pet-outfit-pick__empty-desc{color:#64748b;margin:0;font-size:13px;font-weight:400;line-height:1.5;display:block}.pet-sky-actions{z-index:1;gap:10px;margin-top:18px;display:flex;position:relative}.pet-sky-btn{appearance:none;cursor:pointer;border:none;border-radius:10px;flex:1;height:42px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .1s}.pet-sky-btn:active{transform:scale(.98)}.pet-sky-btn:focus-visible{outline-offset:2px;outline:2px solid #2f7bff}.pet-sky-btn.is-ghost{color:#334155;background:#fff;border:1.5px solid #e2e8f0}.pet-sky-btn.is-ghost:hover{background:#f8fafc;border-color:#cbd5e1}.pet-sky-btn.is-glow{color:#fff;box-shadow:none;background:#2f7bff}.pet-sky-btn.is-glow:hover{background:#2568ef}@media (width<=420px){.pet-modal__panel.is-outfit{border-radius:18px;padding:20px 16px 16px}.pet-outfit-pick__frame{width:76px;height:76px}.pet-sky-btn{height:40px;font-size:13px}}@media (prefers-reduced-motion:reduce){.pet-modal.is-sky-outfit .pet-modal__panel.is-outfit{transition:none}}.pet-bag-card{min-height:320px;padding:22px 22px 28px}.pet-section-tip{color:#94a3b8;margin:-4px 0 12px;font-size:12px}.pet-album{flex-direction:column;gap:22px;display:flex}.pet-album__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.pet-album__title{color:#1e293b;margin:0;font-size:18px;font-weight:700;line-height:1.3}.pet-album__stat{color:#64748b;margin:4px 0 0;font-size:13px}.pet-album__stat strong{color:#2f7bff;font-variant-numeric:tabular-nums;font-weight:700}.pet-album__shop{appearance:none;color:#fff;cursor:pointer;height:36px;box-shadow:none;background:#2f7bff;border:none;border-radius:10px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.pet-album__shop:hover{background:#2568ef}.pet-album__sec{flex-direction:column;gap:12px;display:flex}.pet-album__sec-head{align-items:baseline;gap:8px;display:flex}.pet-album__sec-title{color:#334155;margin:0;font-size:14px;font-weight:700}.pet-album__sec-count{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.pet-album__grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 12px;display:grid}.pet-cell{appearance:none;cursor:pointer;text-align:center;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;min-width:0;margin:0;padding:0;font-family:inherit;transition:transform .12s;display:flex}.pet-cell:hover{transform:translateY(-2px)}.pet-cell:focus-visible{outline-offset:3px;border-radius:12px;outline:2px solid #2f7bff}.pet-cell__frame{background:#f8fafc;border:2.5px solid #e2e8f0;border-radius:16px;place-items:center;width:88px;height:88px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid;position:relative;box-shadow:0 2px 8px #0f172a0a}.pet-cell.is-owned .pet-cell__frame{background:#fff}.pet-cell.is-food.is-owned .pet-cell__frame{background:linear-gradient(160deg,#fffbeb,#fff);border-color:#fbbf24;box-shadow:0 4px 14px #f59e0b1f}.pet-cell.is-toy.is-owned .pet-cell__frame{background:linear-gradient(160deg,#fdf2f8,#fff);border-color:#f472b6;box-shadow:0 4px 14px #ec48991a}.pet-cell.is-cosmetic.is-owned .pet-cell__frame{background:linear-gradient(160deg,#f5f3ff,#fff);border-color:#a78bfa;box-shadow:0 4px 14px #7c3aed1a}.pet-cell.is-card.is-owned .pet-cell__frame{background:linear-gradient(160deg,#f0f9ff,#fff);border-color:#38bdf8;box-shadow:0 4px 14px #0284c71a}.pet-cell.is-equipped .pet-cell__frame{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed26,0 6px 16px #7c3aed29}.pet-cell.is-locked .pet-cell__frame{background:#f1f5f9;border-style:solid;border-color:#e2e8f0}.pet-cell.is-locked:hover .pet-cell__frame{background:#eef2f7;border-color:#cbd5e1}.pet-cell__art{place-items:center;width:56px;height:56px;display:grid}.pet-cell__art .pet-item-art,.pet-cell__art svg{width:48px;height:48px;display:block}.pet-cell__q{color:#cbd5e1;-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif;font-size:36px;font-weight:700;line-height:1}.pet-cell__qty{color:#fff;font-variant-numeric:tabular-nums;background:#0f172ab8;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;bottom:4px;right:4px}.pet-cell__tag{color:#fff;background:#7c3aed;border-radius:6px;align-items:center;height:18px;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:4px;left:4px}.pet-cell__name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.pet-cell.is-locked .pet-cell__name{color:#94a3b8;font-weight:500}.pet-cell__act{color:#2f7bff;opacity:.9;font-size:11px;font-weight:600;line-height:1}.pet-cell.is-equipped .pet-cell__act{color:#7c3aed}.pet-cell.is-locked .pet-cell__act{display:none}@media (width<=560px){.pet-album__grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:12px 8px}.pet-cell__frame{border-radius:14px;width:76px;height:76px}.pet-cell__art .pet-item-art,.pet-cell__art svg{width:40px;height:40px}.pet-cell__q{font-size:30px}}.pet-item{background:#fff;border:1px solid #e8edf5;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.pet-item__icon{background:#f8fafc;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.pet-item__icon .pet-item-art{width:32px;height:32px}.pet-shop-card-wrap{padding-bottom:8px}.pet-checkin-entry{appearance:none;text-align:left;cursor:pointer;width:100%;color:inherit;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;border-radius:14px;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;font-family:inherit;transition:transform .12s,box-shadow .15s,border-color .15s;display:flex;position:relative}.pet-checkin-entry:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f9731624}.pet-checkin-entry:active{transform:translateY(0)}.pet-checkin-entry[hidden]{display:none!important}.pet-checkin-entry.is-done{box-shadow:none;background:#f8fafc;border-color:#e2e8f0}.pet-checkin-entry.is-done:hover{box-shadow:0 4px 12px #0f172a0f}.pet-checkin-entry__icon{color:#f97316;background:#fff;border:1px solid #fed7aa;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.pet-checkin-entry.is-done .pet-checkin-entry__icon{color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0}.pet-checkin-entry__icon svg{width:18px;height:18px}.pet-checkin-entry__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pet-checkin-entry__title{color:#7c2d12;font-size:14px;font-weight:700;line-height:1.2}.pet-checkin-entry.is-done .pet-checkin-entry__title{color:#475569}.pet-checkin-entry__sub{color:#c2703d;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-style:normal;overflow:hidden}.pet-checkin-entry.is-done .pet-checkin-entry__sub{color:#94a3b8}.pet-checkin-entry__cta{color:#fff;background:#f97316;border-radius:9px;flex-shrink:0;align-items:center;height:30px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.pet-checkin-entry.is-done .pet-checkin-entry__cta{color:#64748b;background:#e2e8f0}.pet-checkin-entry__dot{background:#f43f5e;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px;box-shadow:0 0 0 2px #fff7ed}.pet-modal.is-care .pet-modal__panel.is-care{background:#fff;border-radius:20px;align-items:center;gap:10px;width:min(420px,100%);padding:18px 18px 16px}.pet-care__title{color:#1e293b;text-align:center;margin:0;font-size:20px;font-weight:600}.pet-care__item{color:#64748b;text-align:center;margin:0;font-size:13px;font-weight:500}.pet-care__stage{background:radial-gradient(circle at 50% 36%,#fff 0%,#eff6ff 45%,#dbeafe 78%,#bfdbfe 100%);border:2px solid #93c5fd;border-radius:50%;flex:none;width:min(280px,68vw);height:min(280px,68vw);position:relative;overflow:hidden;box-shadow:0 12px 32px #2f7bff29,inset 0 -22px 36px #3b82f61a}.pet-care__frame{object-fit:contain;object-position:50% 54%;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0}.pet-care__frame.is-on{opacity:1}.pet-care__prop{z-index:4;pointer-events:none;filter:drop-shadow(0 6px 8px #0f172a29);place-items:center;width:72px;height:72px;display:grid;position:absolute}.pet-care__prop[hidden]{display:none!important}.pet-care__prop .pet-item-art{width:64px;height:64px}.pet-care__prop.is-toy,.pet-care__prop.is-yarn{animation:.7s ease-in-out infinite pet-care-toy-bounce;top:36%;left:10%}.pet-care__prop.is-bell{animation:.45s ease-in-out infinite pet-care-toy-shake;top:34%;left:12%}.pet-care__prop.is-slide{width:88px;height:88px;animation:1.1s ease-in-out infinite pet-care-toy-slide;top:30%;left:6%}.pet-care__prop.is-food{animation:1.2s ease-in-out infinite pet-care-food-bob;bottom:10%;left:50%;transform:translate(-50%)}@keyframes pet-care-toy-bounce{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-14px)rotate(8deg)}}@keyframes pet-care-toy-shake{0%,to{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}@keyframes pet-care-toy-slide{0%,to{transform:translate(0)rotate(-18deg)}50%{transform:translate(10px,12px)rotate(-6deg)}}@keyframes pet-care-food-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}.pet-care__stage.is-live{animation:2.6s ease-in-out infinite pet-care-bob}.pet-care__stage.is-food.is-live{animation:1.4s ease-in-out infinite pet-care-eat-bob}.pet-care__stage.is-yarn.is-live{animation:.7s ease-in-out infinite pet-care-yarn-bob}.pet-care__stage.is-bell.is-live{animation:.48s ease-in-out infinite pet-care-bell-wiggle}.pet-care__stage.is-slide.is-live{animation:none}.pet-care__stage.is-slide .pet-care__frame:nth-of-type(2).is-on{animation:.72s ease-out both pet-care-slide-go}@keyframes pet-care-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pet-care-eat-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pet-care-yarn-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pet-care-bell-wiggle{0%,to{transform:rotate(-2.4deg)}50%{transform:rotate(2.8deg)}}@keyframes pet-care-slide-go{0%{transform:translate(-10px,-12px)scale(1.02)}to{transform:translate(6px,10px)scale(1)}}@media (width<=720px){.pet-care__stage{width:min(240px,72vw);height:min(240px,72vw)}}.pet-look-pop{z-index:13000;opacity:0;pointer-events:none;background:#fff;border:1px solid #e2e8f0f2;border-radius:999px;align-items:center;gap:10px;min-width:180px;padding:8px 14px 8px 8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 8px 24px #0f172a1f}.pet-look-pop[hidden]{display:none!important}.pet-look-pop.is-in{opacity:1;transition:opacity .22s,transform .22s;transform:translate(-50%)translateY(0)}.pet-look-pop__img{object-fit:cover;background:#eff6ff;border-radius:50%;width:44px;height:44px}.pet-look-pop__name{color:#1e293b;margin:0;font-size:13px;font-weight:600}.pet-care__bars{gap:8px;width:100%;display:grid}.pet-care__hint{color:#64748b;text-align:center;margin:0;font-size:13px}.pet-care__skip{align-self:center}body.pet-care-open{overflow:hidden}.pet-modal__panel.is-checkin{background:linear-gradient(#fffaf5 0%,#fff 40%);width:min(420px,100%);padding:18px 16px 16px}.pet-checkin--modal{background:0 0;border:none;flex-direction:column;gap:14px;margin:0;padding:0;display:flex}.pet-checkin__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pet-checkin__info{min-width:0}.pet-checkin__title{color:#7c2d12;margin:0;font-size:17px;font-weight:700}.pet-checkin__sub{color:#c2703d;margin:4px 0 0;font-size:12px}.pet-checkin__close{flex-shrink:0;height:32px;padding:0 12px}.pet-checkin__btn{appearance:none;cursor:pointer;color:#fff;white-space:nowrap;width:100%;height:42px;box-shadow:none;background:#f97316;border:none;border-radius:10px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.pet-checkin__btn:hover:not(:disabled){background:#ea580c}.pet-checkin__btn:active:not(:disabled){transform:translateY(1px)}.pet-checkin__btn.is-done,.pet-checkin__btn:disabled{color:#a8a29e;box-shadow:none;cursor:default;background:#e7e5e4}.pet-checkin__days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.pet-checkin__day{color:#c2703d;background:#fff;border:1px solid #fed7aa;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;display:flex}.pet-checkin__day.is-done{color:#fff;background:#fb923c;border-color:#fb923c}.pet-checkin__day.is-today{background:#fff;border:1.5px solid #f97316;box-shadow:0 0 0 2px #f9731626}.pet-checkin__day.is-big{background:linear-gradient(160deg,#fff1e0,#ffe2c4);border-color:#f59e0b}.pet-checkin__day.is-big .pet-checkin__day-val{color:#ea580c;font-weight:800}.pet-checkin__day.is-big .pet-checkin__day-label{color:#b45309;opacity:1;font-weight:700}.pet-checkin__day.is-big .pet-checkin__day-icon{color:#f59e0b}.pet-checkin__day.is-big.is-done{background:#f97316;border-color:#f97316}.pet-checkin__day.is-big.is-done .pet-checkin__day-val,.pet-checkin__day.is-big.is-done .pet-checkin__day-label,.pet-checkin__day.is-big.is-done .pet-checkin__day-icon{color:#fff}.pet-checkin__day.is-pop{animation:.42s ease-out petCheckinPop}@keyframes petCheckinPop{0%{transform:scale(.82);box-shadow:0 0 #f9731680}55%{transform:scale(1.1)}to{transform:scale(1);box-shadow:0 0 0 10px #f9731600}}.pet-checkin__rule{color:#c2703d;opacity:.9;text-align:center;margin:0;font-size:11px}.pet-checkin__day-icon{place-items:center;font-size:15px;line-height:1;display:grid}.pet-checkin__day-icon svg{width:15px;height:15px}.pet-checkin__day-val{font-size:13px;font-weight:700}.pet-checkin__day-label{opacity:.85;white-space:nowrap;font-size:10px}@media (width<=560px){.pet-checkin-entry{gap:10px;padding:11px 12px}.pet-checkin-entry__cta{padding:0 10px}.pet-checkin__days{gap:4px}.pet-checkin__day{border-radius:10px;padding:8px 1px}}@media (prefers-reduced-motion:reduce){.pet-checkin-entry{transition:none}}.pet-shop{flex-direction:column;gap:18px;display:flex}.pet-shop__section{flex-direction:column;gap:10px;display:flex}.pet-shop__head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.pet-shop__cat{color:#1e293b;margin:0;font-size:14px;font-weight:700}.pet-shop__tip{color:#94a3b8;font-size:12px}.pet-shop__grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));align-items:stretch;gap:12px;display:grid}.pet-shop-card{text-align:center;background:#fff;border:1px solid #e8edf5;border-radius:16px;flex-direction:column;align-items:center;gap:8px;min-width:0;height:100%;padding:16px 12px 12px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.pet-shop-card:hover{border-color:#dbe4f0;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a0f}.pet-shop-card.is-owned{opacity:.88;background:#f8fafc}.pet-shop-card__art{background:#f8fafc;border:1px solid #eef2f7;border-radius:18px;flex-shrink:0;place-items:center;width:72px;height:72px;margin-bottom:2px;display:grid;position:relative}.pet-shop-card__badge{z-index:1;pointer-events:none;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-style:normal;font-weight:700;line-height:1;display:inline-flex;position:absolute}.pet-shop-card__badge.is-qty{color:#fff;background:#0f172ab8;border-radius:6px;min-width:22px;height:18px;padding:0 5px;font-size:10px;bottom:4px;right:4px}.pet-shop-card__badge.is-owned-tag{color:#fff;background:#16a34a;border-radius:6px;height:18px;padding:0 6px;font-size:10px;top:4px;left:4px}.pet-shop-card__art .pet-item-art,.pet-shop-card__art svg{width:48px;height:48px;display:block}.pet-shop-card__art.is-food{background:linear-gradient(160deg,#fffbeb 0%,#fef3c7 100%);border-color:#fde68a}.pet-shop-card__art.is-toy{background:linear-gradient(160deg,#fdf2f8 0%,#fce7f3 100%);border-color:#fbcfe8}.pet-shop-card__art.is-card{background:linear-gradient(160deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#bae6fd}.pet-shop-card__art.is-cosmetic{background:linear-gradient(160deg,#f5f3ff 0%,#ede9fe 100%);border-color:#ddd6fe}.pet-shop-card__name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.pet-shop-card__desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;min-height:2.9em;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.pet-shop-card__meta{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:4px 10px;line-height:1.2;display:inline-flex}.pet-shop-card__meta-k{color:#64748b;font-size:11px;font-weight:500}.pet-shop-card__meta-v{color:#1e293b;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.pet-shop-card__meta.is-food{background:#fffbeb;border-color:#fde68a}.pet-shop-card__meta.is-food .pet-shop-card__meta-v{color:#b45309}.pet-shop-card__meta.is-toy{background:#fdf2f8;border-color:#fbcfe8}.pet-shop-card__meta.is-toy .pet-shop-card__meta-v{color:#be185d}.pet-shop-card__meta.is-cosmetic{background:#f5f3ff;border-color:#ddd6fe}.pet-shop-card__meta.is-cosmetic .pet-shop-card__meta-v{color:#6d28d9}.pet-shop-card__meta.is-card{background:#f0f9ff;border-color:#bae6fd}.pet-shop-card__meta.is-card .pet-shop-card__meta-v{color:#0369a1}.pet-shop-card__effect{color:#475569;background:#f1f5f9;border-radius:8px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.pet-shop-card__owned{display:none}.pet-shop-card__btn{appearance:none;color:#fff;cursor:pointer;width:100%;height:36px;box-shadow:none;background:#2f7bff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;margin-top:auto;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s;display:inline-flex}.pet-shop-card__btn svg{color:#fef08a;flex-shrink:0;width:14px;height:14px}.pet-shop-card__btn:hover:not(:disabled){background:#2568ef}.pet-shop-card__btn.is-disabled,.pet-shop-card__btn:disabled{color:#94a3b8;cursor:not-allowed;filter:none;background:#f1f5f9}.pet-shop-card__btn.is-disabled svg,.pet-shop-card__btn:disabled svg{color:#cbd5e1}.pet-shop-card.is-cosmetic:hover{border-color:#ddd6fe}.pet-outfit-row__icon .pet-item-art{width:30px;height:30px}.pet-outfit-row__icon:not(.is-empty){background:linear-gradient(160deg,#f8fafc,#eff6ff)}.pet-3d,.adopt-3d{background:radial-gradient(circle at 50% 36%,#fff 0%,#eff6ff 45%,#dbeafe 78%,#bfdbfe 100%);border:2px solid #93c5fd;box-shadow:0 10px 28px #2f7bff24,inset 0 -16px 24px #3b82f614}.pet-empty{color:#64748b;text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;padding:40px 20px 36px;display:flex}.pet-empty--bag{justify-content:center;min-height:220px}.pet-empty__art{background:linear-gradient(160deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;border-radius:22px;place-items:center;width:88px;height:88px;margin-bottom:8px;display:grid}.pet-empty__art .pet-item-art,.pet-empty__art svg{width:56px;height:56px;color:inherit;display:block}.pet-empty svg:not(.pet-item-art){color:#cbd5e1;width:34px;height:34px}.pet-empty__title{color:#1e293b;margin:0;font-size:16px;font-weight:700;line-height:1.3}.pet-empty__desc,.pet-empty p{color:#64748b;max-width:260px;margin:0;font-size:13px;line-height:1.5}.pet-empty__btn{appearance:none;color:#334155;cursor:pointer;height:40px;box-shadow:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pet-empty__btn:hover{background:#f8fafc;border-color:#cbd5e1}.pet-empty__btn.is-primary{color:#fff;box-shadow:none;background:#2f7bff;border:none}.pet-empty__btn.is-primary:hover{color:#fff;background:#2568ef}.pet-empty__btn svg{width:14px;height:14px}.sub-meta-pill.is-points{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;align-items:center;gap:5px;display:inline-flex}.sub-meta-pill.is-points svg{width:14px;height:14px}.sub-meta-pill.is-points em{font-style:normal;font-weight:700}.pet-adopt{flex-direction:column;gap:14px;display:flex}.pet-adopt__card{flex-direction:column;align-items:center;gap:12px;padding:26px 18px;display:flex}.pet-adopt__title{color:#1e293b;margin:0;font-size:19px;font-weight:700}.pet-adopt__sub{color:#94a3b8;margin:10px 0 18px;font-size:13px}.adopt-species{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:520px;display:grid}@media (width>=560px){.adopt-species{grid-template-columns:repeat(4,minmax(0,1fr))}}.adopt-spec{appearance:none;cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;font-family:inherit;transition:all .15s;display:flex}.adopt-spec__swatch{background:linear-gradient(145deg, var(--c1), var(--c2));border:2px solid #fff;border-radius:50%;width:28px;height:28px;margin-bottom:2px;box-shadow:0 2px 8px #0f172a1f}.adopt-spec__avatar{background:radial-gradient(circle at 50% 40%,#fff,#dbeafe);border:2px solid #fff;border-radius:50%;width:64px;height:64px;margin-bottom:4px;overflow:hidden;box-shadow:0 2px 10px #2f7bff1f}.adopt-spec__avatar img{object-fit:cover;object-position:center 30%;width:100%;height:100%;display:block}.adopt-spec.is-active .adopt-spec__avatar{border-color:#2f7bff;box-shadow:0 4px 14px #2f7bff38}.adopt-spec strong{color:#1e293b;font-size:13px}.adopt-spec span{color:#94a3b8;font-size:10px;line-height:1.35}.adopt-spec:hover{background:#eff6ff;border-color:#93c5fd}.adopt-spec.is-active{background:#eff6ff;border-color:#2f7bff;box-shadow:0 4px 14px #2f7bff24}.adopt-spec.is-active strong{color:#1d4ed8}.adopt-name{width:100%;max-width:300px}.pet-normal[hidden],.pet-adopt[hidden],.pet-view[hidden]{display:none}button.sub-meta-pill.is-clickable{appearance:none;cursor:pointer;border-color:#bfdbfe;gap:6px;font-family:inherit;transition:background-color .15s,box-shadow .15s,transform 50ms}button.sub-meta-pill.is-clickable:hover{background:#e0edff;box-shadow:0 4px 12px #2563eb2e}button.sub-meta-pill.is-clickable:active{transform:translateY(1px)}button.sub-meta-pill.is-clickable:focus-visible{outline-offset:2px;outline:2px solid #2f7bff}.sub-meta-pill__arrow{color:#1d4ed8;align-items:center;display:inline-flex}.points-page{gap:16px}.points-page .sub-top{background:#ffffffeb;border-color:#e2e8f0f2;box-shadow:0 6px 20px #2563eb0f}.points-go-shop{appearance:none;color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background-color .15s;display:inline-flex}.points-go-shop:hover{background:#eff6ff}.points-go-shop svg{width:14px;height:14px}.points-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.points-summary__balance{align-items:center;gap:12px;display:flex}.points-summary__icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.points-summary__icon.is-blue{color:#2563eb;background:#eff6ff}.points-summary__icon svg{width:24px;height:24px}.points-summary__balance p{color:#64748b;margin:0;font-size:12px}.points-summary__balance strong{color:#1e293b;font-size:26px;font-weight:700;line-height:1.2}.points-summary__stats{gap:12px;display:flex}.points-summary__stat{text-align:center;background:#f7f9fc;border:1px solid #eef2f6;border-radius:14px;min-width:88px;padding:6px 14px}.points-summary__stat span{color:#64748b;margin-bottom:2px;font-size:12px;display:block}.points-summary__stat strong{font-size:18px;font-weight:700}.points-summary__stat strong.is-plus{color:#16a77e}.points-summary__stat strong.is-minus{color:#475569}.points-panel{padding:6px 0}.points-panel__head{padding:14px 20px 6px}.points-panel__title{color:#1e293b;margin:0;font-size:15px;font-weight:700}.points-list{margin:0;padding:0;list-style:none}.points-item{border-bottom:1px solid #eef2f6;align-items:center;gap:12px;padding:12px 20px;display:flex}.points-item:last-child{border-bottom:none}.points-item__icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.points-item.is-plus .points-item__icon{color:#16a77e;background:#eaf8f3}.points-item.is-minus .points-item__icon{color:#64748b;background:#eef2f7}.points-item__icon svg{width:18px;height:18px}.points-item__body{flex:1;min-width:0}.points-item__body strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.points-item__body span{color:#64748b;margin-top:2px;font-size:12px;display:block}.points-item__amount{flex-shrink:0;font-size:16px;font-style:normal;font-weight:700}.points-item.is-plus .points-item__amount{color:#16a77e}.points-item.is-minus .points-item__amount{color:#475569}.points-empty{text-align:center;color:#64748b;padding:40px 20px;font-size:14px}@media (width<=720px){.points-summary__stats{width:100%}.points-summary__stat{flex:1}}