@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-sans-latin-400-normal-AkRraKH2.woff2) format("woff2"),url(/assets/nunito-sans-latin-400-normal-DY9yCUyQ.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-sans-latin-600-normal-BtVRvDNj.woff2) format("woff2"),url(/assets/nunito-sans-latin-600-normal-DLks-Kj1.woff) format("woff")}@font-face{font-family:Nunito Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-sans-latin-700-normal-CICRJDmU.woff2) format("woff2"),url(/assets/nunito-sans-latin-700-normal-CLVG92B9.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}:root{--paper: #FBF8F3;--paper-2: #F4EFE6;--surface: #FFFFFF;--ink: #1F2A3C;--ink-2: #55607A;--ink-3: #5F6878;--line: #E9E2D6;--grid: rgba(61, 111, 217, .035);--grid-major: rgba(61, 111, 217, .06);--blue: #3D6FD9;--blue-ink: #2F5BBF;--blue-wash: #EEF3FD;--sun: #F2A93B;--sun-ink: #E39522;--sun-wash: #FDF3E1;--draw: #34476A;--lv-beg: #2E8A68;--lv-int: #B57A12;--lv-adv: #C0504A;--font: "Nunito Sans", "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--display: "Nunito", "Nunito Sans", "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--r: 18px;--shadow: 0 1px 2px rgba(31,42,60,.04), 0 10px 28px -14px rgba(31,42,60,.16);--shadow-lift: 0 2px 4px rgba(31,42,60,.05), 0 18px 40px -16px rgba(31,42,60,.22);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(128px + env(safe-area-inset-top,0px));scroll-padding-bottom:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--surface)}h1,h2,h3{text-wrap:balance;margin:0;letter-spacing:-.015em;font-family:var(--display);font-weight:800!important}p{margin:0}a{color:var(--blue-ink)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.mono{font-family:var(--mono);letter-spacing:.04em}.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink)}.graph{background-color:var(--paper);background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px;background-position:-1px -1px}.corners{--c: var(--blue);--l: 12px;background:linear-gradient(var(--c),var(--c)) top left / var(--l) 1px no-repeat,linear-gradient(var(--c),var(--c)) top left / 1px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) top right / var(--l) 1px no-repeat,linear-gradient(var(--c),var(--c)) top right / 1px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom left / var(--l) 1px no-repeat,linear-gradient(var(--c),var(--c)) bottom left / 1px var(--l) no-repeat,linear-gradient(var(--c),var(--c)) bottom right / var(--l) 1px no-repeat,linear-gradient(var(--c),var(--c)) bottom right / 1px var(--l) no-repeat}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;white-space:nowrap}.btn-primary{background:var(--sun);color:var(--ink);box-shadow:0 1px #1f2a3c0f,0 6px 16px -8px #e39522b3}.btn-primary:hover{background:var(--sun-ink);transform:translateY(-1px)}.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-ink)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue-ink)}.btn-sm{min-height:36px;padding:0 14px;font-size:14px}.btn[disabled]{opacity:.4;cursor:not-allowed}.link{background:none;border:0;padding:0;color:var(--blue-ink);cursor:pointer;font-weight:500;text-decoration:underline;text-underline-offset:3px}.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#fbf8f3e6;backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.hdr .wrap{display:flex;align-items:center;gap:24px;height:60px}.logo{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;font:800 21px/1 var(--display);letter-spacing:-.02em;color:var(--ink)}.logo svg{display:block}.cat{display:block;flex:none}.helper{display:flex;gap:12px;align-items:flex-start;background:var(--sun-wash);border-radius:var(--r);padding:12px 16px 12px 12px;font-size:15px;color:var(--ink)}.helper .cat{margin-top:-2px}.helper b{font-weight:700}.nav{display:flex;gap:4px;margin-left:auto;align-items:center}.nav .nl{background:none;border:0;padding:8px 12px;border-radius:999px;cursor:pointer;color:var(--ink-2);font-weight:500;font-size:15px}.nav .nl:hover,.nav .nl[aria-current=page]{color:var(--ink);background:var(--paper)}@media(max-width:560px){.nav .nl.hide-sm{display:none}.hdr .wrap{gap:12px}.nav .btn{padding:0 14px}}.proto-bar{background:var(--blue-wash);font:500 11.5px/1.4 var(--mono);letter-spacing:.03em;color:var(--blue-ink)}.proto-bar .wrap{padding-block:7px}.acctwrap{position:relative;display:inline-flex}.acctmenu{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;display:grid;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lift);z-index:60}.acctmenu[hidden]{display:none}.acctmenu button{text-align:left;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--ink);font:600 14px/1 var(--font);cursor:pointer}.acctmenu button:hover{background:var(--blue-wash)}.acctmenu button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.acctmenu hr{border:0;border-top:1px solid var(--line);margin:4px 6px}.acct-set{display:grid;gap:0}.setrow{border-top:1px solid var(--line)}.setrow summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;min-height:56px;padding:10px 4px;cursor:pointer;list-style:none}.setrow summary::-webkit-details-marker{display:none}.setrow summary:after{content:"";width:9px;height:9px;margin-left:auto;border-right:2px solid var(--blue-ink);border-bottom:2px solid var(--blue-ink);transform:rotate(45deg);transition:transform .15s}.setrow[open] summary:after{transform:rotate(-135deg)}.setrow summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:8px}.setrow .st{font-weight:700;color:var(--ink)}.setrow .ss{color:var(--ink-2);font-size:14px;overflow-wrap:anywhere}.setbody{display:grid;gap:12px;padding:4px 4px 18px}.danger-row .st{color:#b3261e}@media(prefers-reduced-motion:reduce){.setrow summary:after{transition:none}}@media(max-width:560px){.acctmenu{right:-40px}}.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:999px;background:var(--surface);color:var(--blue-ink);border:2px solid var(--blue);font:600 14px/1 var(--font)}.skip:focus{top:12px}#app:focus{outline:none}.backrow{padding-top:14px}.backpill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 18px 0 12px;border:1px solid var(--blue);border-radius:999px;background:var(--surface);color:var(--blue-ink);font:600 14px/1 var(--font);cursor:pointer;box-shadow:var(--shadow);transition:background .15s,transform .15s,box-shadow .15s}.backpill:hover{background:var(--blue-wash);box-shadow:var(--shadow-lift)}.backpill:active{transform:translate(-1px)}.backpill:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:560px){.backpill{min-height:44px}}.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-block:72px 64px}.hero h1{font-size:clamp(36px,5.2vw,58px);line-height:1.04;letter-spacing:-.025em;margin:16px 0 18px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p.lede{font-size:18px;color:var(--ink-2);max-width:30em}.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 6px;font-size:14px;font-weight:600;color:var(--ink-2);box-shadow:var(--shadow)}.hero-sheet{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow-lift)}.hero-cat{position:absolute;left:-18px;bottom:-22px;background:var(--surface);border-radius:999px;padding:8px;box-shadow:var(--shadow-lift)}@media(max-width:820px){.hero-cat{left:auto;right:12px;bottom:-18px}}.hero-sheet svg{display:block;width:100%;height:auto}.tblock{display:grid;grid-template-columns:auto 1fr auto;border:1px solid var(--draw);border-radius:6px;overflow:hidden;font:500 10px/1 var(--mono);letter-spacing:.06em;color:var(--draw);text-transform:uppercase}.tblock>span{padding:6px 8px;border-right:1px solid var(--draw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tblock>span:last-child{border-right:0}@media(max-width:820px){.hero .wrap{grid-template-columns:1fr;padding-block:36px 32px;gap:28px}}.cat .wrap{display:grid;grid-template-columns:232px 1fr;gap:36px;padding-block:40px 64px}.cat-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.cat-head h2{font-size:26px;font-weight:600}.count{font:500 12px var(--mono);color:var(--ink-3);letter-spacing:.05em}.filters{align-self:start;position:sticky;top:calc(76px + env(safe-area-inset-top,0px));display:grid;gap:26px}.fgroup{display:grid;gap:4px;border:0;margin:0;padding:0;min-width:0}.fgroup legend{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;padding:0}.fopt{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;font-size:15px;color:var(--ink)}.fopt input{width:16px;height:16px;accent-color:var(--blue);margin:0}.fopt .n{margin-left:auto;font:12px var(--mono);color:var(--ink-3)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chipbtn{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 11px;font-size:13.5px;cursor:pointer;color:var(--ink-2)}.chipbtn[aria-pressed=true]{border-color:var(--blue);background:var(--blue-wash);color:var(--blue-ink)}.ftoggle{display:none}@media(max-width:820px){.cat .wrap{grid-template-columns:1fr;gap:16px;padding-block:28px 48px}.filters{position:static;display:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}.filters.open{display:grid}.ftoggle{display:inline-flex}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;cursor:pointer;text-align:left;padding:0;box-shadow:var(--shadow);transition:border-color .15s,transform .2s,box-shadow .2s}.card:hover{border-color:#dcd3c3;transform:translateY(-3px);box-shadow:var(--shadow-lift)}.card .pic{position:relative;aspect-ratio:4 / 3;max-width:100%;margin:8px 8px 0;border-radius:16px;overflow:hidden}.card .pic svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card .pic .tblock{position:absolute;right:10px;bottom:10px;background:var(--surface);font-size:9px}.card .pic .tblock>span{padding:4px 6px}.badges{position:absolute;left:10px;top:10px;display:flex;gap:6px}.badge{font:600 10.5px/1 var(--mono);letter-spacing:.08em;padding:6px 9px;border-radius:999px;text-transform:uppercase}.badge-free{background:var(--blue);color:#fff}.badge-pro{background:var(--sun-wash);color:#8a5507;border:1px solid #F3D49F}.badge-sample{background:var(--surface);color:var(--ink-2);border:1px dashed var(--ink-3)}.card .body{display:grid;gap:10px;padding:16px 20px 20px;flex:1;align-content:start}.card h3{font-size:20px}.meta{display:flex;flex-wrap:wrap;gap:6px 14px;font:500 12px var(--mono);color:var(--ink-2);letter-spacing:.03em;align-items:center}.lvl{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--font);letter-spacing:0;color:var(--ink);border:1px solid var(--line);padding:3px 9px 3px 8px;border-radius:999px;background:var(--surface)}.lvl:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dot)}.lvl[data-l=Beginner]{--dot: var(--lv-beg)}.lvl[data-l=Intermediate]{--dot: var(--lv-int)}.lvl[data-l=Advanced]{--dot: var(--lv-adv)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12.5px;font-weight:600;color:var(--ink-2);background:var(--paper-2);border-radius:999px;padding:4px 10px}.sample-note{font:11px/1.45 var(--mono);color:var(--ink-3);letter-spacing:.02em}.empty{border:1.5px dashed #DCD3C3;border-radius:22px;padding:40px 20px;text-align:center;color:var(--ink-2);display:grid;gap:10px;justify-items:center;background:var(--surface)}.how{border-top:1px solid var(--line)}.how .wrap{padding-block:56px 64px;display:grid;gap:28px}.how h2{font-size:clamp(26px,3.4vw,34px);font-weight:600}.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0;counter-reset:s}.steps3 li{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow);display:grid;gap:10px;align-content:start}.steps3 .num{font:500 12px var(--mono);color:var(--blue);letter-spacing:.1em;display:flex;align-items:center;gap:10px}.steps3 .num:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--blue) 0 6px,transparent 6px) 0 0 / 10px 1px repeat-x;opacity:.6}.steps3 h3{font-size:20px;font-weight:600}.steps3 p{color:var(--ink-2)}@media(max-width:820px){.steps3{grid-template-columns:1fr}}.crumbs{display:flex;gap:8px;align-items:center;font:500 12px var(--mono);color:var(--ink-3);letter-spacing:.05em;padding-block:18px 0;flex-wrap:wrap}.setp .top{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding-block:20px 40px;align-items:start}.setp .sheet{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow-lift);position:relative;display:grid;gap:12px}.setp .sheet svg{width:100%;height:auto;display:block}.setp .sheet .badges{left:24px;top:24px}.setp h1{font-size:clamp(32px,4.4vw,48px);font-weight:600;line-height:1.05;letter-spacing:-.03em}.info{display:grid;gap:22px;min-width:0}.specs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.specs>div{padding:12px 14px;border-right:1px solid var(--line);display:grid;gap:4px;min-width:0}.specs>div:last-child{border-right:0}.specs dt{font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.specs dd{margin:0;font-weight:600;font-size:15px}.kv{display:grid;gap:8px}.kv h2,.kv h4{margin:0;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.kv ul{margin:0;padding-left:18px;color:var(--ink-2);display:grid;gap:2px}.resume{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-size:15px;color:var(--ink);position:relative}.resume .mono{display:block;font-size:10.5px;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.challenge{border:0;border-radius:var(--r);padding:18px;background:var(--sun-wash);display:grid;gap:6px}.challenge b{font-weight:600}.challenge p{color:var(--ink-2)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}@media(max-width:860px){.setp .top{grid-template-columns:1fr;gap:24px}}@media(max-width:420px){.specs{grid-template-columns:1fr}.specs>div{border-right:0;border-bottom:1px solid var(--line)}.specs>div:last-child{border-bottom:0}}.stepsec{border-top:1px solid var(--line)}.stepsec .wrap{padding-block:40px 64px;display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start}.stepsec h2{font-size:24px;font-weight:600;margin-bottom:6px}.slist{list-style:none;margin:16px 0 0;padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.slist li+li{border-top:1px solid var(--line)}.srow{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:14px 16px;width:100%;background:none;border:0;text-align:left;cursor:pointer}.srow:hover{background:var(--paper)}.srow .sn{font:500 13px var(--mono);color:var(--blue)}.srow .st{font-weight:500}.srow .sp{font-size:13px;color:var(--ink-3);display:block;font-weight:400}.srow .go{font:500 12px var(--mono);color:var(--blue)}.srow.locked{cursor:default;color:var(--ink-3)}.srow.locked:hover{background:none}.srow.locked .sn,.srow.locked .go{color:var(--ink-3)}.lockpanel{position:sticky;top:calc(80px + env(safe-area-inset-top,0px));background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow-lift);display:grid;gap:12px}.lockpanel h3{font-size:20px;font-weight:600}.lockpanel p{color:var(--ink-2);font-size:15px}.lockpanel ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:15px;display:grid;gap:3px}.ok-ico{color:var(--lv-beg)}@media(max-width:860px){.stepsec .wrap{grid-template-columns:1fr}.lockpanel{position:static}}.trial .wrap{padding-block:40px 72px;display:grid;justify-items:center;gap:22px}.stamp{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lv-adv);border:1.5px solid var(--lv-adv);padding:6px 12px;border-radius:999px;transform:rotate(-2deg);background:var(--surface)}.plan{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:32px 30px;box-shadow:var(--shadow-lift);display:grid;gap:18px;position:relative}.plan h1{font-size:30px;font-weight:600}.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price b{font-size:40px;font-weight:600;letter-spacing:-.03em}.price span{color:var(--ink-2)}.tbd{font:500 13px var(--mono);color:var(--ink-2);background:var(--paper);border:1px dashed var(--ink-3);padding:3px 8px;border-radius:3px}.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.plan li{display:grid;grid-template-columns:20px 1fr;gap:10px;color:var(--ink-2)}.plan li svg{margin-top:4px;color:var(--blue)}.fine{font-size:13px;color:var(--ink-3);text-align:center}.bk-top{background:var(--surface);border-bottom:1px solid var(--line)}.bk-top .wrap{display:grid;gap:10px;padding-block:14px}.bk-row{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap}.bk-title{display:flex;gap:10px;align-items:center;min-width:0;flex-wrap:wrap}.bk-title b{font-weight:600}.bk-count{font:500 13px var(--mono);color:var(--ink);letter-spacing:.03em;font-variant-numeric:tabular-nums}.bk-count .pct{color:var(--blue);margin-left:8px}.bar{position:relative;height:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;overflow:hidden}.bar i{position:absolute;inset:0 auto 0 0;background:var(--blue);border-radius:999px;transition:width .3s ease}.ticks{display:flex;justify-content:space-between;padding:0 1px}.ticks span{width:1px;height:5px;background:var(--ink-3);opacity:.5}.bk{display:grid;grid-template-columns:270px 1fr;gap:28px;padding-block:24px 48px;align-items:start}.side{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);position:sticky;top:calc(76px + env(safe-area-inset-top,0px));overflow:hidden}.side-tg{display:none;width:100%;background:none;border:0;padding:14px 16px;text-align:left;font-weight:600;cursor:pointer;justify-content:space-between;align-items:center}.side-in{padding:16px;display:grid;gap:16px}.side h4{margin:0;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.part{display:grid;gap:6px}.part-h{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:14.5px}.part-h .mono{font-size:12px;color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums}.part .pb{height:3px;background:var(--paper);border-radius:2px;overflow:hidden}.part .pb i{display:block;height:100%;background:var(--blue)}.plist{list-style:none;margin:0;padding:0;display:grid;gap:2px}.plist button{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;width:100%;background:none;border:0;padding:5px 6px;border-radius:6px;text-align:left;font-size:13.5px;color:var(--ink-2);cursor:pointer}.plist button:hover{background:var(--paper)}.plist button[aria-current=step]{background:var(--blue-wash);color:var(--blue-ink);font-weight:500}.plist .mk{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink-3);display:grid;place-items:center}.plist .done .mk{background:var(--blue);border-color:var(--blue)}.plist .done .mk:after{content:"";width:5px;height:3px;border:1.5px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translateY(-1px)}.plist .lk{color:var(--ink-3)}.stage{display:grid;gap:18px;min-width:0}.pic-wrap{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pic-wrap .graph{position:relative;aspect-ratio:13 / 9;max-width:100%}.pic-wrap svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wm{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;display:grid;grid-template-columns:repeat(3,1fr);align-content:space-around;gap:60px 40px;transform:rotate(-24deg);pointer-events:none;font:500 14px var(--mono);color:var(--ink);opacity:.085;white-space:nowrap;letter-spacing:.04em}.stepno{position:absolute;left:14px;top:14px;display:grid;place-items:center;min-width:56px;height:56px;padding:0 12px;background:var(--sun);border-radius:16px;font:800 28px var(--display);color:var(--ink);font-variant-numeric:tabular-nums;box-shadow:var(--shadow)}.pic-wrap .tblock{position:absolute;right:12px;bottom:12px;background:var(--surface);font-size:9px}.pic-wrap .tblock>span{padding:4px 6px}.lockover{position:absolute;top:0;right:0;bottom:0;left:0;background:#fbf8f3db;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;text-align:center}.lockover>div{display:grid;gap:10px;justify-items:center;max-width:340px}.lockover h3{font-size:20px;font-weight:600}.lockover p{color:var(--ink-2);font-size:15px}.instr{display:grid;gap:12px}.instr h2{font-size:clamp(22px,2.6vw,28px);font-weight:600}.instr p{color:var(--ink-2);font-size:17px;max-width:60ch}.nums{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nums .lbl{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}.num-chip{font:500 14px var(--mono);padding:6px 12px;border:1px solid var(--draw);border-radius:10px;background:var(--surface);color:var(--draw)}.check{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:14px;background:var(--blue-wash);color:var(--ink);font-size:15px}.check b{font:500 12px/1.9 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-ink)}.bk-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:6px;border-top:1px solid var(--line);padding-block:16px 0}.kbd{font:500 12px var(--mono);color:var(--ink-3)}.stepbar{position:sticky;top:calc(60px + env(safe-area-inset-top,0px));z-index:10;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:var(--shadow)}.stepbar .mid{display:flex;align-items:center;gap:8px;min-width:0;font:600 14px var(--font);color:var(--ink-2)}.stepbar .mid b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.stepbar .mid .kbd{white-space:nowrap}.stepbar .btn{min-height:40px;padding:0 18px}.tools{display:grid;gap:10px}.tools-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.tools-h h3{font-size:16px}.tool-row{display:flex;flex-wrap:wrap;gap:10px}.tool{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 14px 8px 8px;box-shadow:var(--shadow);min-width:0}.tool .ti{width:36px;height:36px;border-radius:10px;background:var(--blue-wash);color:var(--blue-ink);display:grid;place-items:center;flex:none}.tool .tn{display:grid;gap:1px;min-width:0}.tool .tn b{font-size:14.5px;font-weight:700}.tool .tn span{font:11.5px/1.35 var(--mono);color:var(--ink-3)}.learn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}@media(max-width:1080px){.learn{grid-template-columns:1fr}}.video{display:grid;gap:8px}.video .vbox{position:relative;aspect-ratio:16 / 9;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#eef3fd,#f7f2ea);display:grid;place-items:center;width:100%;padding:0;cursor:pointer}.video .vbox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px);background-size:24px 24px}.video .play{position:relative;width:64px;height:64px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--blue);box-shadow:var(--shadow-lift);transition:transform .15s}.video .vbox:hover .play{transform:scale(1.06)}.video .vtag{position:absolute;z-index:1;left:12px;bottom:12px;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--surface);color:var(--ink-2);padding:6px 10px;border-radius:999px}.video .vlock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;padding:16px;background:#fbf8f3c7;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.video .vlock .play{color:#8a5507;background:var(--sun-wash)}.video .vlock b{font-size:15px}.video .vcap{font-size:14px;color:var(--ink-2)}@media(max-width:860px){.bk{grid-template-columns:1fr;gap:16px;padding-block:16px 40px}.side{position:static}.side-tg{display:flex}.side-in{display:none;border-top:1px solid var(--line)}.side.open .side-in{display:grid}.kbd{display:none!important}.stepno{min-width:44px;height:44px;font-size:22px;border-radius:12px}.stepbar .btn{padding:0 14px}}.foot{border-top:1px solid var(--line);background:var(--surface)}.foot .wrap{padding-block:28px 36px;display:grid;gap:10px;font-size:13px;color:var(--ink-3)}.foot .row{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.foot b{color:var(--ink);font-weight:600}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--ink);color:#fff;font-size:14px;padding:10px 16px;border-radius:999px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:40;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.dw .ln{fill:none;stroke:var(--draw);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}.dw .th{stroke-width:.8}.dw .fl{fill:var(--surface);stroke:none}.dw .hd{fill:none;stroke:var(--draw);stroke-width:.8;stroke-dasharray:4 3;opacity:.55}.dw .cl{fill:none;stroke:var(--blue);stroke-width:.7;stroke-dasharray:12 3 2 3}.dw .dm{fill:none;stroke:var(--blue);stroke-width:.7}.dw .dt{font:500 9.5px var(--mono);fill:var(--blue);letter-spacing:.04em}.dw .dtbg{fill:var(--surface)}.dw .hl{stroke:var(--blue)!important;stroke-width:2.4!important;opacity:1!important;stroke-dasharray:none!important}.dw .hlf{fill:var(--blue-wash)}.dw .pl{fill:var(--blue-wash);stroke:var(--blue);stroke-width:.8;opacity:.9}.dw .ac{fill:var(--blue)}.badge-plus{background:var(--blue-wash);color:var(--blue-ink);border:1px solid #CFDCF7}.badge-asm{background:var(--surface);color:var(--draw);border:1px solid var(--draw)}.lockpill{display:inline-flex;align-items:center;gap:5px;font:600 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--sun-wash);color:#8a5507;border:1px solid #F3D49F;white-space:nowrap;vertical-align:middle}.lockpill svg{width:11px;height:11px}.lockpill.plus{background:var(--blue-wash);color:var(--blue-ink);border-color:#cfdcf7}.asmrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2)}.sprocket{display:grid;justify-items:center;gap:3px;flex:none}.sprocket .nm{font:800 11px/1 var(--display);color:var(--ink-2);letter-spacing:.02em}.ask{display:grid;gap:10px;justify-items:start}.ask .helper{width:100%}.askbox{width:100%;background:var(--surface);border:1.5px dashed var(--ink-3);border-radius:14px;padding:10px 14px;font-size:14.5px;color:var(--ink);display:flex;justify-content:space-between;gap:10px;align-items:center}.trial-head{display:grid;gap:10px;justify-items:center;text-align:center}.trial-head h1{font-size:clamp(28px,4vw,40px)}.trial-head p{color:var(--ink-2);font-size:17px}.plans{display:grid;grid-template-columns:1fr 1.06fr;gap:22px;width:100%;max-width:880px;align-items:stretch}.plans .plan{max-width:none;align-content:start}.plan h2{font-size:28px}.plans .price b{font-size:24px}.plan.pro{border:2px solid var(--blue);box-shadow:0 2px 4px #1f2a3c0d,0 26px 50px -20px #3d6fd980}.plan .flag{position:absolute;top:-13px;right:22px;background:var(--blue);color:#fff;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 11px;border-radius:999px}.plan li.no{color:var(--ink-3)}.plan li.no>svg{color:var(--ink-3)}@media(max-width:760px){.plans{grid-template-columns:1fr}.plans .plan.pro{order:-1}}.extra{border-top:1px solid var(--line)}.extra .wrap{padding-block:40px 56px;display:grid;gap:16px}.extra h2{font-size:24px}.flow{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:22px;display:grid;gap:16px;min-width:0}.flow h3{font-size:20px}.flow-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.dots{display:flex;gap:5px;flex-wrap:wrap}.dots i{width:20px;height:4px;border-radius:2px;background:var(--line)}.dots i.on{background:var(--blue)}.flow-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:center}.flow-pic{position:relative;aspect-ratio:13 / 10;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.flow-pic svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.mates{list-style:none;margin:0;padding:0;display:grid;gap:8px}.mates li{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.mates .mn{font:500 12px/1.6 var(--mono);color:var(--blue)}.mates .md{display:block;font-size:14px;color:var(--ink-2)}.locked-next{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1.5px dashed #DCD3C3;border-radius:16px;color:var(--ink-2);flex-wrap:wrap;background:var(--paper)}.locked-next>svg{color:#8a5507;flex:none}.locked-next b{color:var(--ink)}.flow-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}@media(max-width:620px){.flow{padding:16px}.flow-body{grid-template-columns:1fr}.flow-pic{max-width:280px}}.preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--paper);gap:2px}.seg button{border:0;background:none;padding:6px 16px;border-radius:999px;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink-2)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--blue-ink);box-shadow:var(--shadow)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:980px){.nav .hide-md{display:none}}@media(max-width:560px){.nav .hide-sm{display:none!important}}.acct{display:flex;align-items:center;gap:8px}.menu-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink);flex:none;padding:0}.menu-btn:hover,.menu-btn[aria-expanded=true]{border-color:var(--blue);color:var(--blue-ink)}.menu{position:absolute;right:max(16px,env(safe-area-inset-right,0px));top:64px;width:min(300px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lift);padding:8px;display:grid;gap:2px;z-index:25}.menu[hidden]{display:none}.menu button{text-align:left;background:none;border:0;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:600;font-size:15px;color:var(--ink)}.menu button:hover{background:var(--paper);color:var(--blue-ink)}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 6px}.streak{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 11px 0 8px;border-radius:999px;background:var(--sun-wash);border:1px solid #F3D49F;font:800 14px var(--font);color:#8a5507;cursor:pointer;font-variant-numeric:tabular-nums}.avatar{width:38px;height:38px;border-radius:50%;background:var(--blue-wash);border:1px solid #CFDCF7;display:grid;place-items:center;cursor:pointer;padding:0;overflow:hidden;flex:none}.avatar .cat{margin-top:5px}.avatar.lg{width:76px;height:76px;cursor:default}.avatar.lg .cat{margin-top:10px}.page .wrap{padding-block:40px 72px;display:grid;gap:24px}.page .wrap>*{min-width:0}.page .seg{justify-self:start}.page-head{display:grid;gap:10px;max-width:680px}.page-head h1{font-size:clamp(30px,4.2vw,44px);line-height:1.08}.page-head p{color:var(--ink-2);font-size:17px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:22px;display:grid;gap:14px;min-width:0;align-content:start}.panel h2{font-size:22px}.panel h3{font-size:18px;line-height:1.3}.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.g3{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}@media(max-width:760px){.g2{grid-template-columns:1fr}.panel{padding:18px}}.sample-tag{display:inline-flex;font:600 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;border:1px dashed var(--ink-3);color:var(--ink-2);background:var(--surface);width:max-content}.seg.wrapit{flex-wrap:wrap;border-radius:18px}.foot-links{justify-content:flex-start!important;gap:0 8px!important}.foot-links .link{font-size:13px;color:var(--ink-2);min-height:44px;padding:0 8px;display:inline-flex;align-items:center}.foot .foot-links{margin-left:-8px}.cmp-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:880px}.cmp-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px 24px;display:grid;gap:12px;box-shadow:var(--shadow);align-content:start;text-align:left}.cmp-card h2{font-size:28px}.cmp-card.pro{border:2px solid #F3C77E;box-shadow:0 2px 4px #1f2a3c0d,0 24px 46px -24px #e395228c}.cmp-card .flag{position:absolute;top:-13px;right:20px;background:var(--sun);color:var(--ink);font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 11px;border-radius:999px}.cmp-count{font:600 13px var(--mono);color:var(--blue-ink);letter-spacing:.02em}.cmp-meter{display:flex;gap:4px}.cmp-meter i{flex:1;height:6px;border-radius:3px;background:var(--line)}.cmp-meter i.on{background:var(--blue)}.cmp-val{color:var(--ink);font-size:15.5px}@media(max-width:640px){.cmp-cards{grid-template-columns:1fr}}.cmp{width:100%;max-width:880px;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;font-size:15px;box-shadow:var(--shadow);text-align:left}.cmp th,.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.cmp tbody th{font-weight:600}.cmp tfoot th,.cmp tfoot td{border-bottom:0;background:var(--paper)}.cmp thead th{font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--paper)}.cmp .c{text-align:center;width:88px}.cmp .pro{background:#fffaf1;box-shadow:inset 2px 0 #f3c77e,inset -2px 0 #f3c77e}.cmp thead .pro{color:#8a5507;background:var(--sun-wash)}.cmp tfoot .pro{background:var(--sun-wash)}.yes{color:var(--blue);display:inline-grid}.dash{color:var(--ink-3);display:inline-grid}.prev{font:600 11px var(--mono);color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase}@media(max-width:420px){.cmp th,.cmp td{padding:10px 8px;font-size:14px}.cmp .c{width:60px}}.faq{border-top:1px solid var(--line)}.faq:first-of-type{border-top:0}.faq summary{cursor:pointer;padding:14px 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:500 18px/1 var(--mono);color:var(--blue)}.faq[open] summary:after{content:"−"}.faq p{color:var(--ink-2);padding:0 0 14px}.auth{max-width:440px;width:100%;margin:0 auto}.auth form,form.panel{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-weight:700;font-size:14px}.field input,.field textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);width:100%;resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid var(--blue);outline-offset:0;background:var(--surface)}.radio{position:relative;cursor:pointer}.radio input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.radio span{display:inline-block;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 13px;font-size:14px;color:var(--ink-2);font-weight:600}.radio input:checked+span{border-color:var(--blue);background:var(--blue-wash);color:var(--blue-ink)}.radio input:focus-visible+span{outline:2px solid var(--blue);outline-offset:2px}.acct-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.planb{font:600 12px var(--mono);letter-spacing:.04em;padding:6px 10px;border-radius:999px;background:var(--blue-wash);color:var(--blue-ink);border:1px solid #CFDCF7}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:grid;gap:2px;box-shadow:var(--shadow);min-width:0}.stat span{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);display:flex;gap:6px;align-items:center}.stat b{font:800 28px var(--display);font-variant-numeric:tabular-nums}.stat small{font-size:12px;color:var(--ink-3)}@media(max-width:420px){.stats{gap:8px}.stat{padding:12px 10px}.stat b{font-size:22px}.stat span{letter-spacing:.04em}}.prog{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.prog .thumb{aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--line)}.prog .thumb svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media(max-width:560px){.prog{grid-template-columns:72px minmax(0,1fr)}.prog .btn{grid-column:1 / -1}}.chest{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:linear-gradient(160deg,var(--sun-wash),var(--surface) 70%)}.chest svg{flex:none}.hats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.hat{border:1px solid var(--line);border-radius:18px;padding:14px 10px;display:grid;gap:8px;justify-items:center;text-align:center;background:var(--paper)}.hat[aria-current=true]{border-color:var(--blue);background:var(--blue-wash)}.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.bcard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px 12px 16px;display:grid;gap:6px;justify-items:center;align-content:start;text-align:center;box-shadow:var(--shadow)}.bcard svg{width:88px;height:96px}.bcard b{font:800 15.5px var(--display)}.bhow{font-size:13px;color:var(--ink-2);line-height:1.4}.bcard.locked svg{filter:grayscale(1);opacity:.35}.bcard.locked b{color:var(--ink-3)}.got{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lv-beg)}@media(max-width:420px){.bgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.bgrid.mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bgrid.mini .bcard{padding:10px 4px;box-shadow:none;background:var(--paper)}.bgrid.mini svg{width:56px;height:62px}.bgrid.mini b{font-size:12.5px}.bgrid.mini .bhow{display:none}.tcard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;display:grid;gap:10px;box-shadow:var(--shadow);align-content:start}.tcard .ti,.tpop .ti{width:44px;height:44px;border-radius:12px;background:var(--blue-wash);color:var(--blue-ink);display:grid;place-items:center;flex:none}.tpop-h{display:flex;gap:12px;align-items:center;justify-content:space-between}.find{font:12px/1.5 var(--mono);color:var(--ink-2);background:var(--paper);border-radius:10px;padding:8px 10px}.vsoon{border:1.5px dashed #DCD3C3;border-radius:12px;padding:10px;font:600 11.5px var(--mono);color:var(--ink-3);text-align:center;letter-spacing:.05em;text-transform:uppercase;display:flex;gap:8px;align-items:center;justify-content:center;background:linear-gradient(160deg,#f4f7fe,#fbf8f3)}button.tool{font:inherit;color:inherit;cursor:pointer;text-align:left}button.tool:hover,button.tool[aria-expanded=true]{border-color:var(--blue)}button.tool[aria-expanded=true]{background:var(--blue-wash)}.tpop{background:var(--surface);border:1.5px solid var(--blue);border-radius:18px;padding:16px;display:grid;gap:10px;box-shadow:var(--shadow-lift);max-width:520px}.stuck{display:grid;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.stuck h3{font-size:18px;display:flex;gap:8px;align-items:center}.stuck h3 svg{color:var(--blue)}.stuck details{border:1px solid var(--line);border-radius:12px;background:var(--paper)}.stuck summary{cursor:pointer;padding:10px 12px;font-weight:700;font-size:14.5px}.stuck details[open] summary{color:var(--blue-ink)}.stuck ol{margin:0;padding:0 14px 12px 34px;color:var(--ink-2);font-size:14.5px;display:grid;gap:3px}.congrats .wrap{padding-block:40px 72px;display:grid;gap:24px;justify-items:center;text-align:center}.burst-wrap{display:grid;place-items:center;width:220px;height:200px}.burst-wrap>*{grid-area:1 / 1}.burst{width:220px;height:200px}.cg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;max-width:780px;text-align:left}@media(max-width:680px){.cg-grid{grid-template-columns:1fr}}.award{display:flex;gap:14px;align-items:center;text-align:left}.award svg{width:76px;height:83px;flex:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1f2a3c61;display:grid;place-items:center;padding:16px;overflow:auto}.modal[hidden]{display:none}.mbox{background:var(--surface);border-radius:24px;box-shadow:var(--shadow-lift);width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;display:grid;gap:14px;padding:20px}.mhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.mhead h2{font-size:20px}.mail{border:1px solid var(--line);border-radius:16px;overflow:hidden}.mail-h{background:var(--paper);padding:12px 16px;display:grid;gap:4px;font-size:14px;border-bottom:1px solid var(--line)}.mail-b{padding:18px 16px;display:grid;gap:14px}.share{width:min(280px,100%);aspect-ratio:9 / 16;margin:0 auto;border-radius:24px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:16px;border:1px solid var(--line);box-shadow:var(--shadow-lift)}.share-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.logo-sm{display:inline-flex;align-items:center;gap:6px;font:800 17px var(--display)}.share-pic{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px}.share-pic svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.share-b{display:grid;gap:8px}.share-b h3{font-size:22px}.share-cat{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ink-2);font-weight:600}.votes{list-style:none;margin:0;padding:0;display:grid;gap:8px}.vote{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.vote .lvl{margin-top:4px}.up{display:grid;justify-items:center;width:54px;padding:6px 0;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;font:600 14px var(--mono);color:var(--ink-2)}.up[aria-pressed=true]{border-color:var(--blue);background:var(--blue-wash);color:var(--blue-ink)}.opts{display:grid;gap:6px}.opt{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:10px 12px;cursor:pointer;font-size:15px}.opt:hover{border-color:var(--blue)}.opt.right{border-color:var(--lv-beg);background:#eaf6f0}.opt.wrong{border-color:var(--lv-adv);background:#fbedec}.qwhy{color:var(--ink-2);font-size:14.5px}.timer{font:500 clamp(44px,9vw,68px)/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink)}.vtools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}.zoom{display:flex;gap:6px;align-items:center}.vwrap{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--surface);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.viewer{overflow:auto;max-height:72vh}.canvas{position:relative;aspect-ratio:13 / 10;min-width:100%}.canvas svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.canvas .tblock{position:absolute;right:12px;bottom:12px;background:var(--surface);font-size:9px}.canvas .tblock>span{padding:4px 6px}.wmbox{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.about{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:40px;align-items:start}.photo{aspect-ratio:4 / 5;border:1.5px dashed var(--ink-3);border-radius:24px;display:grid;place-items:center;color:var(--ink-3);background:var(--paper-2);text-align:center;padding:16px}@media(max-width:760px){.about{grid-template-columns:1fr;gap:24px}.photo{max-width:240px}}.legal{max-width:760px;display:grid;gap:22px}.draft-note{background:var(--sun-wash);border:1px dashed var(--sun-ink);border-radius:12px;padding:12px 16px;color:var(--ink);margin:0}.legal-sec{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;display:grid;gap:10px}.legal-sec h2{margin:0;font-size:20px}.legal-sec p{margin:0;color:var(--ink-2);line-height:1.6}.draft-line{border-left:3px solid var(--blue);padding-left:12px}.fill{background:var(--blue-wash);color:var(--blue-ink);font:500 13px/1.5 var(--mono);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}.legal-other{text-align:left}.pic-wrap .page-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pic-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-3);font-size:13px}.form-err{color:#a33a34;font-size:14px;font-weight:600}.cmp-cards.one{grid-template-columns:3fr 2fr}@media(max-width:640px){.cmp-cards.one{grid-template-columns:1fr}}.cmp-card .feat{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cmp-card .feat li{display:grid;grid-template-columns:20px 1fr;gap:10px;color:var(--ink-2)}.cmp-card .feat li svg{margin-top:4px;color:var(--blue);width:16px;height:16px}.acct-plan{display:grid;gap:12px}.acct-plan dd{overflow-wrap:anywhere}.btn-danger{background:transparent;color:#a33a34;border:1.5px solid #A33A34}.btn-danger:hover{background:#fbedec}.danger-box{border:1.5px solid #E8B9B5}.acct-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.radio-row{display:grid;gap:8px}.radio-row label{display:flex;gap:8px;align-items:center;font-weight:600}.mbox form{display:grid;gap:12px}.pay-note{font-size:14px;color:var(--ink-2);margin:0}.cmp-card .pay-note{text-align:center}.pay-line{color:var(--ink);margin:0}.pay-line b{color:var(--ink);font-weight:600}.price .price-amt{font-size:28px;color:var(--ink)}.pay-wrap{max-width:640px}.pay-panel{display:grid;gap:14px;justify-items:start}.pay-big{font-size:20px;font-weight:600;color:var(--ink);margin:0}@media(max-width:640px){.acct-row .btn,.acct-row .link,.pay-panel .btn,.pay-panel .link,.cmp-card .btn{min-height:44px}}.rar{display:inline-flex;align-items:center;font:700 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:999px;border:1px solid;width:max-content}.bmeta{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:center}.bcard svg{width:104px;height:104px}.bgrid.mini svg{width:60px;height:60px}.bgrid.mini .rar{font-size:9px;padding:4px 6px}.free-note{max-width:880px;width:100%;background:var(--surface);border:1px dashed var(--ink-3);border-radius:var(--r);padding:12px 16px;color:var(--ink-2);text-align:center}.acct-cat{display:grid;justify-items:center;gap:4px}.acct-cat .nm,.dress-name{font:800 13px/1 var(--display);color:var(--ink-2)}.catcard{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.chest2{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:linear-gradient(160deg,var(--sun-wash),var(--surface) 70%)}.chest-stage{position:relative;display:grid;justify-items:center;min-width:160px;flex:1}.chest-btn{border:0;background:none;padding:0;cursor:pointer;border-radius:18px}.chest-btn:disabled{cursor:default}.chest-btn:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.chest-art .lid{transform-box:fill-box;transform-origin:0% 100%;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.chest-art .glow{opacity:0;transition:opacity .5s ease}.chest-btn:not(:disabled):hover .chest-art .box,.chest-btn:not(:disabled):hover .chest-art .lid{animation:kf-wiggle .5s ease}.chest-btn.open .chest-art .lid{transform:translate(-4px,-12px) rotate(-22deg)}.chest-btn.open .chest-art .glow{opacity:1}.chest-btn.open .chest-art{animation:kf-bounce .55s ease}@keyframes kf-bounce{0%{transform:translateY(0)}35%{transform:translateY(-8px) scale(1.03)}65%{transform:translateY(2px)}to{transform:none}}@keyframes kf-wiggle{0%,to{transform:none}30%{transform:rotate(-1.5deg)}70%{transform:rotate(1.5deg)}}.fly{position:absolute;left:50%;top:40px;width:0;height:0;pointer-events:none}.fly span{position:absolute;left:-8px;top:0;opacity:0;animation:kf-fly .9s ease-out forwards;animation-delay:var(--d)}@keyframes kf-fly{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),-70px) scale(1.1) rotate(25deg)}}.rcard{display:flex;gap:10px;align-items:center;background:var(--surface);border:2px solid;border-radius:16px;padding:10px 14px;box-shadow:var(--shadow-lift);margin-top:8px;animation:kf-pop .4s cubic-bezier(.34,1.56,.64,1)}.rcard b{font:800 17px var(--display);font-variant-numeric:tabular-nums}.rpic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex:none}@keyframes kf-pop{0%{opacity:0;transform:scale(.7) translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.chest-art .lid{transition:none}.chest-btn.open .chest-art,.chest-btn:hover .chest-art .box,.chest-btn:hover .chest-art .lid{animation:none!important}.fly{display:none}.rcard{animation:kf-fade .3s ease}@keyframes kf-fade{0%{opacity:0}to{opacity:1}}}.dress{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:20px;align-items:start}.dress-pic{display:grid;justify-items:center;gap:12px;text-align:center}.dress-stage{width:100%;aspect-ratio:1;border-radius:18px;border:1px solid var(--line);display:grid;place-items:center;background-color:var(--surface)}.dress-name{font-size:20px;color:var(--ink)}.swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:38px;height:38px;border-radius:50%;border:2px solid var(--line);cursor:pointer;box-shadow:inset 0 0 0 3px var(--surface)}.swatch[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 0 0 3px var(--surface),0 0 0 2px var(--blue-wash)}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.item{border:1px solid var(--line);border-radius:18px;padding:12px 10px;display:grid;gap:6px;justify-items:center;align-content:start;text-align:center;background:var(--paper)}.item[aria-current=true]{border-color:var(--blue);background:var(--blue-wash)}.item b{font:800 15px var(--display)}.ipic{position:relative;display:grid;place-items:center}.item.locked .ipic .cat{filter:grayscale(1);opacity:.45}.ilock{position:absolute;right:-6px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-2)}.ihow{font-size:12.5px;color:var(--ink-2);line-height:1.35}@media(max-width:760px){.dress{grid-template-columns:1fr}.dress-pic{max-width:320px;justify-self:center;width:100%}}@media(max-width:420px){.items{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.chest-art{overflow:visible;width:clamp(120px,34vw,240px);height:auto}.chest-stage{padding-top:8px}.cbadge{overflow:visible}.cbadge .spk{transform-box:fill-box;transform-origin:center}.bcard:hover .cbadge .spk,.tile:hover .cbadge .spk,.award:hover .cbadge .spk{animation:kf-twinkle 1.1s ease-in-out infinite}.cbadge .spk:nth-of-type(2n){animation-delay:.35s!important}@keyframes kf-twinkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.55) rotate(45deg);opacity:.6}}.award svg{width:96px;height:96px;flex:none}.howto{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.howto li{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px}.howto .hn{width:28px;height:28px;border-radius:50%;background:var(--sun);color:var(--ink);display:grid;place-items:center;font:800 14px var(--display);flex:none}.howto b{display:block;font:800 15px var(--display)}.howto li>span:last-child>span{font-size:13.5px;color:var(--ink-2)}@media(max-width:640px){.howto{grid-template-columns:1fr}}.legend{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}.st-key{display:inline-flex;gap:4px;align-items:center;font:600 11px var(--mono);color:var(--ink-3);padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.st-key.ok{color:var(--lv-beg);border-color:#a9d8c2}.st-key.ready{color:var(--ink);background:var(--sun-wash);border-color:var(--sun);box-shadow:0 0 0 3px #f2a93b2e}.lane{border-radius:22px;padding:14px;display:grid;gap:10px;min-width:0}.lane-free{background:var(--blue-wash);border:1.5px solid #CFDCF7}.lane-pro{background:linear-gradient(135deg,#f3ecfc,#fdf6e2);border:1.5px solid #CDB4EC}.lane-h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.lane-h h2{font-size:20px}.lane-line{flex-basis:100%;font-size:14px;color:var(--ink-2)}.free-flag,.pro-flag{font:800 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:5px 9px;border-radius:999px}.free-flag{background:var(--surface);color:var(--blue-ink);border:1px solid #CFDCF7}.pro-flag{background:linear-gradient(135deg,#6a3ba6,#8e5bcb);color:#fff;border:1px solid #5A2F92;box-shadow:inset 0 -2px #e8b32e}.lane-body{position:relative;min-width:0}.track-wrap{overflow-x:auto;padding:6px 2px 12px;scroll-snap-type:x proximity}.track-wrap:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:16px}.track{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:128px;gap:10px}.tile{position:relative;border:1.5px solid;border-radius:16px;padding:10px 8px 12px;display:grid;justify-items:center;align-content:start;gap:5px;text-align:center;scroll-snap-align:start;min-height:190px}.tile b{font:800 13.5px/1.2 var(--display)}.dayn{font:600 11px var(--mono);color:var(--ink-3)}.tile.today .dayn{color:var(--blue-ink);font-weight:700}.tile.today{box-shadow:0 0 0 3px #3d6fd92e}.tart{height:48px;display:grid;place-items:center}.tart svg{max-height:48px;width:auto}.tile .rar{font-size:9.5px}.tstate{display:inline-flex;gap:4px;align-items:center;font:600 11.5px/1.3 var(--mono);color:var(--ink-2);margin-top:2px}.tstate.ok{color:var(--lv-beg)}.tile.s-claimed{border-color:#7cc4a2!important}.tile.s-claimed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;background:#ffffff59;pointer-events:none}.tile.s-ahead{background:var(--paper)!important;border-color:var(--line)!important}.tile.s-ahead .tart,.tile.s-ahead .rar{filter:grayscale(1);opacity:.55}.claim{box-shadow:0 0 #f2a93b8c;animation:kf-glow 1.8s ease-in-out infinite}@keyframes kf-glow{0%,to{box-shadow:0 0 #f2a93b80}50%{box-shadow:0 0 0 6px #f2a93b00}}.lane-pro .tile{border-width:2px}.lane-pro.is-blocked .track{filter:saturate(.55)}.lane-pro.is-blocked .tile .tart,.lane-pro.is-blocked .tile b,.lane-pro.is-blocked .tile .rar{filter:blur(1.2px) grayscale(.5);opacity:.6}.lane-pro.is-blocked .tstate{color:#5a2f92}.lane-over{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,calc(100% - 24px));background:#fffffff2;border:1.5px solid #CDB4EC;border-radius:18px;padding:16px;display:grid;gap:6px;justify-items:center;text-align:center;box-shadow:var(--shadow-lift)}.lane-over b{font:800 18px var(--display);color:#4a2580}.lane-over>span:not(.cta-row):not(.lo-ico){font-size:14px;color:var(--ink-2)}.lo-ico{color:#6a3ba6}@media(prefers-reduced-motion:reduce){.claim{animation:none;box-shadow:0 0 0 3px #f2a93b59}.bcard:hover .cbadge .spk,.tile:hover .cbadge .spk,.award:hover .cbadge .spk{animation:none}}.tsearch{display:grid;gap:10px}.sbox{display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:4px 16px;color:var(--ink-3);box-shadow:var(--shadow)}.sbox:focus-within{border-color:var(--blue)}.sbox input{border:0;outline:0;background:none;font:inherit;color:var(--ink);width:100%;min-width:0;padding:10px 0}.tgroup{display:grid;gap:12px}.tgroup h2{display:flex;gap:10px;align-items:baseline;font-size:22px}