.sc-page{--sc-ink:var(--ink);--sc-muted:var(--ink-muted);--sc-paper:var(--surface);--sc-cream:var(--surface-raised);--sc-sun:var(--sun);--sc-grape:var(--accent);--sc-mint:#3ee08f;--sc-berry:#ff5d8f;--sc-sky:#45a7ff;color:var(--sc-ink);font-family:var(--font-plex), "IBM Plex Sans Thai", system-ui, sans-serif;min-height:100vh;padding-bottom:64px}.sc-page :is(h1,h2,h3,p,a,span,label,button,input,select,textarea,strong,small,li,td,th){font-family:inherit}.sc-main{gap:22px;width:min(1180px,100% - 28px);margin:18px auto 0;display:grid}.sc-main.is-narrow{width:min(640px,100% - 28px)}.sc-card{background:var(--sc-paper);border:3px solid var(--sc-ink);box-shadow:6px 6px 0 var(--sc-ink);border-radius:22px;min-width:0;padding:22px 24px}.sc-card.is-sun{background:var(--sc-cream)}.sc-card.is-flat{box-shadow:3px 3px 0 var(--sc-ink);border-width:2px}.sc-card>h2{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-size:21px;font-weight:700;line-height:1.35;display:flex}.sc-card>p,.sc-lead{color:var(--sc-muted);margin:0 0 12px;font-size:15px;line-height:1.75}.sc-kicker{background:var(--sc-sun);border:2px solid var(--sc-ink);width:fit-content;box-shadow:2px 2px 0 var(--sc-ink);letter-spacing:.06em;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.sc-title{letter-spacing:-.02em;margin:10px 0 6px;font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.25}.sc-title>span{color:var(--sc-berry)}.sc-chip{border:2px solid var(--sc-ink);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.sc-chip.is-sun{background:var(--sc-sun)}.sc-chip.is-mint{background:#c9f7df}.sc-chip.is-berry{background:#ffd6e2}.sc-chip.is-grape{background:#e3dcff}.sc-chip.is-muted{background:var(--surface-raised);color:var(--sc-muted);border-color:#b9b3d6}.sc-btn{border:2px solid var(--sc-ink);background:var(--surface);min-height:44px;color:var(--sc-ink);cursor:pointer;box-shadow:3px 3px 0 var(--sc-ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.sc-btn:hover:not(:disabled){box-shadow:4px 4px 0 var(--sc-ink);background:var(--sc-cream);transform:translate(-1px,-1px)}.sc-btn:active:not(:disabled){box-shadow:0 0 0 var(--sc-ink);transform:translate(2px,2px)}.sc-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.sc-btn.is-primary{background:var(--sc-sun);color:#3b2a00}.sc-btn.is-grape{background:var(--sc-grape);color:#fff}.sc-btn.is-grape:hover:not(:disabled){background:#5a3ce6}.sc-btn.is-danger{color:#c22a5a;border-color:#c22a5a;box-shadow:3px 3px #c22a5a}.sc-btn.is-small{min-height:34px;box-shadow:2px 2px 0 var(--sc-ink);padding:5px 12px;font-size:13px}.sc-btn.is-danger.is-small{box-shadow:2px 2px #c22a5a}.sc-btn.is-big{min-height:54px;box-shadow:4px 4px 0 var(--sc-ink);padding:12px 26px;font-size:17px}.sc-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sc-form{gap:14px;display:grid}.sc-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.sc-field{gap:6px;min-width:0;display:grid}.sc-field>label,.sc-field>span{font-size:14px;font-weight:700}.sc-field :is(input,select,textarea){border:2px solid var(--sc-ink);background:var(--surface);width:100%;min-height:46px;color:var(--sc-ink);border-radius:14px;padding:10px 14px;font-size:15px}.sc-field textarea{resize:vertical;min-height:84px}.sc-field :is(input,select,textarea):focus{box-shadow:3px 3px 0 var(--sc-grape);outline:none}.sc-field :is(input,select,textarea)[aria-invalid=true]{border-color:var(--sc-berry);box-shadow:3px 3px 0 var(--sc-berry)}.sc-help{color:var(--sc-muted);font-size:13px;line-height:1.6}.sc-error{color:#c22a5a;font-size:14px;font-weight:700}.sc-ok{border:2px dashed var(--sc-ink);background:#e6fbef;border-radius:14px;padding:10px 14px;font-weight:600}.sc-empty{text-align:center;color:var(--sc-muted);border:2px dashed #1d164059;border-radius:16px;padding:18px}.sc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sc-head .sc-title{margin-bottom:4px}.sc-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.sc-stack{gap:22px;min-width:0;display:grid}.sc-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.sc-stat{border:2px solid var(--sc-ink);background:var(--surface);box-shadow:3px 3px 0 var(--sc-ink);border-radius:16px;gap:4px;padding:14px 16px;display:grid}.sc-stat>small{color:var(--sc-muted);font-weight:600}.sc-stat>strong{font-size:28px;line-height:1.1}.sc-stat>strong>em{color:var(--sc-muted);font-size:15px;font-style:normal;font-weight:600}.sc-bar{background:var(--surface-raised);border:1.5px solid var(--sc-ink);border-radius:999px;height:10px;overflow:hidden}.sc-bar>i{background:var(--sc-mint);border-right:1.5px solid var(--sc-ink);height:100%;display:block}.sc-bar.is-full>i{background:var(--sc-berry)}.sc-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sc-item{border:2px solid var(--sc-ink);background:var(--surface);border-radius:16px;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.sc-item>.sc-grow{flex:1;gap:2px;min-width:0;display:grid}.sc-item strong{overflow-wrap:anywhere}.sc-item small{color:var(--sc-muted);overflow-wrap:anywhere}a.sc-item{color:inherit;box-shadow:3px 3px 0 var(--sc-ink);text-decoration:none;transition:transform .12s,box-shadow .12s}a.sc-item:hover{box-shadow:5px 5px 0 var(--sc-ink);background:var(--sc-cream);transform:translate(-2px,-2px)}.sc-code-mini{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.12em;background:var(--sc-cream);border:2px solid var(--sc-ink);border-radius:8px;padding:2px 8px;font-weight:700}.sc-secret{border:3px dashed var(--sc-ink);background:var(--sc-cream);border-radius:18px;gap:10px;padding:16px;display:grid}.sc-secret code{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.08em;overflow-wrap:anywhere;font-size:clamp(22px,4vw,30px);font-weight:700}.sc-projector{text-align:center;border:3px solid var(--sc-ink);background:var(--sc-sun);box-shadow:6px 6px 0 var(--sc-ink);border-radius:22px;justify-items:center;gap:8px;min-width:0;padding:22px 16px;display:grid;container-type:inline-size}.sc-projector>span{font-size:16px;font-weight:700}.sc-projector>code{font-family:var(--font-jetbrains), ui-monospace, monospace;letter-spacing:.12em;background:var(--surface);border:3px solid var(--sc-ink);border-radius:20px;max-width:100%;padding:6px .2em 6px .32em;font-size:clamp(36px,15cqi,120px);font-weight:700;line-height:1.05}.sc-projector>small{font-size:15px;font-weight:600}.sc-qr{justify-items:center;gap:4px;margin:6px 0 0;display:grid}.sc-qr img{border:3px solid var(--sc-ink);background:#fff;border-radius:14px;width:150px;height:150px}.sc-qr figcaption{font-size:13px;font-weight:600}.sc-projector.is-closed{background:var(--surface-raised)}.sc-projector.is-closed>code{color:#b9b3d6;text-decoration:line-through}.sc-table-wrap{border:2px solid var(--sc-ink);background:var(--surface);border-radius:16px;overflow-x:auto}.sc-table{border-collapse:collapse;width:100%;font-size:14.5px}.sc-table th{text-align:left;background:var(--sc-cream);border-bottom:2px solid var(--sc-ink);white-space:nowrap;padding:10px 12px;font-size:13px}.sc-table td{vertical-align:middle;border-bottom:1.5px solid #1d164024;padding:10px 12px}.sc-table tr:last-child td{border-bottom:0}.sc-table .sc-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sc-kid{white-space:nowrap;align-items:center;gap:10px;font-weight:700;display:flex}.sc-nowrap{white-space:nowrap}.sc-show-sm{display:none}.sc-kid .avatar-portrait{flex:none}.sc-dot{border:1.5px solid var(--sc-ink);background:#d9d4ee;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.sc-dot.is-on{background:var(--sc-mint)}.sc-notice{justify-items:start;gap:12px;display:grid}.sc-notice>b{font-size:44px;line-height:1}@media (max-width:900px){.sc-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.sc-main{gap:16px;margin-top:12px}.sc-card{box-shadow:4px 4px 0 var(--sc-ink);border-radius:18px;padding:16px}.sc-stat>strong{font-size:24px}.sc-table{font-size:13.5px}.sc-table :is(th,td){padding:8px 5px}.sc-table th:first-child,.sc-table td:first-child{padding-left:8px}.sc-table .sc-btn.is-small{min-height:30px;padding:3px 9px}.sc-table .sc-dot{margin-right:4px}.sc-hide-sm{display:none}.sc-show-sm{display:inline}.sc-kid{gap:6px}.sc-kid .avatar-portrait{width:24px;height:24px}.sc-btn.is-big{width:100%}}@media (prefers-reduced-motion:reduce){.sc-btn,a.sc-item{transition:none}}.sc-page{--sc-grape:var(--accent);background:var(--ground-art)}.sc-page :is(.sc-card,.sc-stat,.sc-item,.sc-table-wrap,.sc-btn,.sc-field input,.sc-field select,.sc-field textarea){border-color:var(--edge);box-shadow:var(--pop-sm)}.sc-page :is(.sc-chip,.sc-projector,.sc-kicker){color:#111215}.sc-page .sc-chip.is-muted{color:var(--ink-muted)}.sc-page .sc-btn.is-grape{color:var(--on-accent)}.sc-page .sc-btn.is-grape:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.sc-page .sc-ok{background:color-mix(in srgb, var(--success) 12%, var(--surface));color:var(--success)}.sc-page .sc-error,.sc-page .sc-btn.is-danger{color:var(--danger)}.sc-page .sc-projector>code{color:var(--ink)}.sc-page .sc-empty,.sc-page .sc-table td{border-color:var(--hairline)}.sc-page :where(section,article,li,div){border-color:var(--edge)}:root[data-theme=light] .sc-empty{border-color:#1b24303d}:root[data-theme=light] .sc-table td{border-bottom-color:var(--hairline)}:root[data-theme=light] .sc-page :is(.sc-card,.sc-kicker,.sc-chip,.sc-btn,.sc-field :is(input,select,textarea),.sc-stat,.sc-bar,.sc-item,.sc-code-mini,.sc-secret,.sc-projector,.sc-qr img,.sc-table-wrap,.sc-dot,.sc-ok){box-shadow:none;border-width:1px;border-color:#1b243029}:root[data-theme=light] .sc-page :is(.sc-card,.sc-stat,.sc-projector,a.sc-item){box-shadow:0 1px 2px #1112150d,0 10px 28px #1b243012}:root[data-theme=light] .sc-page :is(.sc-btn:hover:not(:disabled),a.sc-item:hover){box-shadow:0 4px 12px #1b24301f}:root[data-theme=light] .sc-page .sc-kicker{border-color:color-mix(in srgb, var(--signal) 30%, transparent)}:root[data-theme=light] .sc-page .sc-field :is(input,select,textarea):focus{border-color:var(--accent);box-shadow:0 0 0 3px #b947002e}:root[data-theme=light] .sc-page .sc-btn.is-danger{border-color:#c22a5a}:root[data-theme=light] .sc-page .sc-btn.is-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}:root[data-theme=light] .sc-page .sc-btn.is-primary:hover:not(:disabled){background:#a33f00}