html{min-height:100%;font-family:Inter,Noto Sans Thai,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;background:#f5f3f0}body{min-height:100vh;margin:0}button,input{font-family:inherit}html:lang(th) body *:not(.code-input){letter-spacing:0!important}.age{display:block;font-weight:650}.age-date{display:block;margin-top:.15rem;color:#827b83;font-size:.82rem}html:lang(th) h1,html:lang(th) h2{line-height:1.4!important}.brand-wordmark{display:block!important;width:7.7215909091rem;height:1.125rem;margin-bottom:.15rem;overflow:hidden;color:transparent!important;white-space:nowrap;background:url(/brand/huukplay-wordmark.svg) no-repeat left center/contain}.brand-wordmark-light{width:10.9818181818rem;height:1.6rem;margin-bottom:0;background-image:url(/brand/huukplay-wordmark-light.svg)}.about-video-thumbnail{display:flex;align-items:center;gap:1rem;margin:1rem 0 0}.about-video-thumbnail img,.about-video-thumbnail-auto{width:5.5rem;aspect-ratio:9/16;border-radius:.6rem;background:#171310;object-fit:contain}.about-video-thumbnail-auto{display:grid;place-items:center;padding:.4rem;color:#f4ece4;font-size:12px;font-weight:700;text-align:center}.about-video-thumbnail figcaption{display:grid;gap:.25rem;line-height:1.45}.review-player-bar{position:sticky;top:0;z-index:30;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.4rem 1rem;width:min(100% - 3rem,76rem);margin:1rem auto;border:1px solid #e4ddda;border-radius:1rem;padding:.6rem 1rem;background:#fffffff5;box-shadow:0 8px 24px #201b2314}.review-player-bar audio{display:block;width:100%}.review-player-label{color:#a34f13;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.review-player-cue{grid-column:2;margin:0;color:#201b23;font-weight:650;line-height:1.5;white-space:pre-wrap}.review-player-bar .review-error{margin:0}.review-step-head{display:flex;align-items:center;gap:1rem;width:100%;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.review-step-number{display:grid;flex:0 0 auto;place-items:center;width:2.6rem;height:2.6rem;border:2px solid #e08a1e;border-radius:50%;color:#a34f13;font-size:1.15rem;font-weight:800}.review-step-titles{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.review-step-titles .eyebrow{margin:0 0 .25rem}.review-step-title{font-size:1.55rem;font-weight:800;line-height:1.25}.review-step-toggle{flex:0 0 auto;width:1.5rem;color:#746d76;font-size:1.6rem;font-weight:700;text-align:center}.review-step>.review-intro,.review-step>.review-muted{margin-top:1rem}@media(max-width:720px){.review-player-bar{grid-template-columns:1fr}.review-player-cue{grid-column:1}.review-step-title{font-size:1.25rem}}.section-chip-number{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;margin-right:.35rem;border:1.5px solid currentColor;border-radius:50%;font-size:.75rem;font-weight:800;line-height:1;vertical-align:middle}section.cover-step .cover-step-grid{width:auto;margin:1rem 0 0}section.cover-step .cover-step-grid>article{width:auto;margin:0;box-shadow:none}.step-state{flex:none;border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:800;white-space:nowrap;color:#443848;background:#efeaee}.step-state-passed{color:#fff;background:#315d42}.step-state-on_hold{color:#6a461b;background:#fff0d6}.step-state-rejected{color:#fff;background:#a2303f}section.sections-progress button.section-chip.chip-passed{color:#fff;border-color:#315d42;background:#315d42}section.sections-progress button.section-chip.chip-rejected{color:#fff;border-color:#a2303f;background:#a2303f}section.cover-step .cover-step-grid.cover-only{grid-template-columns:minmax(0,1fr)}.details-facts{margin:1rem 0;border:1px solid #ece4df;border-radius:.8rem;padding:1rem 1.1rem;background:#fffdfb}.details-facts h3{margin:0 0 .8rem;font-size:1rem}.details-facts dl{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.song-code-chip{display:inline-block;width:fit-content;padding:.1rem .45rem;border-radius:.4rem;background:#efeaee;color:#4d4052;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:700;letter-spacing:.02em}.song-code-chip.song-code-heading{margin-left:.6rem;vertical-align:middle;font-size:1rem}.recognition-card{margin-top:1rem;padding:1rem 1.25rem;border:1px solid #d9d9d9;background:#fafafa}.recognition-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.recognition-head h4{margin:0}.recognition-status{padding:.2rem .7rem;border-radius:999px;font-size:.85rem;font-weight:600;background:#ececec;color:#444}.recognition-status[data-tone=green]{background:#e6f4ea;color:#1e6b34}.recognition-status[data-tone=amber]{background:#fff1cc;color:#7a5800}.recognition-status[data-tone=red]{background:#fde7e7;color:#a12a2a}.recognition-meta{margin:.25rem 0;font-size:.85rem;color:#666}.recognition-match{margin:.75rem 0;padding:.75rem 1rem;border:1px solid #e3e3e3;background:#fff}.recognition-match-title{margin:0 0 .5rem}.recognition-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem 1rem;margin:0 0 .5rem}.recognition-facts dt{font-size:.8rem;color:#666}.recognition-facts dd{margin:0;font-weight:600}.recognition-chips{display:flex;flex-wrap:wrap;gap:.5rem}.recognition-chip{display:inline-flex;align-items:baseline;gap:.4rem;padding:.25rem .7rem;border:1px solid #d0d0d0;border-radius:999px;background:#fff;font-size:.9rem}.recognition-chip strong{font-weight:700;letter-spacing:.02em}.recognition-services{display:grid;gap:1rem;margin-top:.75rem}.recognition-services--two{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.recognition-service{min-width:0;padding:.75rem 1rem;border:1px solid #e3e3e3;background:#fff}.recognition-service .recognition-match{background:#fafafa}.recognition-service-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.recognition-service-head h5{margin:0;font-size:1rem}.recognition-banner{margin:.75rem 0 0;padding:.6rem .9rem;border:1px solid #e0a800;background:#fff8e6}.recognition-match-title .recognition-chip{margin-right:.4rem}.recognition-chip--flag{border-color:#e0a800;background:#fff1cc;color:#7a5800;font-weight:600}.recognition-chip--own{margin-left:.4rem;border-color:#b7dfc3;background:#e6f4ea;color:#1e6b34}.recognition-chip--deleted{margin-left:.4rem;border-color:#e7c4c4;background:#f6dede;color:#8f2d2d;font-weight:600}.recognition-chip--inline{margin-left:0}.recognition-part{margin-top:1rem;padding-top:.75rem;border-top:1px solid #e3e3e3}.recognition-part h5{margin:0 0 .5rem;font-size:1rem}.recognition-steps{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.recognition-steps>li{padding:.75rem 1rem;border:1px solid #e3e3e3;border-left:4px solid #cfcfcf;background:#fff}.recognition-steps>li[data-state=done]{border-left-color:#2e8b4a}.recognition-steps>li[data-state=current]{border-left-color:#e0a800}.recognition-step-title{margin:0 0 .4rem;font-weight:700}.recognition-note{margin:.5rem 0 0;padding:.5rem .75rem;border-left:3px solid #d0d0d0;background:#f6f6f6;white-space:pre-wrap}.recognition-note-label{display:block;margin-bottom:.2rem;font-size:.8rem;color:#666}.recognition-form{display:grid;gap:.4rem;max-width:36rem}.recognition-form textarea,.recognition-form select{width:100%;font:inherit}.recognition-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.recognition-ask{padding:.75rem 1rem;border:1px solid #e0a800;background:#fff8e6}.recognition-link{font-size:.9rem}.recognition-withdraw{margin-top:.75rem}.recognition-earlier summary{cursor:pointer;font-weight:600}.recognition-earlier-item{margin-top:.75rem;padding:.5rem .75rem;border:1px dashed #d0d0d0;background:#fbfbfb;color:#555}.recognition-withdrawn{margin:.5rem 0 0;color:#a12a2a}