:root{color-scheme:light;--bg:#f2f5f9;--surface:#ffffff;--line:#d8dfe9;--fg:#142033;--muted:#566782;--accent:#4b55c8;--accent-soft:#e4e6f8;--hero-fg:#f3f6fb;--hero-muted:#c4cde0;--hero-line:#f0a46b;--ui-bg:#2d3546;--ui-card:#364054;--ui-line:#465066;--ui-fg:#f1f4f9;--ui-muted:#a5b0c4;--ui-seg:#4b556b;--ui-btn:#8f98ec;--ui-btn-bg:#343d63;--ui-star:#f2c14e;--font-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--font-label:"IBM Plex Mono",ui-monospace,Menlo,monospace}@media(prefers-color-scheme:dark){:root{--bg:#0e141e;--surface:#161e2c;--line:#283246;--fg:#eef2f8;--muted:#9aa8bf;--accent:#9aa3f2;--accent-soft:#1e2442;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.55;padding:40px max(16px,env(safe-area-inset-right)) 64px max(16px,env(safe-area-inset-left))}.wrap{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:56px}.eyebrow{font-family:var(--font-label);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}h1{font-size:clamp(30px,5vw,44px);line-height:1.1;margin:0 0 12px;font-weight:800;letter-spacing:-.02em;text-wrap:balance}h2{font-size:clamp(22px,3vw,28px);line-height:1.2;margin:0 0 10px;font-weight:800;letter-spacing:-.01em;text-wrap:balance}p{margin:0 0 10px}.lead{color:var(--muted);max-width:60ch;font-size:18px}.hero{position:relative;overflow:hidden;border-radius:18px;padding:clamp(28px,6vw,56px);min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;background-color:#0a1226;background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--hero-fg)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060a1859,#060a18d1)}.hero>*{position:relative}.hero .eyebrow{color:var(--hero-line)}.hero h1{max-width:16ch}.hero .lead{color:var(--hero-muted);margin:0}.grp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start;scroll-margin-top:24px}.copy{min-width:0}.copy p{color:var(--muted);max-width:52ch}.copy ul{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.copy li b{color:var(--fg)}.num{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800;align-items:center;justify-content:center;margin-bottom:10px;font-size:15px}.result{margin-top:14px;padding:12px 14px;border-radius:10px;background:var(--accent-soft);color:var(--fg);font-size:15px}.result b{color:var(--accent)}@media(max-width:760px){.grp{grid-template-columns:minmax(0,1fr);gap:20px}}.ui{background:var(--ui-bg);color:var(--ui-fg);border-radius:14px;padding:16px;min-width:0}.ui button,.ui input,.ui textarea{font:inherit;color:inherit}.bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;background:#272f40;border:1px solid var(--ui-line);border-radius:8px;padding:9px 12px;color:var(--ui-muted);font-size:14px;min-width:150px;flex:1 1 150px}.search svg{width:15px;height:15px}.pill{border:1px solid var(--ui-line);background:none;border-radius:20px;padding:6px 12px;font-size:14px;color:var(--ui-fg)}.pill.on{background:var(--ui-seg)}.drop{border:1px solid var(--ui-line);border-radius:8px;padding:9px 12px;font-size:14px;color:var(--ui-muted);background:#272f40}.drop b{color:var(--ui-fg)}.btn{border:1px solid #4a548f;background:var(--ui-btn-bg);color:var(--ui-btn);border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;display:inline-flex;gap:8px;align-items:center}.btn:disabled{opacity:.45;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn.solid{background:#7f88dd;border-color:#7f88dd;color:#10142e}.btn.ghost{background:none;border-color:transparent;color:var(--ui-muted)}.btn:focus-visible,.chip:focus-visible,.dz:focus-visible,.pill:focus-visible,.tile:focus-visible{outline:2px solid #fff;outline-offset:2px}.modal{background:#2e3647;border:1px solid var(--ui-line);border-radius:14px;overflow:hidden}.mh{background:#4f586b;padding:12px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.mh span.x{color:var(--ui-fg);font-size:20px;line-height:1}.mb{padding:16px;display:flex;flex-direction:column;gap:14px}.post{display:flex;align-items:center;gap:12px;border:1px solid var(--ui-line);border-radius:12px;padding:10px 12px}.post img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}.post small{display:block;color:var(--ui-muted);font-size:13px;line-height:1.2}.post b{font-size:15px}.post .pub{margin-left:auto;border:1px solid var(--ui-line);border-radius:10px;padding:4px 10px;font-size:13px;color:var(--ui-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.post .pub svg{width:13px;height:13px}.stepn{display:flex;justify-content:space-between;color:var(--ui-muted);font-size:14px;margin-bottom:-6px}.prog{height:5px;border-radius:5px;background:#3d465a;overflow:hidden}.prog i{display:block;height:100%;background:#7f88dd;border-radius:5px}.lab{font-family:var(--font-label);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);display:flex;justify-content:space-between}.lab em{color:#ef6a5a;font-style:normal}.lab span.opt{font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:13px}.field{background:#363e50;border:1px solid var(--ui-line);border-radius:10px;padding:12px 14px;width:100%}.field:focus{outline:2px solid #7f88dd;outline-offset:1px}textarea.field{min-height:110px;resize:vertical;display:block}.cnt{text-align:right;color:var(--ui-muted);font-size:13px;margin-top:4px}.dz{border:1.5px dashed #5d6880;border-radius:12px;background:#3e4657;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;cursor:pointer;position:relative;overflow:hidden;padding:12px}.dz .ic{width:42px;height:42px;border:1px solid var(--ui-line);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--ui-fg)}.dz .ic svg{width:22px;height:22px}.dz small{color:var(--ui-muted);font-size:14px}.dz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dz .rm{position:absolute;top:10px;right:10px;background:#0f1522;border-radius:8px;padding:6px 12px;font-size:14px;border:0;cursor:pointer}.dz.has{border-style:solid;cursor:default}.dz .fn{position:relative;background:#0f1522cc;padding:6px 12px;border-radius:8px;font-size:14px}.sample{background:none;border:0;color:var(--ui-btn);text-decoration:underline;cursor:pointer;font-size:14px;padding:0;align-self:flex-start}.box{background:#454d60;border:1px solid var(--ui-line);border-radius:12px;padding:14px}.box .lab{margin-bottom:8px}.box p{color:var(--ui-muted);font-size:15px;margin:0 0 10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.chip{border:1px solid #66708a;background:none;border-radius:20px;padding:8px 14px;font-size:15px;cursor:pointer;white-space:nowrap;flex:none}.chips.loc .chip{border-radius:10px;padding:10px 16px}.chip[aria-pressed=true]{background:#434f84;border-color:#6d78c8;color:var(--ui-btn)}.mf{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ui-line);padding:14px 16px}.prev{background:#363e50;border:1px solid var(--ui-line);border-radius:12px;padding:22px;display:flex;justify-content:center}.prev img{width:min(240px,70%);aspect-ratio:1;object-fit:cover;border-radius:14px}.prev .nf{width:min(240px,70%);aspect-ratio:1;border-radius:14px;background:#2a3243;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:var(--ui-muted);font-size:14px;word-break:break-word}.done{padding:12px 14px;border-radius:10px;background:#1f3a2c;color:#bfe9cf;font-size:14px}.tile{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1;max-width:300px;background:#10192b;cursor:pointer;border:0;padding:0;display:block;width:100%;text-align:left}.tile img{width:100%;height:100%;object-fit:cover;display:block}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,8,16,.9))}.tile .kind{position:absolute;top:10px;right:10px;z-index:1;background:#0f1522cc;border:1px solid var(--ui-line);border-radius:8px;padding:4px 9px;font-size:13px}.tile .cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:1}.tile .cap small{display:block;font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);font-size:11px}.tile .cap b{font-size:20px}.work{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:#2a3243;border-radius:14px;overflow:hidden;border:1px solid var(--ui-line)}.work img{width:100%;height:100%;object-fit:cover;min-height:260px;display:block}.work .side{padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}.work .side .k{color:var(--ui-muted);font-size:13px}.work .side .t{font-size:20px;font-weight:800}.work .side .by{display:flex;gap:10px;align-items:center}.av{width:36px;height:36px;border-radius:50%;background:#46506a;display:flex;align-items:center;justify-content:center;font-size:12px;flex:none}.work .acts{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.work .acts .btn{padding:8px 12px;font-size:14px}.btn.star{font-size:18px;line-height:1;padding:8px 12px}.btn.star[aria-pressed=true]{color:var(--ui-star);border-color:var(--ui-star)}.btn.thx[aria-pressed=true]{color:#f29bb0;border-color:#f29bb0}.thanks{padding:8px 12px;border-radius:10px;background:#1f3a2c;color:#bfe9cf;font-size:13px}.featbar{margin-bottom:10px;padding:8px 12px;border-radius:10px;background:#3b3a2a;color:var(--ui-star);font-size:14px;font-weight:700}.hint{margin-top:10px;font-size:13px;color:var(--ui-muted)}@media(max-width:560px){.work{grid-template-columns:minmax(0,1fr)}}.setup{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px}.setup dl{margin:0;display:flex;flex-direction:column}.setup .r{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);align-items:baseline;flex-wrap:wrap}.setup .r:last-child{border-bottom:0}.setup dt{font-weight:700}.setup dd{margin:0;color:var(--muted);text-align:right;min-width:0}.setup dd b{color:var(--accent)}@media(max-width:760px){.setup{grid-template-columns:minmax(0,1fr);padding:18px}.setup dd{text-align:left}}.also{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.also div{border-top:2px solid var(--accent);padding-top:12px}.also b{display:block;margin-bottom:4px}.also span{color:var(--muted);font-size:15px}.note{font-size:13px;color:var(--muted)}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}