#app{--bg:var(--wkm-bg);--bg-tint:var(--wkm-bg-tint);--surface:var(--wkm-surface);--ink:var(--wkm-ink);--ink-soft:var(--wkm-ink-soft);--ink-faint:var(--wkm-ink-faint);--purple:var(--wkm-purple);--purple-deep:var(--wkm-purple-deep);--purple-soft:var(--wkm-purple-soft);--coral:var(--wkm-coral);--coral-deep:var(--wkm-coral-deep);--coral-soft:var(--wkm-coral-soft);--green:var(--wkm-green);--green-soft:var(--wkm-green-soft);--line:var(--wkm-line);--line-strong:var(--wkm-line-strong);--r:var(--wkm-r);--r-sm:var(--wkm-r-sm);--font-display:var(--wkm-font-display);--font-body:var(--wkm-font-body)}#app *,#app :before,#app :after{box-sizing:border-box}#app{min-height:100vh;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(60% 50% at 18% 0,#efe9fa 0%,#0000 60%),radial-gradient(50% 50% at 92% 100%,#fce7ec 0%,#0000 55%),#ebe7f1}#app button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}#app input,#app textarea{color:inherit;font-family:inherit}#app .mob{background:var(--bg);flex-direction:column;height:100dvh;display:flex}#app .mob__bar{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}#app .mob__logo{font-family:var(--font-display);align-items:center;gap:8px;font-size:16px;font-weight:900;display:flex}#app .mob__logo .m{background:var(--purple);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-size:14px;display:grid;transform:rotate(-6deg)}#app .mob__logo b{color:var(--coral)}#app .mob__tabs{-webkit-overflow-scrolling:touch;gap:6px;max-width:62%;margin-left:auto;display:flex;overflow-x:auto}#app .mob__tabs::-webkit-scrollbar{display:none}#app .mob__tab{font-family:var(--font-display);background:var(--bg-tint);color:var(--ink-soft);white-space:nowrap;border-radius:999px;flex:none;padding:7px 12px;font-size:12px;font-weight:800}#app .mob__tab.active{background:var(--ink);color:#fff}#app .mob__content{flex:1;min-height:0;overflow:hidden}#app .mob__content>*{height:100%}#app .scr{background:var(--bg);flex-direction:column;height:100%;min-height:0;font-size:15px;display:flex;overflow:hidden}#app .scr__body{flex:1;min-height:0;padding:0 20px 22px;overflow:hidden auto}#app .scr__body::-webkit-scrollbar{width:0}#app .scr__head{padding:var(--top-offset,20px) 20px 12px;flex-shrink:0}#app .scr__foot{z-index:5;padding:12px 20px calc(28px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);flex-shrink:0;position:relative;box-shadow:0 -18px 34px -30px #461e6e80}#app .scr__foot--action{padding-top:14px}#app .scr__foot--inline{box-shadow:none;background:0 0;border-top:none;padding:16px 0 8px;position:static}#app .app-btn{width:100%;font-family:var(--font-display);background:var(--purple);color:#fff;box-shadow:0 10px 22px -10px var(--purple);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:800;line-height:1;transition:transform .14s,box-shadow .2s,opacity .2s;display:inline-flex}#app .app-btn:hover{transform:translateY(-2px)}#app .app-btn:active{transform:scale(.98)}#app .app-btn:disabled{opacity:.45;box-shadow:none;cursor:default;transform:none}#app .app-btn--coral{background:var(--coral);box-shadow:0 10px 22px -10px var(--coral)}#app .app-btn--ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}#app .app-btn--ghost:hover{background:#fff}#app .app-btn--sm{border-radius:13px;padding:13px;font-size:14px}#app .ds-btn{font-family:var(--font-display);background:var(--purple);color:#fff;box-shadow:0 8px 18px -8px var(--purple);border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:800;transition:transform .14s,box-shadow .2s;display:inline-flex}#app .ds-btn:hover{transform:translateY(-2px)}#app .ds-btn--ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}#app .lang-toggle{border:1.5px solid var(--purple);min-width:44px;height:32px;color:var(--purple);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}#app .lang-toggle:hover{background:var(--purple);color:#fff}#app .ds-btn--ghost:hover{background:#fff}#app .ds-btn--coral{background:var(--coral);box-shadow:0 8px 18px -8px var(--coral)}#app .seg-toggle{border:1px solid var(--line-strong);background:#ffffff94;border-radius:999px;align-items:center;gap:3px;padding:3px;display:inline-flex;box-shadow:inset 0 0 0 1px #fff6}#app .seg-toggle--compact{margin-left:auto}#app .seg-toggle__btn{min-width:44px;height:34px;font-family:var(--font-display);color:var(--ink-soft);border-radius:999px;padding:0 14px;font-size:12px;font-weight:900;transition:background .16s,color .16s,box-shadow .18s,transform .14s}#app .seg-toggle__btn:hover{color:var(--ink)}#app .seg-toggle__btn.is-active{background:var(--purple);color:#fff;box-shadow:0 8px 18px -8px var(--purple)}#app .eyebrow-sm{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--purple);font-size:11px;font-weight:800}#app .scr-title{font-family:var(--font-display);letter-spacing:-.01em;margin:6px 0 2px;font-size:25px;font-weight:900;line-height:1.12}#app .scr-title .jp{color:var(--ink-soft);margin-top:3px;font-size:14px;font-weight:700;display:block}#app .scr-lead{color:var(--ink-soft);margin-top:8px;font-size:13.5px;line-height:1.55}#app .role{font-family:var(--font-display);letter-spacing:.08em;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:11px;font-weight:800;display:inline-flex}#app .role--creator{background:var(--purple-soft);color:var(--purple-deep)}#app .role--fan{background:var(--coral-soft);color:var(--coral-deep)}#app .role .dot{background:currentColor;border-radius:50%;width:7px;height:7px}#app .steps-bar{align-items:center;gap:7px;margin-top:16px;display:flex}#app .steps-bar .seg{background:var(--purple-soft);border-radius:99px;flex:1;height:6px;overflow:hidden}#app .steps-bar .seg i{background:var(--purple);border-radius:99px;width:0;height:100%;transition:width .4s;display:block}#app .steps-bar .seg.done i{width:100%}#app .steps-bar .seg.active i{background:linear-gradient(90deg, var(--purple), var(--coral));width:100%}#app .steps-meta{color:var(--ink-faint);justify-content:space-between;margin-top:8px;font-size:11.5px;font-weight:600;display:flex}#app .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:0 2px 8px #3c1e5a0a}#app .card+.card{margin-top:12px}#app .field{background:var(--surface);border:1.5px solid var(--line-strong);resize:none;border-radius:16px;width:100%;padding:14px;font-size:16px;line-height:1.55;transition:border-color .2s,box-shadow .2s}#app .field:focus{border-color:var(--purple);box-shadow:0 0 0 4px var(--purple-soft);outline:none}#app .field::placeholder{color:var(--ink-faint)}#app .chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}#app .chips .c{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-soft);border-radius:999px;padding:8px 13px;font-size:12.5px;font-weight:600;transition:all .15s}#app .chips .c:hover{border-color:var(--purple);color:var(--purple);transform:translateY(-1px)}#app .chips .c.added{background:var(--purple-soft);color:var(--purple-deep);border-color:#0000}#app .loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:40px;display:flex}#app .spinner{border:5px solid var(--purple-soft);border-top-color:var(--purple);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}#app .loading p{font-family:var(--font-display);color:var(--ink);font-size:16px;font-weight:800}#app .loading small{color:var(--ink-soft);margin-top:-8px;font-size:13px}#app .qcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:15px;box-shadow:0 2px 8px #3c1e5a0a}#app .qcard+.qcard{margin-top:12px}#app .qcard__top{align-items:flex-start;gap:10px;display:flex}#app .qcard__no{background:var(--purple);color:#fff;width:26px;height:26px;font-family:var(--font-display);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}#app .qcard__q{font-family:var(--font-display);flex:1;font-size:15px;font-weight:800;line-height:1.4}#app .qcard__edit{color:var(--ink-faint);flex:none;padding:2px}#app .qcard__edit:hover{color:var(--purple)}#app .qopts{flex-direction:column;gap:7px;margin-top:12px;display:flex}#app .qopt{background:var(--bg);border:1.5px solid #0000;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;font-size:13.5px;display:flex}#app .qopt.correct{background:var(--green-soft);border-color:color-mix(in srgb, var(--green) 30%, transparent);color:#14532d;font-weight:600}#app .qopt .tick{border:1.5px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;display:grid}#app .qopt.correct .tick{background:var(--green);border-color:var(--green);color:#fff}#app .qcard__edit-area{margin-top:10px}#app .tiermsg{flex-direction:column;gap:12px;display:flex}#app .tiermsg__row{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 2px 8px #3c1e5a0a}#app .tiermsg__head{align-items:center;gap:9px;margin-bottom:10px;display:flex}#app .tier-badge{font-family:var(--font-display);letter-spacing:.05em;color:#fff;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}#app .tier-badge--5{background:var(--coral)}#app .tier-badge--4{background:var(--purple)}#app .tier-badge--3{background:#2563eb}#app .tier-badge--2{background:#f59e0b}#app .tier-badge--0{background:var(--ink-faint)}#app .tiermsg__score{font-family:var(--font-display);color:var(--ink);font-size:14px;font-weight:900}#app .tiermsg__row .field{padding:11px 12px;font-size:16px}#app .tiermsg__count{text-align:right;color:var(--ink-faint);margin-top:5px;font-size:10.5px}#app .tier-badge--btn{cursor:pointer;border:none;align-items:center;gap:5px;transition:opacity .15s;display:inline-flex}#app .tier-badge--btn:hover{opacity:.85}#app .badge-edit-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#app .badge-edit-modal{background:var(--surface,#fff);text-align:center;border-radius:20px;flex-direction:column;gap:12px;width:min(420px,90vw);padding:32px 24px;display:flex;position:relative}#app .badge-edit-modal h2{font-size:1.1rem;font-weight:700}#app .badge-edit-modal p{color:var(--ink-faint);font-size:.85rem}#app .badge-edit-modal__close{background:var(--bg-faint,#f5f5f5);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex;position:absolute;top:12px;right:16px}#app .badge-edit-modal__preview{background:var(--bg-faint,#f5f5f5);border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex}#app .badge-edit-modal label,#app .badge-edit-modal .badge-edit-modal__color-label{text-align:left;color:var(--ink);margin-bottom:-4px;font-size:.85rem;font-weight:600}#app .badge-edit-modal input[type=text]{border:2px solid var(--purple,#8b5cf6);box-sizing:border-box;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:1rem}#app .badge-edit-modal__char{text-align:right;color:var(--ink-faint);font-size:.75rem}#app .badge-edit-modal__colors{flex-wrap:wrap;gap:8px;display:flex}#app .badge-edit-modal__color-btn{cursor:pointer;border:3px solid #0000;border-radius:50%;width:48px;height:48px}#app .badge-edit-modal__color-btn--active{border-color:var(--ink,#111);box-shadow:0 0 0 2px var(--surface,#fff) inset}#app .badge-edit-modal__reset{color:var(--purple,#8b5cf6);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600}#app .success{text-align:center;flex-direction:column;flex:1;align-items:center;padding:50px 22px 0;display:flex}#app .success__check{background:var(--green);color:#fff;width:78px;height:78px;box-shadow:0 14px 30px -10px var(--green);border-radius:50%;place-items:center;font-size:40px;animation:.5s cubic-bezier(.34,1.56,.64,1) app-pop;display:grid}@keyframes app-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}#app .success h2{font-family:var(--font-display);margin:18px 0 4px;font-size:24px;font-weight:900}#app .success p{color:var(--ink-soft);font-size:14px}#app .linkbox{background:var(--surface);border:1.5px solid var(--line-strong);border-radius:14px;align-items:center;gap:8px;width:100%;margin-top:24px;padding:6px 6px 6px 14px;display:flex}#app .linkbox span{text-align:left;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-family:var(--font-display);flex:1;font-weight:600;overflow:hidden}#app .linkbox button{background:var(--purple);color:#fff;font-family:var(--font-display);border-radius:10px;flex:none;padding:10px 14px;font-size:13px;font-weight:800;transition:background .2s}#app .linkbox button.copied{background:var(--green)}#app .share-row{gap:10px;width:100%;margin-top:14px;display:flex}#app .share-row button{font-family:var(--font-display);color:#fff;border-radius:13px;flex:1;padding:12px;font-size:13px;font-weight:800;transition:transform .14s}#app .share-row button:hover{transform:translateY(-2px)}#app .ogp-mini{aspect-ratio:1200/630;background:radial-gradient(120% 120% at 85% 12%, color-mix(in srgb, var(--coral) 70%, var(--purple)) 0%, var(--purple) 48%, var(--purple-deep) 100%);color:#fff;text-align:left;border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;margin-top:22px;padding:6% 7%;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px -14px #461e6e66;container-type:inline-size}#app .ogp-mini .t{font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:3.6cqw;font-weight:900;display:flex}#app .ogp-mini .b{color:var(--coral);background:#fff;border-radius:99px;padding:1.2cqw 2.4cqw;font-size:2.6cqw}#app .ogp-mini .s{font-family:var(--font-display);font-size:17cqw;font-weight:900;line-height:.85}#app .ogp-mini .s sup{opacity:.7;font-size:6cqw}#app .ogp-mini .u{font-family:var(--font-display);opacity:.9;font-size:2.6cqw;font-weight:700}#app .fan-head{padding:var(--top-offset,20px) 20px 14px;border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:11px;display:flex}#app .fan-head .ava{background-size:cover;border-radius:50%;flex:none;width:42px;height:42px;box-shadow:0 2px 8px #3c1e5a1f}#app .fan-head .nm{font-family:var(--font-display);font-size:15px;font-weight:900;line-height:1.2}#app .fan-head .nm small{font-weight:500;font-family:var(--font-body);color:var(--ink-faint);font-size:12px;display:block}#app .fan-head .quiz-of{color:var(--ink-soft);text-align:right;margin-left:auto;font-size:11px;font-weight:600}#app .qprogress{flex-shrink:0;padding:16px 20px 6px}#app .qprogress .meta{font-family:var(--font-display);color:var(--ink-soft);justify-content:space-between;margin-bottom:8px;font-size:12.5px;font-weight:800;display:flex}#app .qprogress .meta b{color:var(--purple)}#app .qprogress .track{background:var(--purple-soft);border-radius:99px;height:8px;overflow:hidden}#app .qprogress .track i{background:linear-gradient(90deg, var(--purple), var(--coral));border-radius:99px;height:100%;transition:width .45s cubic-bezier(.22,1,.36,1);display:block}#app .qstage{flex-direction:column;flex:1;padding:22px 20px;display:flex;overflow-y:auto}#app .qstage .qtext{font-family:var(--font-display);letter-spacing:-.01em;font-size:23px;font-weight:900;line-height:1.3}#app .qstage .qhint{color:var(--ink-faint);margin-top:8px;font-size:12.5px;font-weight:600}#app .answers{flex-direction:column;gap:11px;margin-top:22px;display:flex}#app .answer{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:16px;align-items:center;gap:13px;width:100%;padding:16px;font-size:15px;font-weight:600;transition:transform .14s,border-color .15s,background .15s,box-shadow .2s;display:flex}#app .answer:hover{border-color:var(--purple);box-shadow:0 10px 22px -14px var(--purple);transform:translateY(-2px)}#app .answer:focus-visible,#app .app-btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px}#app .answer .key{background:var(--purple-soft);width:30px;height:30px;color:var(--purple);font-family:var(--font-display);border-radius:9px;flex:none;place-items:center;font-size:14px;font-weight:900;transition:all .15s;display:grid}#app .answer.sel{border-color:var(--purple);background:var(--purple-soft)}#app .answer.sel .key{background:var(--purple);color:#fff}#app .answer.correct{border-color:var(--green);background:var(--green-soft)}#app .answer.correct .key{background:var(--green);color:#fff}#app .answer.wrong{border-color:var(--coral);background:var(--coral-soft)}#app .answer.wrong .key{background:var(--coral);color:#fff}#app .result{color:#fff;background:radial-gradient(120% 90% at 80% 8%, #fb6f84 0%, var(--coral) 22%, var(--purple) 62%, var(--purple-deep) 100%);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}#app .result--celebrate{background-image:radial-gradient(120% 90% at 80% 8%, #ff8fa3 0%, var(--coral) 22%, var(--purple) 62%, var(--purple-deep) 100%)}#app .result--solid{background-image:radial-gradient(100% 80% at 84% 6%,#a5b4fcb3 0%,#0000 34%),radial-gradient(110% 90% at 8% 95%,#f43f5e6b 0%,#0000 42%),linear-gradient(145deg,#7c3aed 0%,#6d28d9 48%,#4c1d95 100%)}#app .result--rain{background-image:radial-gradient(100% 80% at 80% 4%,#7dd3fc47 0%,#0000 36%),linear-gradient(145deg,#312e81 0%,#4338ca 46%,#1e1b4b 100%)}#app .result__scroll{padding:calc(var(--top-offset,20px) + 12px) 24px 28px;z-index:2;flex:1;position:relative;overflow-y:auto}#app .result__creator{align-items:center;gap:10px;margin-top:22px;display:flex}#app .result__creator .ava{background-size:cover;border:2px solid #ffffff8c;border-radius:50%;width:40px;height:40px}#app .result__creator .nm{font-family:var(--font-display);font-size:14px;font-weight:800}#app .result__creator .nm small{opacity:.8;font-weight:500;font-family:var(--font-body);font-size:11.5px;display:block}#app .result__badge{color:var(--coral);font-family:var(--font-display);letter-spacing:.04em;background:#fff;border-radius:999px;align-items:center;gap:7px;margin-top:26px;padding:9px 17px;font-size:15px;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) .15s both app-pop;display:inline-flex;box-shadow:0 12px 26px -10px #00000059}#app .result__score{font-family:var(--font-display);letter-spacing:-.04em;text-shadow:0 8px 40px #fde08a8c;align-items:baseline;gap:4px;margin-top:14px;font-weight:900;line-height:.82;display:flex}#app .result__score .big{font-size:110px}#app .result--rain .result__badge{color:#3730a3}#app .result--rain .result__score{text-shadow:0 8px 40px #7dd3fc61}#app .result__score .den{opacity:.7;font-size:44px}#app .result__head-msg{font-family:var(--font-display);margin-top:6px;font-size:26px;font-weight:900;line-height:1.12}#app .result__head-msg .jp{opacity:.9;margin-top:4px;font-size:15px;font-weight:700;display:block}#app .result__bubble{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;margin-top:22px;padding:15px 16px}#app .result__bubble .from{opacity:.85;font-size:11.5px;font-weight:700;font-family:var(--font-display);margin-bottom:5px}#app .result__bubble p{font-size:15px;font-weight:600;line-height:1.5}#app .result__bubble .jp{opacity:.85;margin-top:5px;font-size:13px;font-weight:500;display:block}#app .breakdown{margin-top:22px}#app .breakdown__label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;opacity:.8;margin-bottom:10px;font-size:12px;font-weight:800}#app .breakdown__row{border-bottom:1px solid #ffffff29;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}#app .breakdown__row:last-child{border-bottom:none}#app .breakdown__row .qn{opacity:.7;width:22px;font-family:var(--font-display);font-weight:800}#app .breakdown__row .qt{opacity:.95;flex:1;font-weight:500}#app .breakdown__row .mk{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:13px;display:grid}#app .breakdown__row .mk.ok{color:var(--green);background:#fffffff2}#app .breakdown__row .mk.no{color:#fff;background:#0000002e}#app .rankboard{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff21;border:1px solid #ffffff3d;border-radius:18px;margin-top:20px;padding:15px}#app .rankboard--dark{background:#221a303d}#app .rankboard__h{font-family:var(--font-display);align-items:baseline;gap:8px;margin-bottom:12px;font-size:14px;font-weight:900;display:flex}#app .rankboard__h small{color:#ffffffb8;font-family:var(--font-body);font-size:11px;font-weight:700}#app .rankboard__rows{gap:7px;display:grid}#app .rb-row{background:#ffffff1c;border-radius:12px;grid-template-columns:34px 28px minmax(0,1fr) 42px 48px;align-items:center;gap:8px;padding:8px 9px;font-size:12px;display:grid}#app .rb-row.rb-me{background:#fff3;box-shadow:inset 0 0 0 1px #ffffff2e}#app .rb-pos,#app .rb-sc{font-family:var(--font-display);font-weight:900}#app .rb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}#app .rb-tm{color:#ffffffc2;text-align:right;font-size:11px}#app .rankboard__foot{color:#fffc;text-align:center;margin-top:11px;font-size:11.5px}#app .result__foot{padding:12px 24px calc(28px + env(safe-area-inset-bottom));z-index:2;background:linear-gradient(#0000,#5b21b68c 40%);flex-shrink:0;position:relative}#app .result__foot .app-btn{color:var(--purple-deep);background:#fff;box-shadow:0 14px 30px -10px #0006}#app .result__foot .app-btn:hover{background:#fff}#app .result__foot .sec{gap:10px;margin-top:10px;display:flex}#app .result__foot .sec button{font-family:var(--font-display);color:#fff;background:#ffffff29;border:1px solid #ffffff4d;border-radius:13px;flex:1;padding:12px;font-size:13px;font-weight:800;transition:background .2s}#app .result__foot .sec button:hover{background:#ffffff42}#app .confetti,#app .rfx--confetti{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}#app .confetti i,#app .rfx--confetti i{opacity:.9;border-radius:2px;width:9px;height:9px;animation:linear infinite app-fall;position:absolute}@keyframes app-fall{0%{transform:translateY(-20px)rotate(0)}to{transform:translateY(900px)rotate(540deg)}}#app .rain{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}#app .rain i{background:#a0c8ff8c;border-radius:1px;width:2px;height:22px;animation:linear infinite app-rain;position:absolute;top:-10%}@keyframes app-rain{0%{transform:translateY(-30px)}to{transform:translateY(110vh)}}@media (prefers-reduced-motion:reduce){#app .rain i{animation:none!important}}#app .mp__head{padding:var(--top-offset,20px) 20px 16px;flex-shrink:0}#app .profile{align-items:center;gap:13px;display:flex}#app .profile .ava{background-size:cover;border-radius:50%;flex:none;width:58px;height:58px;box-shadow:0 4px 14px #3c1e5a29}#app .profile .nm{font-family:var(--font-display);font-size:19px;font-weight:900;line-height:1.15}#app .profile .hd{color:var(--ink-faint);font-size:12.5px;font-weight:600}#app .plan{white-space:nowrap;font-family:var(--font-display);letter-spacing:.06em;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:5px 10px;font-size:10.5px;font-weight:900;display:inline-flex}#app .plan--creator{background:linear-gradient(90deg, var(--purple), var(--coral));color:#fff}#app .plan--free{background:var(--bg-tint);color:var(--ink-soft);border:1px solid var(--line)}#app .stats{gap:9px;margin-top:18px;display:flex}#app .stat{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;flex:1;padding:13px 10px;box-shadow:0 2px 8px #3c1e5a0a}#app .stat .v{font-family:var(--font-display);color:var(--ink);font-size:21px;font-weight:900;line-height:1}#app .stat .l{color:var(--ink-soft);margin-top:5px;font-size:10.5px;font-weight:600}#app .section-label{justify-content:space-between;align-items:center;margin:22px 0 11px;display:flex}#app .section-label h3{font-family:var(--font-display);font-size:15px;font-weight:900}#app .section-label .more{color:var(--purple);font-size:12px;font-weight:700}#app .quiz-card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;align-items:center;gap:13px;width:100%;padding:14px;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #3c1e5a0a}#app .quiz-card+.quiz-card{margin-top:10px}#app .quiz-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px -16px #461e6e66}#app .quiz-card__thumb{width:46px;height:46px;font-family:var(--font-display);color:#fff;border-radius:13px;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid}#app .quiz-card__main{flex:1;min-width:0}#app .quiz-card__title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:800;line-height:1.25;overflow:hidden}#app .quiz-card__meta{color:var(--ink-soft);gap:10px;margin-top:3px;font-size:11.5px;display:flex}#app .quiz-card__meta .live{color:var(--green);font-weight:700}#app .quiz-card__meta .draft{color:var(--ink-faint);font-weight:700}#app .quiz-card__resp{text-align:right;flex:none}#app .quiz-card__resp .v{font-family:var(--font-display);color:var(--purple);font-size:17px;font-weight:900}#app .quiz-card__resp .l{color:var(--ink-faint);font-size:10px}#app .dash__back{font-family:var(--font-display);color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}#app .dash__back:hover{color:var(--purple)}#app .dash__title{font-family:var(--font-display);margin-top:12px;font-size:20px;font-weight:900;line-height:1.2}#app .dash__sub{color:var(--ink-soft);margin-top:3px;font-size:12.5px}#app .dist{margin-top:16px}#app .dist__row{align-items:center;gap:10px;margin-bottom:9px;display:flex}#app .dist__row .lab{flex:none;align-items:center;gap:6px;width:64px;font-size:11px;display:flex}#app .dist__row .bar{background:var(--bg-tint);border-radius:7px;flex:1;height:18px;overflow:hidden}#app .dist__row .bar i{border-radius:7px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);display:block}#app .dist__row .cnt{text-align:right;width:36px;font-family:var(--font-display);color:var(--ink-soft);font-size:12px;font-weight:800}#app .qrate__row{border-bottom:1px solid var(--line);padding:11px 0}#app .qrate__row:last-child{border-bottom:none}#app .qrate__row .top{justify-content:space-between;gap:10px;font-size:12.5px;display:flex}#app .qrate__row .top .q{flex:1;font-weight:600}#app .qrate__row .top .pct{font-family:var(--font-display);flex:none;font-weight:900}#app .qrate__row .track{background:var(--bg-tint);border-radius:99px;height:7px;margin-top:7px;overflow:hidden}#app .qrate__row .track i{border-radius:99px;height:100%;display:block}#app .resp-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:11px 0;display:flex}#app .resp-row:last-child{border-bottom:none}#app .resp-row .ava{background-size:cover;border-radius:50%;flex:none;width:34px;height:34px}#app .resp-row .who{flex:1;min-width:0}#app .resp-row .who .h{font-family:var(--font-display);font-size:13.5px;font-weight:800}#app .resp-row .who .t{color:var(--ink-faint);font-size:11px}#app .resp-row .sc{font-family:var(--font-display);color:#fff;border-radius:999px;flex:none;padding:5px 10px;font-size:12px;font-weight:900}#app .fade-in{opacity:1;animation:.42s cubic-bezier(.22,1,.36,1) both app-fadeUp}@keyframes app-fadeUp{0%{transform:translateY(10px)}to{transform:none}}#app .ava{background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;display:inline-block}@media (prefers-reduced-motion:reduce){#app .spinner{animation-duration:2s}#app .confetti i,#app .rfx--confetti i,#app .result__badge,#app .success__check,#app .fade-in{animation:none!important}}#app .ds{background:#f3f0f8;min-height:100vh;display:flex;overflow:hidden}#app .ds__side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:256px;height:100vh;padding:22px 16px;transition:margin-left .22s cubic-bezier(.22,1,.36,1);display:flex;position:sticky;top:0}#app .ds--navclosed .ds__side{margin-left:-257px}#app .ds__logo{font-family:var(--font-display);color:inherit;align-items:center;gap:10px;padding:4px 8px 18px;font-size:19px;font-weight:900;text-decoration:none;display:flex}#app .ds__logo .m{background:var(--purple);color:#fff;width:32px;height:32px;box-shadow:0 6px 14px -6px var(--purple);border-radius:10px;place-items:center;font-size:17px;display:grid;transform:rotate(-6deg)}#app .ds__logo b{color:var(--coral)}#app .ds__navgroup{margin-top:8px}#app .ds__navlabel{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:14px 10px 7px;font-size:10.5px;font-weight:800}#app .ds__nav{text-align:left;width:100%;font-family:var(--font-display);color:var(--ink-soft);border-radius:13px;align-items:center;gap:11px;margin-bottom:2px;padding:11px 12px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s,color .15s;display:flex}#app .ds__nav:hover{background:var(--bg-tint);color:var(--ink)}#app .ds__nav.active{background:var(--purple);color:#fff;box-shadow:0 8px 18px -8px var(--purple)}#app .ds__nav .ic{flex:none;place-items:center;width:20px;height:20px;display:grid}#app .ds__side-foot{margin-top:auto}#app .ds__profile{background:var(--bg-tint);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}#app .ds__profile .ava{background-size:cover;border-radius:50%;flex:none;width:40px;height:40px}#app .ds__profile .nm{font-family:var(--font-display);font-size:13.5px;font-weight:800;line-height:1.2}#app .ds__profile .hd{color:var(--ink-faint);font-size:11px}#app .ds__main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}#app .ds__topbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f3f0f8d9;justify-content:space-between;align-items:center;gap:16px;padding:18px 32px;display:flex;position:sticky;top:0}#app .ds__topleft{align-items:center;gap:14px;min-width:0;display:flex}#app .ds__navtoggle{background:var(--bg-tint);border:1px solid var(--line);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;border-radius:11px;flex:none;place-items:center;font-size:17px;line-height:1;transition:background .15s,color .15s;display:grid}#app .ds__navtoggle:hover{color:var(--purple);background:#fff;box-shadow:0 2px 8px #3c1e5a1a}#app .ds__crumb{font-family:var(--font-display);font-size:20px;font-weight:900}#app .ds__crumb small{font-family:var(--font-body);color:var(--ink-soft);margin-top:1px;font-size:12.5px;font-weight:500;display:block}#app .ds__topactions{align-items:center;gap:10px;display:flex}#app .ds__content{width:100%;max-width:1240px;padding:28px 32px 48px}#app .ds-builder{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:26px;max-width:1100px;margin-left:auto;margin-right:auto;display:grid}#app .ds-builder-single{background:var(--surface);border:1px solid var(--line);border-radius:24px;width:100%;max-width:720px;height:calc(100vh - 150px);margin:0 auto;overflow:hidden;box-shadow:0 2px 10px #3c1e5a0a}#app .ds-builder__panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;height:auto;overflow:visible;box-shadow:0 2px 10px #3c1e5a0a}#app .ds-builder__panel .scr{background:var(--surface);height:auto;min-height:0}#app .ds-builder__panel .scr__body{flex:none;overflow-y:visible}#app .ds-builder__aside{position:sticky;top:92px}#app .ds-builder__aside .preview-cap{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}#app .preview-cap__label{align-items:center;gap:8px;min-width:0;display:inline-flex}#app .preview-cap .seg-toggle{flex:none}#app .ds-phone-frame{background:#1a1a2e;border-radius:44px;padding:12px;box-shadow:0 0 0 1px #ffffff14,0 32px 64px -16px #1e0a3c8c}#app .ds-phone-frame__inner{background:var(--bg);border-radius:34px;height:580px;position:relative;overflow:hidden}#app .ds-phone-frame__inner .scr{height:100%}#app .prev-win{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 18px 42px -30px #1e0a3c73}#app .prev-win__bar{background:#ece9f1;border-bottom:1px solid #221a300f;align-items:center;gap:7px;padding:10px 12px;display:flex}#app .prev-win__bar .d{border-radius:50%;flex:none;width:11px;height:11px}#app .prev-win__bar .d.r{background:#ff5f57}#app .prev-win__bar .d.y{background:#febc2e}#app .prev-win__bar .d.g{background:#28c840}#app .prev-win__url{min-width:0;color:var(--ink-faint);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:9px;flex:1;margin-left:8px;padding:6px 12px;font-size:11.5px;line-height:1;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #221a300a}#app .prev-win__view{height:586px;position:relative;overflow:hidden}#app .prev-win__view .result{border-radius:0}#app .prev-note{text-align:center;color:var(--ink-faint);margin-top:12px;font-size:12px;font-weight:700}@media (max-width:1080px){#app .ds__topbar{padding:14px 20px}#app .ds__content{padding:16px 16px 48px}#app .ds-builder{grid-template-columns:1fr}#app .ds-builder__aside{display:none}#app .ds-builder__panel{width:100%;max-width:560px;height:calc(100vh - 130px);margin:0 auto}#app .ds-builder-single{height:calc(100vh - 130px)}}@media (max-width:767px){#app .ds,#app .ds__side{display:none}#app .ds__main{height:auto;min-height:0;padding-bottom:calc(68px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}#app .ds__topbar{z-index:10;padding:12px 16px;position:sticky;top:0}#app .ds__topactions,#app .ds__topbar--mob-hidden{display:none}#app .steps-bar{gap:0;margin:0 -20px}#app .steps-bar .seg{border-radius:0}#app .steps-meta,#app .builder-back-btn{display:none}#app .builder-lang-tap{font-family:var(--font-display);background:var(--bg-tint);border:1px solid var(--line);width:36px;height:28px;color:var(--ink-soft);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;font-size:12px;font-weight:800;display:flex}#app .scr__head{padding-top:0}#app .scr__head-top{min-height:0;padding:0}#app .scr__head{padding-bottom:0}#app .scr__body{padding-top:16px;padding-bottom:calc(68px + env(safe-area-inset-bottom) + 20px)}#app .scr__foot{padding-bottom:calc(68px + env(safe-area-inset-bottom))}#app .ds__content{padding:16px 16px 24px}.mob__bottom,#app .mob{display:flex}}#app .mob--builder .mob__content{overflow-y:auto}#app .mob--builder .mob__content>*,#app .mob--builder .scr{height:auto;min-height:0}#app .mob--builder .scr__body{flex:none;overflow-y:visible}@media (min-width:768px){#app .mob{display:none}#app .ds{display:flex}.mob__bottom,#app .builder-lang-tap{display:none}#app .steps-bar{margin-top:0}#app .scr__head{padding-top:12px}#app .steps-meta{display:flex}}.mob__bottom{padding:8px 0 calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line,var(--wkm-line,#221a3014));background:var(--surface,var(--wkm-surface,#fff));z-index:100;flex-shrink:0;justify-content:space-evenly;align-items:center;gap:0;position:fixed;bottom:0;left:0;right:0}.mob__navbtn{font-family:var(--font-display,var(--wkm-font-display,sans-serif));color:var(--ink-faint,var(--wkm-ink-faint,#ada5b8));-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-size:10.5px;font-weight:800;text-decoration:none;display:flex}.mob__navbtn .ic{opacity:.9;place-items:center;display:grid}.mob__navbtn.on{color:var(--purple,var(--wkm-purple,#7c3aed));font-weight:900}.mob__fab{font-family:var(--font-display,var(--wkm-font-display,sans-serif));color:var(--purple,var(--wkm-purple,#7c3aed));-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:10.5px;font-weight:900;text-decoration:none;display:flex}.mob__fab span{background:var(--purple,var(--wkm-purple,#7c3aed));color:#fff;width:46px;height:46px;box-shadow:0 8px 18px -6px var(--purple,var(--wkm-purple,#7c3aed));border:3px solid var(--surface,var(--wkm-surface,#fff));border-radius:50%;place-items:center;margin-top:-22px;font-size:26px;line-height:1;transition:transform .14s;display:grid}.mob__fab:hover span{transform:translateY(-2px)}@media (max-width:767px){.ck-settings-footer{bottom:calc(62px + env(safe-area-inset-bottom))!important}}#app .dfan-shell{background:var(--bg);flex-direction:column;height:100vh;display:none;overflow:hidden}#app .dfan-shell__bar{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}#app .dfan-shell__body{flex:1;overflow-y:auto}@media (min-width:768px){#app .dfan-shell{display:flex}}#app .dstat-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}#app .dstat{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:0 2px 10px #3c1e5a0a}#app .dstat .top{justify-content:space-between;align-items:center;display:flex}#app .dstat .ic{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}#app .dstat .delta{font-size:12px;font-weight:800;font-family:var(--font-display)}#app .dstat .delta.up{color:var(--green)}#app .dstat .v{font-family:var(--font-display);letter-spacing:-.02em;margin-top:14px;font-size:32px;font-weight:900;line-height:1}#app .dstat .l{color:var(--ink-soft);margin-top:6px;font-size:12.5px;font-weight:600}#app .dgrid{grid-template-columns:1fr 1.45fr;align-items:start;gap:20px;margin-top:22px;display:grid}#app .panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 2px 10px #3c1e5a0a}#app .panel__head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}#app .panel__head h3{font-family:var(--font-display);font-size:16px;font-weight:900}#app .panel__head .sub{color:var(--ink-soft);font-size:12px}#app .dquiz{text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:16px;align-items:center;gap:13px;width:100%;padding:13px;transition:border-color .15s,background .15s,transform .14s;display:flex}#app .dquiz+.dquiz{margin-top:10px}#app .dquiz:hover{border-color:var(--purple);transform:translateY(-2px)}#app .dquiz.active{border-color:var(--purple);background:var(--purple-soft)}#app .dquiz__thumb{color:#fff;width:44px;height:44px;font-family:var(--font-display);border-radius:13px;flex:none;place-items:center;font-size:17px;font-weight:900;display:grid}#app .dquiz__main{flex:1;min-width:0}#app .dquiz__title{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;line-height:1.25;overflow:hidden}#app .dquiz__meta{color:var(--ink-soft);gap:10px;margin-top:3px;font-size:11.5px;display:flex}#app .dquiz__meta .live{color:var(--green);font-weight:700}#app .dquiz__meta .draft{color:var(--ink-faint);font-weight:700}#app .dquiz__resp{text-align:right;flex:none}#app .dquiz__resp .v{font-family:var(--font-display);color:var(--purple);font-size:16px;font-weight:900}#app .dquiz__resp .l{color:var(--ink-faint);font-size:10px}#app .an-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}#app .an-head .thumb{color:#fff;width:46px;height:46px;font-family:var(--font-display);border-radius:13px;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid}#app .an-head .t{font-family:var(--font-display);font-size:16px;font-weight:900;line-height:1.2}#app .an-head .s{color:var(--ink-soft);margin-top:2px;font-size:12px}#app .an-head .s b{color:var(--purple);font-family:var(--font-display)}#app .an-cols{grid-template-columns:1fr 1fr;gap:22px;display:grid}#app .an-block__label{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink-soft);margin-bottom:12px;font-size:12px;font-weight:800}#app .an-recent{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}#app .dfan{flex-direction:column;align-items:center;padding:6px 0 20px;display:flex}#app .dfan__creator{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:11px;margin-bottom:26px;padding:8px 18px 8px 9px;display:inline-flex;box-shadow:0 2px 10px #3c1e5a0d}#app .dfan__creator .ava{background-size:cover;border-radius:50%;flex:none;width:38px;height:38px}#app .dfan__creator .nm{font-family:var(--font-display);font-size:15px;font-weight:900;line-height:1.15}#app .dfan__creator .nm small{font-family:var(--font-body);color:var(--ink-faint);white-space:nowrap;font-size:12px;font-weight:500;display:block}#app .dq-card{background:var(--surface);border:1px solid var(--line);border-radius:30px;width:100%;max-width:780px;padding:40px 44px 44px;box-shadow:0 30px 70px -36px #461e6e66}#app .dq-progress .meta{font-family:var(--font-display);color:var(--ink-soft);justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:14px;font-weight:800;display:flex}#app .dq-progress .meta b{color:var(--purple);font-size:16px}#app .dq-progress .meta .pct{color:var(--ink-faint);white-space:nowrap;font-size:13px}#app .dq-progress .track{background:var(--purple-soft);border-radius:99px;height:10px;overflow:hidden}#app .dq-progress .track i{background:linear-gradient(90deg, var(--purple), var(--coral));border-radius:99px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}#app .dq-text{font-family:var(--font-display);letter-spacing:-.01em;margin-top:28px;font-size:30px;font-weight:900;line-height:1.28}#app .dq-hint{color:var(--ink-faint);margin-top:10px;font-size:13.5px;font-weight:600}#app .dq-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:26px;display:grid}#app .dq-opt{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:18px;align-items:center;gap:14px;padding:18px 20px;font-size:16px;font-weight:600;transition:transform .14s,border-color .15s,background .15s,box-shadow .2s;display:flex}#app .dq-opt:hover{border-color:var(--purple);box-shadow:0 14px 28px -16px var(--purple);transform:translateY(-3px)}#app .dq-opt .key{background:var(--purple-soft);width:34px;height:34px;color:var(--purple);font-family:var(--font-display);border-radius:10px;flex:none;place-items:center;font-size:16px;font-weight:900;transition:all .15s;display:grid}#app .dq-opt.sel{border-color:var(--purple);background:var(--purple-soft)}#app .dq-opt.sel .key{background:var(--purple);color:#fff}#app .dq-opt.correct{border-color:var(--green);background:var(--green-soft)}#app .dq-opt.correct .key{background:var(--green);color:#fff}#app .dq-opt.wrong{border-color:var(--coral);background:var(--coral-soft)}#app .dq-opt.wrong .key{background:var(--coral);color:#fff}#app .dq-dots{justify-content:center;gap:8px;margin-top:26px;display:flex}#app .dq-dots i{background:var(--line-strong);border-radius:50%;width:9px;height:9px;transition:all .3s}#app .dq-dots i.done{background:var(--purple)}#app .dq-dots i.now{background:var(--coral);transform:scale(1.35)}#app .dres-wrap{flex-direction:column;align-items:center;padding:4px 0 28px;display:flex}#app .dres{color:#fff;background:radial-gradient(120% 90% at 82% 6%, #fb6f84 0%, var(--coral) 22%, var(--purple) 60%, var(--purple-deep) 100%);border-radius:32px;width:100%;max-width:940px;position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #461e6e99}#app .dres__inner{z-index:2;grid-template-columns:1.1fr .9fr;gap:32px;padding:44px 48px;display:grid;position:relative}#app .dres__brand{font-family:var(--font-display);opacity:.95;align-items:center;gap:9px;font-size:16px;font-weight:900;display:flex}#app .dres__brand .m{width:28px;height:28px;color:var(--purple);background:#fff;border-radius:8px;place-items:center;font-size:15px;display:grid;transform:rotate(-6deg)}#app .dres__creator{align-items:center;gap:11px;margin-top:26px;display:flex}#app .dres__creator .ava{background-size:cover;border:2px solid #ffffff8c;border-radius:50%;flex:none;width:46px;height:46px}#app .dres__creator .nm{font-family:var(--font-display);font-size:16px;font-weight:800}#app .dres__creator .nm small{opacity:.82;font-weight:500;font-family:var(--font-body);white-space:nowrap;font-size:13px;display:block}#app .dres__badge{color:var(--coral);font-family:var(--font-display);letter-spacing:.04em;background:#fff;border-radius:999px;align-items:center;gap:8px;margin-top:26px;padding:10px 20px;font-size:17px;font-weight:900;display:inline-flex;box-shadow:0 14px 30px -10px #00000059}#app .dres__score{font-family:var(--font-display);letter-spacing:-.04em;align-items:baseline;gap:6px;margin-top:16px;font-weight:900;line-height:.8;display:flex}#app .dres__score .big{font-size:132px}#app .dres__score .den{opacity:.7;font-size:52px}#app .dres__headline{font-family:var(--font-display);margin-top:8px;font-size:30px;font-weight:900;line-height:1.12}#app .dres__headline .jp{opacity:.9;margin-top:6px;font-size:17px;font-weight:700;display:block}#app .dres__bubble{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border:1px solid #ffffff47;border-radius:20px;margin-top:24px;padding:18px 20px}#app .dres__bubble .from{opacity:.85;font-size:12.5px;font-weight:700;font-family:var(--font-display);margin-bottom:6px}#app .dres__bubble p{font-size:17px;font-weight:600;line-height:1.5}#app .dres__bubble .jp{opacity:.85;margin-top:6px;font-size:14px;font-weight:500;display:block}#app .dres__side{align-self:start}#app .dres__panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff42;border-radius:22px;padding:22px}#app .dres__panel .lab{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:14px;font-size:12px;font-weight:800}#app .dres__brow{border-bottom:1px solid #ffffff2e;align-items:center;gap:12px;padding:11px 0;font-size:14px;display:flex}#app .dres__brow:last-child{border-bottom:none}#app .dres__brow .qn{opacity:.7;width:26px;font-family:var(--font-display);flex:none;font-weight:800}#app .dres__brow .qt{opacity:.96;flex:1;font-weight:500}#app .dres__brow .mk{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:14px;display:grid}#app .dres__brow .mk.ok{color:var(--green);background:#fff}#app .dres__brow .mk.no{color:#fff;background:#0003}#app .dres__ranking{margin-top:18px}#app .dres__ranking-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}#app .dres__ranking-sub{opacity:.7;letter-spacing:.02em;font-size:11px;font-weight:500}#app .dres__rank-row{border-bottom:1px solid #ffffff26;align-items:center;gap:9px;padding:10px 0;font-size:13px;display:flex}#app .dres__rank-row:last-of-type{border-bottom:none}#app .dres__rank-row--self{background:#ffffff1f;border-bottom:none;border-radius:12px;margin-top:4px;padding:10px}#app .dres__rank-medal{text-align:center;width:28px;font-family:var(--font-display);opacity:.85;flex:none;font-size:12px;font-weight:800}#app .dres__rank-ava{border:1.5px solid #fff6;border-radius:50%;flex:none;width:28px;height:28px}#app .dres__rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}#app .dres__rank-score{font-family:var(--font-display);flex:none;font-size:13px;font-weight:800}#app .dres__rank-time{opacity:.75;text-align:right;flex:none;min-width:42px;font-size:12px}#app .dres__ranking-footer{opacity:.75;text-align:center;margin-top:10px;font-size:12px;font-weight:500}#app .dres__ranking-cta{color:#fff;width:100%;font-family:var(--font-display);text-align:center;background:#000;border-radius:12px;margin-top:14px;padding:13px 0;font-size:14px;font-weight:800;transition:opacity .15s;display:block}#app .dres__ranking-cta:hover{opacity:.85}#app .mob__ranking{background:#ffffff1a;border:1px solid #fff3;border-radius:18px;margin-top:18px;padding:18px}#app .mob__ranking-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}#app .mob__ranking-title{font-family:var(--font-display);letter-spacing:.04em;font-size:15px;font-weight:800}#app .mob__ranking-sub{opacity:.7;font-size:11px;font-weight:500}#app .mob__rank-row{background:#ffffff1f;border:none;border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:13px;display:flex}#app .mob__rank-row--self{color:#1e0a3c;background:#fffffff2;border-radius:12px;margin-top:2px;margin-bottom:0;padding:10px 12px}#app .mob__rank-row--self .mob__rank-medal{opacity:1}#app .mob__rank-row--self .mob__rank-time{opacity:.55}#app .mob__rank-medal{text-align:center;width:28px;font-family:var(--font-display);opacity:.9;flex:none;font-size:13px;font-weight:800}#app .mob__rank-ava{border:1.5px solid #ffffff4d;border-radius:8px;flex:none;width:28px;height:28px}#app .mob__rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}#app .mob__rank-score{font-family:var(--font-display);flex:none;font-size:14px;font-weight:800}#app .mob__rank-time{opacity:.65;text-align:right;flex:none;min-width:40px;font-size:11px}#app .mob__ranking-footer{opacity:.72;text-align:center;margin-top:10px;font-size:12px;font-weight:500}#app .dres-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}#app .dres-share{font-family:var(--font-display);background:var(--ink);color:#fff;border-radius:16px;align-items:center;gap:10px;padding:16px 30px;font-size:17px;font-weight:900;transition:transform .14s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 34px -14px #221a3099}#app .dres-share:hover{transform:translateY(-2px);box-shadow:0 22px 40px -16px #221a30b3}#app .dres-sns{gap:9px;display:flex}#app .dres-sns button{color:#fff;width:50px;height:50px;font-family:var(--font-display);border-radius:14px;font-size:14px;font-weight:900;transition:transform .14s}#app .dres-sns button:hover{transform:translateY(-2px)}#app .dres-ghost{font-family:var(--font-display);color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;padding:15px 22px;font-size:14px;font-weight:800;transition:background .2s}#app .dres-ghost:hover{color:var(--ink);background:#fff}#app .share-retry-btn:hover{opacity:.7}@media (max-width:1080px){#app .dstat-row{grid-template-columns:repeat(2,1fr)}#app .dgrid,#app .an-cols{grid-template-columns:1fr}#app .dres__inner{grid-template-columns:1fr;gap:24px}#app .dres__score .big{font-size:104px}}#app .scr__head-top{justify-content:space-between;align-items:center;gap:8px;display:flex}#app .builder-back-btn{font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px 12px;font-size:13px;font-weight:700;transition:color .15s}#app .builder-back-btn:hover{color:var(--ink)}#app .builder-draft-btn{font-family:var(--font-display);color:var(--ink-soft,var(--wkm-ink-soft,#6a6178));cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:0;flex-shrink:0;margin-left:auto;padding:6px 4px;font-size:13px;font-weight:700;transition:color .15s}#app .builder-draft-btn:hover{color:var(--ink,var(--wkm-ink,#221a30));background:0 0}#app .builder-draft-btn--saved{color:#16a34a}@media (max-width:767px){#app .builder-draft-btn--desk-only{display:none}}#app .builder-title-input{font-family:var(--font-display);box-sizing:border-box;border-radius:16px;width:100%;padding:15px 18px;font-size:16px;font-weight:800}@media (max-width:767px){#app .builder-title-input--mob-hidden{display:none}}#app .preview-tab-group{background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;gap:2px;margin-left:auto;padding:2px;display:flex}#app .preview-tab{font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;transition:background .14s,color .14s}#app .preview-tab--active{background:var(--purple);color:#fff}#app .ds-pc-preview{border:1px solid var(--line-strong);background:var(--bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #1e0a3c1a}#app .ds-pc-preview__bar{background:#e8e8ec;align-items:center;gap:8px;padding:8px 12px;display:flex}#app .ds-pc-preview__bar-dots{flex-shrink:0;gap:5px;display:flex}#app .ds-pc-preview__bar-dots span{background:#ccc;border-radius:50%;width:10px;height:10px;display:block}#app .ds-pc-preview__bar-dots span:first-child{background:#ff5f57}#app .ds-pc-preview__bar-dots span:nth-child(2){background:#febc2e}#app .ds-pc-preview__bar-dots span:nth-child(3){background:#28c840}#app .ds-pc-preview__url{color:var(--ink-soft);text-align:center;font-size:11px;font-family:var(--font-body,monospace);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:6px;flex:1;padding:4px 10px;overflow:hidden}#app .ds-pc-preview__content{height:560px;position:relative;overflow:hidden}#app .ds-pc-preview__content .result{border-radius:0}#app .builder-quota{background:var(--purple-soft);color:var(--ink-soft);border:1px solid #7c3aed14;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:13px 16px;font-size:12.5px;font-weight:700;line-height:1.45;display:flex}#app .builder-quota b{color:var(--purple);font-family:var(--font-display);font-weight:900}#app .builder-quota__dot{background:var(--purple);border-radius:999px;flex:none;width:10px;height:10px}#app .builder-quota__note{color:var(--purple-deep);font-family:var(--font-display);white-space:nowrap;margin-left:auto;font-size:11.5px;font-weight:800}#app .builder-quota--out{background:var(--coral-soft);color:var(--coral-deep);border-color:#f43f5e1f}#app .builder-quota--out .builder-quota__dot{background:var(--coral)}#app .builder-quota--out .builder-quota__note{color:var(--coral-deep)}#app .builder-section{background:var(--surface);border:1px solid var(--line);box-shadow:var(--wkm-shadow-sm);border-radius:22px;padding:20px 20px 18px}#app .builder-section+.builder-section{margin-top:16px}#app .builder-section--external{background:radial-gradient(80% 55% at 100% 0%, #ffe7ecd1, transparent 64%), var(--surface)}#app .builder-section--highlight{box-shadow:0 0 0 4px var(--coral-soft), var(--wkm-shadow-sm);border-color:#f43f5e73}#app .builder-section__label{font-family:var(--font-display);letter-spacing:0;color:var(--ink);margin-bottom:12px;font-size:19px;font-weight:900}#app .builder-section__label-en{letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;margin-left:8px;font-size:11px}#app .builder-section--about-quiz{box-shadow:0 12px 32px -26px #461e6e7a}#app .builder-template-head{color:var(--ink);font-family:var(--font-display);align-items:baseline;gap:10px;margin:18px 0 8px;font-size:13.5px;font-weight:900;display:flex}#app .builder-template-head small{color:var(--ink-faint);font-size:12px;font-weight:700}#app .builder-template-chips{margin-top:0;margin-bottom:12px}#app .builder-template-chips .c{font-family:var(--font-display);background:#fff;padding:9px 15px;font-size:13px;font-weight:900}#app .builder-about-textarea{border-radius:18px;min-height:118px;padding:18px 20px;font-size:15.5px;line-height:1.75}#app .builder-own-ai-card{background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--wkm-shadow-sm);text-align:left;border-radius:18px;align-items:center;gap:13px;margin-top:14px;padding:15px 16px;transition:transform .14s,border-color .16s,box-shadow .18s;display:flex}#app .builder-own-ai-card:hover{border-color:#7c3aed5c;transform:translateY(-2px);box-shadow:0 16px 30px -24px #461e6e8c}#app .builder-own-ai-card__icon{background:var(--purple-soft);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}#app .builder-own-ai-card__text{flex-direction:column;gap:2px;min-width:0;display:flex}#app .builder-own-ai-card__text b{font-family:var(--font-display);color:var(--ink);font-size:15.5px;font-weight:900}#app .builder-own-ai-card__text small{color:var(--ink-soft);font-size:12.5px;font-weight:700}#app .builder-own-ai-card__arrow{color:var(--ink-faint);font-family:var(--font-display);margin-left:auto;font-size:19px;font-weight:900}#app .builder-share-note{text-align:center;color:var(--ink-soft);margin-top:10px;font-size:12.5px;font-weight:700}#app .builder-ai-modal{z-index:80;place-items:center;padding:22px;display:grid;position:fixed;inset:0}#app .builder-ai-modal__backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#221a3070;position:absolute;inset:0}#app .builder-ai-modal__panel{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:22px;width:min(680px,100%);max-height:min(82vh,640px);padding:28px 28px 24px;position:relative;overflow-y:auto;box-shadow:0 34px 80px -34px #221a30b8}#app .builder-ai-modal__close{background:var(--bg-tint);width:32px;height:32px;color:var(--ink-faint);border-radius:999px;place-items:center;font-size:20px;line-height:1;display:grid;position:absolute;top:14px;right:14px}#app .builder-ai-modal__check{background:var(--green-soft);width:46px;height:46px;color:var(--green);font-family:var(--font-display);border-radius:50%;place-items:center;margin-bottom:18px;font-size:24px;font-weight:900;display:grid}#app .builder-ai-modal h2{font-family:var(--font-display);margin-bottom:10px;font-size:22px;font-weight:900;line-height:1.25}#app .builder-ai-modal p{color:var(--ink-soft);margin-bottom:18px;font-size:13.5px;font-weight:600}#app .builder-ai-modal__links{gap:10px;margin-bottom:20px;display:grid}#app .builder-ai-modal__links button{background:var(--bg-tint);border:1.5px solid var(--line-strong);min-height:50px;font-family:var(--font-display);color:var(--ink);border-radius:13px;font-size:14px;font-weight:900;transition:border-color .15s,background .15s,color .15s}#app .builder-ai-modal__links button:hover{background:var(--purple-soft);border-color:var(--purple);color:var(--purple)}#app .builder-ai-modal__links span{margin-left:6px}#app .builder-ai-modal__paste{border-top:1px solid var(--line);padding-top:16px}#app .builder-ai-modal__paste label{font-family:var(--font-display);color:var(--ink-soft);margin-bottom:9px;font-size:12.5px;font-weight:900;display:block}#app .builder-ai-modal__paste textarea{min-height:120px}#app .builder-ai-modal__submit{width:auto;min-width:142px;margin-top:12px;margin-left:auto;padding-left:18px;padding-right:18px}#app .builder-external-details{border:1px dashed var(--line-strong);color:var(--ink-soft);background:#fff9;border-radius:16px;margin-top:16px;overflow:hidden}#app .builder-external-details--highlight{background:var(--coral-soft);border-color:#f43f5e73}#app .builder-external-details summary{cursor:pointer;font-family:var(--font-display);color:var(--ink);align-items:center;gap:10px;padding:13px 15px;font-weight:900;list-style:none;display:flex}#app .builder-external-details summary::-webkit-details-marker{display:none}#app .builder-external-details summary:after{content:"▼";color:var(--ink-faint);margin-left:auto;font-size:11px;transition:transform .16s}#app .builder-external-details[open] summary:after{transform:rotate(180deg)}#app .builder-external-details summary small{color:var(--ink-faint);font-size:11.5px;font-weight:800}#app .builder-external-details__body{padding:0 15px 15px}#app .field--mono{color:var(--ink-soft);background:var(--bg-tint);font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.55}#app .ext-llm-btns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}#app .ext-llm-btn{font-family:var(--font-display);background:var(--surface);border:1.5px solid var(--line-strong);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 14px;font-size:12.5px;font-weight:800;transition:background .15s,border-color .15s,color .15s}#app .ext-llm-btn:hover{background:var(--purple-soft);border-color:var(--purple);color:var(--purple)}#app .ext-llm-btn--copy.copied{background:var(--green-soft);border-color:var(--green);color:var(--green)}#app .external-copy-state{border:1px dashed var(--line-strong);color:var(--ink-soft);background:#ffffffb8;border-radius:12px;margin-top:11px;padding:10px 12px;font-size:12.5px;font-weight:700;line-height:1.5}#app .external-copy-state--copied{background:var(--green-soft);border-color:color-mix(in srgb, var(--green) 35%, transparent);color:#14532d}#app .bld-shuffle{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin-bottom:16px;padding:14px 16px 12px;transition:border-color .18s,box-shadow .18s;box-shadow:0 2px 8px #3c1e5a0a}#app .bld-shuffle.on{border-color:color-mix(in srgb, var(--purple) 40%, transparent);box-shadow:0 0 0 3px var(--purple-soft), 0 2px 8px #3c1e5a0a}#app .bld-shuffle__main{align-items:center;gap:12px;display:flex}#app .bld-shuffle__tx{flex-direction:column;gap:3px;display:flex}#app .bld-shuffle__tx b{font-family:var(--font-display);color:var(--ink);font-size:14px;font-weight:900;line-height:1.2}#app .bld-shuffle__tx small{color:var(--ink-faint);font-size:11.5px;font-weight:700;line-height:1.4}#app .tgl-sw{background:var(--line-strong);cursor:pointer;border:none;border-radius:999px;flex:none;width:44px;height:26px;padding:0;transition:background .2s;position:relative}#app .tgl-sw.on{background:var(--purple)}#app .tgl-sw .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}#app .tgl-sw.on .knob{transform:translate(18px)}#app .bld-shuffle__prev{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:11px;display:flex}#app .bld-shuffle__lab{font-family:var(--font-display);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;flex:none;font-size:11px;font-weight:900}#app .bld-shuffle__chip{background:var(--purple-soft);color:var(--purple);font-family:var(--font-display);border:1px solid color-mix(in srgb, var(--purple) 20%, transparent);border-radius:8px;padding:3px 9px;font-size:12px;font-weight:900}#app .bld-shuffle__re{border:1.5px solid var(--line-strong);font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:800;transition:background .15s,border-color .15s,color .15s}#app .bld-shuffle__re:hover{background:var(--purple-soft);border-color:var(--purple);color:var(--purple)}#app .json-paste-toggle{text-align:left;background:var(--bg-tint);border:1px dashed var(--line-strong);width:100%;font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;border-radius:10px;margin-top:14px;padding:9px 12px;font-size:12.5px;font-weight:800;transition:background .15s,color .15s;display:block}#app .json-paste-toggle:hover{background:var(--purple-soft);color:var(--purple)}#app .json-paste-area{margin-top:10px}#app .json-parse-error{color:var(--coral);margin-top:6px;font-size:12px;font-weight:700}@media (max-width:520px){#app .seg-toggle__btn{min-width:38px;height:30px;padding:0 10px;font-size:11px}#app .builder-section__label-en{margin-top:6px;margin-left:0;line-height:1.35;display:block}#app .builder-template-head{flex-direction:column;gap:3px}#app .builder-quota{align-items:flex-start}#app .builder-quota__note{width:100%;margin-left:16px}#app .builder-ai-modal{padding:16px 12px calc(16px + env(safe-area-inset-bottom));align-items:center}#app .builder-ai-modal__panel{max-height:calc(100vh - env(safe-area-inset-bottom) - 80px);border-radius:20px;padding:24px 18px 18px}#app .builder-ai-modal h2{font-size:19px}#app .builder-ai-modal__submit{width:100%}#app .scr__foot .app-btn{white-space:normal;min-height:50px;padding-left:14px;padding-right:14px;font-size:14.5px;line-height:1.25}}#app .mq-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:1080px){#app .mq-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){#app .mq-grid{grid-template-columns:1fr}}#app .mq-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;flex-direction:column;transition:transform .15s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px #3c1e5a0a}#app .mq-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px #461e6e4d}#app .mq-card__thumb{aspect-ratio:16/7;width:100%;font-family:var(--font-display);color:#ffffffb3;place-items:center;font-size:36px;font-weight:900;display:grid}#app .mq-card__title{font-family:var(--font-display);color:var(--ink);padding:12px 14px 6px;font-size:14px;font-weight:800;line-height:1.3}#app .mq-card__meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;padding:0 14px 10px;font-size:12px;display:flex}#app .mq-card__meta-live{color:var(--green);font-weight:700}#app .mq-card__meta-draft{color:var(--ink-faint);font-weight:700}#app .mq-card__meta-resp{color:var(--purple);font-weight:700}#app .mq-card__actions{flex-direction:column;gap:8px;margin-top:auto;padding:10px 14px 14px;display:flex}#app .mq-card__actions-row{gap:8px;display:flex}#app .mq-card__btn{font-family:var(--font-display);cursor:pointer;text-align:center;border-radius:12px;flex:1;padding:9px 12px;font-size:13px;font-weight:800;transition:background .15s,color .15s,border-color .15s}#app .mq-card__btn--primary{background:var(--purple);color:#fff;box-shadow:0 6px 14px -6px var(--purple);border:none}#app .mq-card__btn--primary:hover{background:var(--purple-deep)}#app .mq-card__btn--ghost{background:var(--surface);border:1.5px solid var(--line-strong);color:var(--ink-soft)}#app .mq-card__btn--ghost:hover{background:var(--bg-tint);color:var(--ink)}#app .mq-card__btn--full{flex:none;width:100%}#app .mq-card__btn--danger{color:#fff;background:#dc2626;border:none;padding-top:18px;padding-bottom:18px}#app .mq-card__btn--danger:hover{background:#b91c1c}#app .mq-card__btn--x{color:#fff;background:#000;border:none}#app .mq-card__btn--x:hover{background:#1a1a1a}#app .mq-card__btn--icon{justify-content:center;align-items:center;gap:5px;width:100%;display:inline-flex}#app .mq-guest,#app .mq-empty{text-align:center;padding:60px 0 40px}#app .mq-guest__icon{margin-bottom:12px;font-size:40px}#app .mq-guest__msg,#app .mq-empty p{color:var(--ink-soft);margin-bottom:20px;font-size:15px}#app .mob__preview-btn{font-family:var(--font-display);background:var(--bg-tint);color:var(--ink-faint);white-space:nowrap;border:1px solid var(--line);cursor:not-allowed;opacity:.6;border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:900;display:inline-flex}#app .mob__create-cta{font-family:var(--font-display);background:var(--coral);color:#fff;white-space:nowrap;box-shadow:0 6px 14px -6px var(--coral);border-radius:999px;align-items:center;padding:8px 14px;font-size:13px;font-weight:900;transition:transform .14s,box-shadow .2s;display:inline-flex}#app .mob__create-cta:hover{box-shadow:0 8px 18px -6px var(--coral);transform:translateY(-1px)}#app .mob__fan-tabs{border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0;gap:0;display:flex}#app .mob__fan-tab{text-align:center;font-family:var(--font-display);color:var(--ink-faint);cursor:default;border-bottom:2.5px solid #0000;flex:1;padding:10px 0;font-size:13px;font-weight:800;transition:color .15s,border-color .15s}#app .mob__fan-tab.active{color:var(--ink);border-bottom-color:var(--ink)}#app .result__demo{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#501e505c;border-radius:999px;align-items:center;gap:2px;margin:0;padding:7px 10px;display:inline-flex;position:absolute;top:54px;left:50%;transform:translate(-50%);box-shadow:0 12px 26px -16px #00000073}#app .result__demo button{width:34px;height:34px;font-family:var(--font-display);color:#fff;cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-size:14px;font-weight:900;transition:background .18s,color .18s,transform .18s,box-shadow .18s;display:grid}#app .result__demo button:hover{background:#ffffff29}#app .result__demo button.on{color:var(--purple-deep);background:#fff;transform:scale(1.08);box-shadow:0 8px 18px -8px #00000073}#app .result__x-btn{width:100%;font-family:var(--font-display);color:#fff;background:#ffffff29;border:1.5px solid #ffffff73;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:900;line-height:1;transition:background .18s,transform .14s;display:flex}#app .result__x-btn:hover{background:#ffffff3d;transform:translateY(-1px)}#app .result__make-btn{width:100%;font-family:var(--font-display);background:var(--coral);color:#fff;border-radius:16px;justify-content:center;align-items:center;margin-top:10px;padding:16px;font-size:15px;font-weight:900;line-height:1;text-decoration:none;transition:transform .14s,box-shadow .2s;display:flex;box-shadow:0 12px 26px -10px #f43f5e99}#app .result__make-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -10px #f43f5eb3}#app .mob__bottom-nav{background:var(--surface);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));flex-shrink:0;align-items:center;display:flex}#app .mob__bottom-nav-item{font-family:var(--font-display);color:var(--ink-faint);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 8px;font-size:10px;font-weight:700;text-decoration:none;transition:color .15s;display:flex}#app .mob__bottom-nav-item.active{color:var(--purple)}#app .mob__bottom-nav-item--disabled{opacity:.4;cursor:not-allowed}#app .mob__bottom-nav-item svg{flex-shrink:0}#app .mob__bottom-nav-create{font-family:var(--font-display);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;margin-top:-14px;padding:0 8px 6px;font-size:10px;font-weight:700;text-decoration:none;transition:color .15s;display:flex}#app .mob__bottom-nav-create__icon{background:linear-gradient(135deg, var(--purple), var(--coral));width:50px;height:50px;box-shadow:0 8px 20px -8px var(--purple);border-radius:50%;place-items:center;transition:transform .14s,box-shadow .2s;display:grid}#app .mob__bottom-nav-create:hover .mob__bottom-nav-create__icon{box-shadow:0 12px 26px -8px var(--purple);transform:translateY(-2px)}#app .nickname-modal__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0a041eb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#app .nickname-modal__card{background:#fff;border-radius:20px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:32px 28px 24px;display:flex;box-shadow:0 24px 60px #00000059}#app .nickname-modal__title{font-family:var(--font-display);color:#1a0533;text-align:center;margin:0;font-size:17px;font-weight:800}#app .nickname-modal__sub{color:#9ca3af;text-align:center;margin:-6px 0 4px;font-size:12px}#app .nickname-modal__input{font-size:15px;font-family:var(--font-display);color:#1a0533;border:2px solid #e5e7eb;border-radius:12px;outline:none;padding:12px 16px;font-weight:600;transition:border-color .15s}#app .nickname-modal__input:focus{border-color:#7c3aed}#app .nickname-modal__btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:12px;padding:12px;font-size:15px;font-weight:800;transition:opacity .15s}#app .nickname-modal__btn--primary{color:#fff;background:linear-gradient(135deg,#f43f5e,#7c3aed)}#app .nickname-modal__btn--ghost{color:#6b7280;background:#f3f4f6;padding:9px;font-size:13px;font-weight:600}#app .nickname-modal__btn:hover{opacity:.88}.ck{z-index:1200;background:var(--wkm-surface,#fff);border:1px solid var(--wkm-line,#e5e7eb);opacity:0;pointer-events:none;border-radius:18px;width:372px;max-width:calc(100vw - 32px);padding:20px 20px 18px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .38s;position:fixed;bottom:20px;left:20px;transform:translateY(16px)scale(.97);box-shadow:0 8px 32px -8px #221a302e}.ck.in{opacity:1;pointer-events:auto;transform:none}.ck__head{align-items:center;gap:10px;margin-bottom:11px;display:flex}.ck__icon{background:#ede9fe;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:19px;display:grid;box-shadow:0 2px 6px -2px #7c3aed26}.ck__title{font-family:var(--wkm-font-display,sans-serif);color:var(--wkm-ink,#221a30);font-size:15.5px;font-weight:800}.ck__body{color:var(--wkm-ink-soft,#6b7280);font-size:13px;line-height:1.6}.ck__en{color:var(--wkm-ink-faint,#9ca3af);margin-top:7px;font-size:12px;display:block}.ck__btns{gap:9px;margin-top:16px;display:flex}.ck__btn{cursor:pointer;border:none;border-radius:13px;flex:1;justify-content:center;align-items:center;padding:12px 10px;font-size:14px;font-weight:800;line-height:1;transition:transform .14s,opacity .2s;display:inline-flex}.ck__btn:hover{transform:translateY(-1px)}.ck__btn:active{transform:scale(.98)}.ck__btn--primary{color:#fff;background:#7c3aed;box-shadow:0 8px 18px -8px #7c3aed}.ck__btn--ghost{color:#221a30;box-shadow:none;background:#fff;border:1px solid #d1d5db}.ck__settings-link{cursor:pointer;color:var(--wkm-ink-soft,#6b7280);text-underline-offset:3px;background:0 0;border:none;margin:12px auto 0;font-size:12.5px;font-weight:600;text-decoration:underline;transition:color .2s;display:block}.ck__settings-link:hover{color:#7c3aed}.ck__panel{border-top:1px solid var(--wkm-line,#e5e7eb);margin-top:14px;padding-top:14px}.ck__row{background:var(--wkm-bg-tint,#f9fafb);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.ck__row+.ck__row{margin-top:9px}.ck__row--locked{opacity:.85}.ck__row-label{color:var(--wkm-ink,#221a30);font-size:13px;font-weight:800}.ck__row-sub{color:var(--wkm-ink-soft,#6b7280);margin-top:2px;font-size:11px;line-height:1.4}.ck__pill{letter-spacing:.03em;color:#7c3aed;border:1px solid var(--wkm-line,#e5e7eb);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:5px 10px;font-size:10.5px;font-weight:800}.ck__panel-btns{margin-top:14px}.ck__panel-btns .ck__btn{width:100%}.ck-tgl{cursor:pointer;flex:none;width:44px;height:26px;position:relative}.ck-tgl input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.ck-tgl__track{background:#d1d5db;border-radius:99px;transition:background .2s;position:absolute;inset:0}.ck-tgl__track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.ck-tgl input:checked+.ck-tgl__track{background:#7c3aed}.ck-tgl input:checked+.ck-tgl__track:after{transform:translate(18px)}.ck-tgl input:focus-visible+.ck-tgl__track{outline-offset:2px;outline:2px solid #7c3aed}@media (max-width:1023px){.ck{width:auto;padding:18px 16px 16px;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.ck{transition:opacity .3s;transform:none}}@media (max-width:767px){#app .scr-lead{font-size:12.5px}#app .builder-section__label{font-size:16px}#app .builder-template-head,#app .builder-template-chips{display:none}#app .builder-quota{font-size:12px}#app .builder-own-ai-card__text b{font-size:14px}#app .builder-own-ai-card__text small{font-size:12px}#app .scr__foot--inline .app-btn{white-space:normal;padding:14px 12px;font-size:13px;line-height:1.3}}#app .dres__hero>.share-block{margin-top:28px}#app .result__scroll>.share-block{margin-top:24px}#app .share-btn{color:#7c3aed;cursor:pointer;background:#fff;border:none;border-radius:999px;width:100%;margin-top:20px;padding:16px 0;font-family:inherit;font-size:17px;font-weight:800}#app .share-btn:hover{opacity:.9}body.modal-open{overflow:hidden}