.su-stage{--su-bg:#f6f5f1;--su-ink:#080808;--su-ink-2:#3d3b37;--su-ink-3:#55534e;--su-ink-4:#6b6862;--su-lime:#c8ff31;--su-lime-soft:#f4ffd1;--su-line:#e3e1da;--su-line-soft:#efede7;--su-card:#fff;background:var(--su-bg);min-height:100vh;color:var(--su-ink);font-family:var(--font-deepsay-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;display:flex}.su-stage h1,.su-stage h2,.su-stage h3,.su-stage p{margin:0}.su-stage a{color:inherit}.su-bar{background:var(--su-ink);color:var(--su-bg);justify-content:space-between;align-items:center;height:60px;padding-inline:24px;display:flex}.su-brand{align-items:center;gap:10px;font-size:20px;text-decoration:none;display:flex}.su-brand>img{border-radius:6px;width:26px;height:26px}.su-brand-tile{background:#1f1a17;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.su-brand-tile img{width:20px;height:20px}.su-bar-right{color:var(--su-bg);align-items:center;gap:16px;font-size:14px;display:flex}.su-bar-name{font-weight:500}.su-bar-lang{opacity:.9;font-size:13px}.su-stepper{box-sizing:border-box;align-items:flex-start;gap:0;width:100%;max-width:560px;margin:36px auto 0;padding:0;padding-inline:16px;list-style:none;display:flex}.su-step{color:var(--su-ink-4);flex-direction:column;flex:1;align-items:center;gap:8px;font-size:12px;display:flex;position:relative}.su-step:before{content:"";top:14px;background:var(--su-line);width:100%;height:1px;position:absolute;inset-inline-start:-50%}.su-step:first-child:before{display:none}.su-step-no{border:1px solid var(--su-line);background:var(--su-card);width:28px;height:28px;font-family:var(--font-deepsay-mono), ui-monospace, monospace;z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex;position:relative}.su-step-on .su-step-no{background:var(--su-lime);border-color:var(--su-lime);color:var(--su-ink)}.su-step-on .su-step-label{color:var(--su-ink);font-weight:600}.su-step-done .su-step-no{background:var(--su-ink);border-color:var(--su-ink);color:var(--su-bg)}.su-step-done:before{background:var(--su-ink)}.su-main{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:760px;margin:0 auto;padding:32px 16px 64px;display:flex}.su-stage-wide .su-main{max-width:1040px}.su-card{background:var(--su-card);border:1px solid var(--su-line);border-radius:14px;flex-direction:column;gap:18px;padding:32px;display:flex;box-shadow:0 18px 40px -30px #00000040}.su-fields{flex-direction:column;gap:18px;display:flex}.su-eyebrow{color:var(--su-ink-4);font-size:13px}.su-title{letter-spacing:-.6px;font-size:28px;font-weight:700;line-height:1.15}.su-lede{color:var(--su-ink-3);font-size:15px;line-height:1.5}.su-label{font-size:14px;font-weight:600}.su-hint{color:var(--su-ink-4);font-size:13px}.su-chips{flex-wrap:wrap;gap:8px;display:flex}.su-chip{border:1px solid var(--su-line);background:var(--su-bg);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:14px;display:inline-flex}.su-chip-on{background:var(--su-lime-soft);border-color:var(--su-lime)}.su-textarea,.su-input,.su-select{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--su-line);background:var(--su-card);color:var(--su-ink);border-radius:10px;outline:none;padding:12px 14px;font-size:15px}.su-textarea{resize:vertical;min-height:112px;line-height:1.5}.su-textarea:focus,.su-input:focus,.su-select:focus{border-color:var(--su-ink)}.su-row{border:1px solid var(--su-line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.su-row-saved{background:var(--su-lime-soft);border-color:var(--su-lime)}.su-row-left{align-items:center;gap:10px;display:flex}.su-row-left svg{color:var(--su-ink)}.su-link{font:inherit;color:var(--su-ink-3);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;align-items:center;min-height:44px;padding:4px;font-size:14px;text-decoration:underline;display:inline-flex}.su-link-plain{text-decoration:none}.su-details>summary{cursor:pointer;list-style:none}.su-details>summary::-webkit-details-marker{display:none}.su-details[open] .su-select{margin-top:10px}.su-actions{border-top:1px solid var(--su-line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:6px;display:flex}.su-actions-end{justify-content:flex-end}.su-btn{border:1px solid var(--su-lime);background:var(--su-lime);min-height:44px;color:var(--su-ink);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.su-btn:hover{opacity:.88}.su-btn:disabled{opacity:.5;cursor:not-allowed}.su-btn-dark{background:var(--su-ink);border-color:var(--su-ink);color:var(--su-bg)}.su-btn-wide{width:100%}[dir=rtl] .su-btn svg,[dir=rtl] .su-mock-arrow svg{transform:scaleX(-1)}.su-error{color:#b42318;font-size:14px}.su-foot{color:var(--su-ink-4);justify-content:center;gap:16px;font-size:13px;display:flex}.su-foot a{color:inherit}.su-claim-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.su-back{align-items:center;gap:6px;display:inline-flex}[dir=ltr] .su-back-arrow{transform:scaleX(-1)}.su-grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.su-field{flex-direction:column;gap:6px;display:flex}.su-fineprint{color:var(--su-ink-4);text-align:center;font-size:12px;line-height:1.5}.su-fineprint a{text-underline-offset:3px;text-decoration:underline}.su-stage .auth-pw{position:relative}.su-stage .auth-pw .su-input{padding-inline-end:48px}.su-skel{flex-direction:column;gap:10px;display:flex}.su-skel-bar{background:var(--su-line-soft);border-radius:7px;height:14px;display:block}.su-skel-bar:first-child{width:92%}.su-skel-bar:nth-child(2){width:70%}.su-skel-bar:nth-child(3){width:84%}.su-options{flex-direction:column;gap:10px;display:flex}.su-option{border:1px solid var(--su-line);cursor:pointer;background:var(--su-card);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex}.su-option:hover{border-color:var(--su-ink)}.su-option:has(input:checked){background:var(--su-lime-soft);border-color:var(--su-lime)}.su-option input{width:18px;height:18px;accent-color:var(--su-ink);flex-shrink:0;margin:0}.su-topics{margin-top:4px;display:none}form:has(input[value=add_specific]:checked) .su-topics{display:block}.su-preview-head{flex-direction:column;gap:8px;display:flex}.su-preview-name{color:var(--su-ink-3);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.su-preview-name strong{color:var(--su-ink)}.su-name-form{align-items:center;gap:8px;display:inline-flex}.su-name-form .su-input{width:220px;padding:8px 10px;font-size:14px}.su-name-form .su-btn{min-height:36px;padding:6px 14px;font-size:14px}.su-tour{flex-direction:column;gap:14px;display:flex}.su-tabs{border:1px solid var(--su-line);background:var(--su-card);border-radius:10px;gap:0;display:flex;overflow:hidden}.su-tab{font:inherit;color:var(--su-ink-3);cursor:pointer;border:none;border-inline-end:1px solid var(--su-line);background:0 0;flex:1;padding:12px 8px;font-size:14px}.su-tab:last-child{border-inline-end:none}.su-tab-on{background:var(--su-lime);color:var(--su-ink);font-weight:600}.su-screen{background:var(--su-card);border:1px solid var(--su-line);border-radius:14px;flex-direction:column;gap:20px;padding:24px;display:flex}.su-mock-bar{justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.su-badge{background:var(--su-bg);border:1px solid var(--su-line);color:var(--su-ink-3);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500}.su-mock-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:28px;display:grid}.su-mock-hero h2{letter-spacing:-.6px;font-size:30px;font-weight:700;line-height:1.12}.su-mock-hero p{color:var(--su-ink-3);margin-top:10px;font-size:15px;line-height:1.5}.su-mock-hero .su-btn{margin-top:18px}.su-cover{aspect-ratio:3/2;object-fit:cover;background:var(--su-line-soft);border-radius:12px;width:100%}.su-cover-sm{object-fit:cover;background:var(--su-line-soft);border-radius:10px;flex-shrink:0;width:96px;height:72px}.su-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.su-tile{border:1px solid var(--su-line);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex}.su-tile-icon{border:1px solid var(--su-line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.su-tile h4{margin:0;font-size:14px;font-weight:600}.su-tile p{color:var(--su-ink-3);margin-top:3px;font-size:13px;line-height:1.4}.su-mock-title{letter-spacing:-.5px;font-size:26px;font-weight:700}.su-mock-lede{color:var(--su-ink-3);margin-top:6px;font-size:15px}.su-ask-box{border:1px solid var(--su-line);border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.su-ask-box h3{font-size:15px;font-weight:600}.su-ask-input{border:1px solid var(--su-line);border-radius:10px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.su-ask-input>span:first-child{color:var(--su-ink-4);flex:1;font-size:14px}.su-mock-arrow{background:var(--su-lime);border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.su-mock-arrow-locked{background:var(--su-line-soft);color:var(--su-ink-4)}.su-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.su-card-row{border:1px solid var(--su-line);border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex}.su-card-row>div{flex:1;min-width:0}.su-card-row h4{margin:0;font-size:15px;font-weight:600}.su-card-row p{color:var(--su-ink-3);margin-top:3px;font-size:13px}.su-card-row .su-mock-arrow{width:30px;height:30px}.su-thread{flex-direction:column;gap:12px;display:flex}.su-msg{background:var(--su-bg);border:1px solid var(--su-line-soft);border-radius:12px;gap:12px;padding:14px;display:flex}.su-msg-avatar{background:var(--su-card);border:1px solid var(--su-line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:inline-flex}.su-msg-avatar-lime{background:var(--su-lime);border-color:var(--su-lime)}.su-msg-who{color:var(--su-ink-4);margin-bottom:4px;font-size:12px}.su-msg p{font-size:14px;line-height:1.5}.su-msg p+p{margin-top:6px}.su-preview-actions{justify-content:flex-end;display:flex}@media (max-width:720px){.su-bar{padding-inline:16px}.su-card{padding:20px}.su-main{padding-top:20px}.su-stepper{margin-top:24px}.su-step-label{text-align:center;font-size:11px}.su-mock-hero,.su-tiles,.su-cards,.su-grid2{grid-template-columns:minmax(0,1fr)}.su-mock-hero h2{font-size:24px}.su-tabs{flex-wrap:wrap}.su-tab{border-bottom:1px solid var(--su-line);flex:50%}.su-actions{flex-direction:column-reverse;align-items:stretch}.su-name-form{flex-wrap:wrap}.su-name-form .su-input{width:100%}}.su-next{border:1px solid var(--su-line);background:var(--su-bg);border-radius:12px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.su-next-list{color:var(--su-ink-2);flex-direction:column;gap:8px;margin:0;padding-inline-start:22px;font-size:14px;line-height:1.5;display:flex}.su-next-list li::marker{color:var(--su-ink);font-weight:600}.su-slug-available{color:#1a7f37}.su-slug-taken{color:#b42318}.su-slug-idle:empty{display:none}.su-bar-chip{color:var(--su-bg);border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;max-width:60vw;padding:6px 12px;font-size:13px;display:inline-flex}.su-bar-chip strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.su-bar-chip a{color:inherit;text-underline-offset:3px;opacity:.85;text-decoration:underline}.su-skel-note{color:var(--su-ink-4);font-size:13px}.su-sample-note{color:var(--su-ink-4);font-size:12px;line-height:1.5}
