:root{--blue:#2155f5;--blue2:#0c2fba;--ink:#141a35;--muted:#68708d;--line:#e8ebf5;--paper:#fff;--bg:#f6f8ff;--mint:#dffff5;--pink:#ffe1f0;--violet:#e5e6ff;--orange:#ffecd6;--radius:22px;--shadow:0 18px 50px rgba(30,45,115,.10)}*{box-sizing:border-box}html{background:#f6f8ff;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;background:linear-gradient(180deg,#fbfcff 0,#f6f8ff 45%,#fff 100%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(33,85,245,.26);outline-offset:2px}.site-shell{min-height:100vh}.topbar{height:74px;padding:0 max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;gap:28px;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(214,220,240,.72);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:8px;flex:0 0 auto}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:11px;background:linear-gradient(135deg,#2f6bff,#1429b7);color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(33,85,245,.24)}.brand-text{letter-spacing:-.4px;font-size:17px;font-weight:900}.brand-image{max-height:38px;max-width:160px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:4px;flex:1}.desktop-nav a{padding:10px 11px;border-radius:10px;color:#5d6685;font-size:14px;font-weight:750}.desktop-nav a:hover,.desktop-nav a.active{background:#edf1ff;color:var(--blue)}.topbar-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.hello{font-size:13px;color:var(--muted);font-weight:700}.admin-link{font-size:12px;font-weight:800;color:var(--blue);background:#e9eeff;padding:7px 9px;border-radius:9px}.inline-form{margin:0}.ghost-button,.soft-button,.primary-button,.danger-button,.text-button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:12px;font-weight:800;transition:.18s transform,.18s box-shadow,.18s background}.ghost-button{padding:9px 12px;background:transparent;color:#59627e}.ghost-button:hover{background:#eff2fb}.primary-button{padding:11px 16px;background:linear-gradient(135deg,#2d68ff,#1641d0);color:#fff;box-shadow:0 10px 22px rgba(33,85,245,.2)}.primary-button:hover,.soft-button:hover{transform:translateY(-1px)}.soft-button{padding:11px 16px;background:#eaf0ff;color:#1f4ee5}.danger-button{padding:8px 10px;background:#fff0f1;color:#e14e5c}.text-button{padding:7px 10px;background:#eef2ff;color:#294ecb}.full{width:100%}.large{padding:13px 18px}.service-nav{border-bottom:1px solid var(--line);background:#fff}.service-nav-inner{max-width:1360px;margin:auto;padding:0 max(24px,calc((100vw - 1360px)/2));display:flex;gap:4px;overflow:auto;scrollbar-width:none}.service-nav a{padding:13px 12px;font-size:13px;font-weight:800;color:#69718b;white-space:nowrap;border-bottom:2px solid transparent}.service-nav a.active{color:var(--blue);border-color:var(--blue)}.main-content{max-width:1360px;margin:0 auto;padding:32px max(24px,calc((100vw - 1360px)/2)) 70px}.flash{padding:13px 15px;border-radius:14px;margin-bottom:18px;font-weight:750;font-size:14px}.flash-success{background:#e6fbf2;color:#167755}.flash-error{background:#fff0f2;color:#be384b}.flash-warning{background:#fff7de;color:#a46900}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:1.3px;font-weight:900}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:36px 0 50px}.hero-copy h1,.service-hero h1,.auth-copy h1{font-size:clamp(38px,5vw,67px);line-height:1.06;letter-spacing:-3.3px;margin:12px 0 18px}.hero-copy h1 strong,.auth-copy h1 strong{color:var(--blue)}.hero-copy p,.service-hero p,.auth-copy p{max-width:610px;color:#5d6683;font-size:17px;line-height:1.7;margin:0}.hero-actions{display:flex;gap:10px;margin:26px 0}.mini-stats{display:flex;gap:18px;flex-wrap:wrap}.mini-stats span{font-size:13px;color:#6e7793;font-weight:700}.mini-stats b{color:#27375d}.hero-art{height:390px;border-radius:30px;position:relative;overflow:hidden;background:radial-gradient(circle at 69% 27%,#fff 0 3%,transparent 4%),radial-gradient(circle at 37% 74%,rgba(255,255,255,.72),transparent 27%),linear-gradient(135deg,#c7dcff,#eceeff 52%,#ffddef);box-shadow:var(--shadow)}.hero-art:after{content:"";inset:22px;border:1px solid rgba(255,255,255,.7);border-radius:24px;position:absolute}.orbit{position:absolute;border:1px solid rgba(44,80,205,.23);border-radius:999px}.orbit-one{width:330px;height:330px;right:-75px;top:-56px}.orbit-two{width:270px;height:270px;left:-96px;bottom:-85px}.hero-logo{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:115px;height:115px;border-radius:36px;color:white;font-size:40px;font-weight:950;background:linear-gradient(135deg,#2867ff,#8141ea);box-shadow:0 22px 50px rgba(42,61,176,.3)}.hero-card{position:absolute;z-index:3;background:rgba(255,255,255,.83);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.85);box-shadow:0 15px 36px rgba(30,42,112,.13);border-radius:18px;padding:12px 15px;font-size:22px;font-weight:900}.hero-card small{display:block;font-size:11px;color:#59617d;margin-top:4px}.card-video{right:40px;top:58px}.card-mic{left:43px;top:89px}.card-chat{right:60px;bottom:64px}.section-block{padding:33px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2,.launch-strip h2{font-size:25px;letter-spacing:-1.3px;margin:6px 0 0}.section-heading>a{font-size:14px;font-weight:850;color:var(--blue)}.muted{font-size:13px;color:var(--muted)}.service-card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.service-card{min-height:200px;padding:19px;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;transition:.2s transform,.2s box-shadow}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(30,45,100,.14)}.service-icon{font-size:27px;margin-bottom:23px}.service-card b{font-size:17px}.service-card small{font-size:12px;line-height:1.5;color:#59617a;margin-top:6px}.service-card em{font-style:normal;font-size:12px;font-weight:900;margin-top:auto}.tone-blue{background:#dce8ff}.tone-purple{background:#ebddff}.tone-pink{background:#ffe2ee}.tone-orange{background:#ffebd4}.tone-green{background:#d9fff2}.tone-navy{background:#dde4ff}.banner-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.home-banner{min-height:215px;overflow:hidden;background-size:cover;background-position:center;border-radius:22px;padding:20px;color:#fff;display:flex;flex-direction:column;position:relative;isolation:isolate;transition:.2s transform}.home-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,rgba(13,22,64,.9),rgba(36,62,181,.45))}.home-banner:hover{transform:translateY(-3px)}.banner-1{background:linear-gradient(135deg,#263bb9,#6b44e3)}.banner-2{background:linear-gradient(135deg,#1847ce,#35b4df)}.banner-3{background:linear-gradient(135deg,#3a236e,#ed3f87)}.banner-index{font-size:11px;letter-spacing:1px;opacity:.75}.home-banner h3{font-size:22px;line-height:1.24;letter-spacing:-1px;margin:24px 0 8px}.home-banner p{font-size:13px;line-height:1.5;margin:0;opacity:.85}.home-banner b{margin-top:auto;font-size:12px}.launch-strip{border-radius:25px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:linear-gradient(120deg,#151b3e,#254cdd 58%,#6f4ee8);color:white}.launch-strip .eyebrow{color:#b8cbff}.launch-strip h2{font-size:28px;margin:5px 0}.launch-strip p{color:#d8e0ff;font-size:14px;margin:0}.launch-strip .soft-button{background:#fff;color:#1c46d5}.service-hero{min-height:300px;display:flex;justify-content:space-between;align-items:center;padding:45px 48px;border-radius:30px;background:radial-gradient(circle at 86% 22%,#fff 0 3%,transparent 3.5%),linear-gradient(120deg,#171f55,#2c63ec 58%,#7650ee);color:#fff;overflow:hidden;position:relative}.service-hero:before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.25);border-radius:999px;right:100px;top:-125px}.service-hero .eyebrow{color:#b9ccff}.service-hero h1{font-size:clamp(33px,4.1vw,55px);margin:10px 0}.service-hero p{color:#dce6ff;max-width:630px}.service-hero-icon{font-size:90px;filter:drop-shadow(0 18px 20px rgba(14,18,75,.26));z-index:1}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chip-row span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:800}.service-hero .primary-button{background:#fff;color:#2047ce;box-shadow:none}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-preview{background:#fff;padding:13px;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 27px rgba(28,44,95,.05)}.preview-media{height:178px;border-radius:15px;margin-bottom:13px}.media-one{background:linear-gradient(135deg,#86b7ff,#4648d9)}.media-two{background:linear-gradient(135deg,#ffb5d8,#9842d7)}.media-three{background:linear-gradient(135deg,#87edd1,#2b6fcc)}.content-preview b{display:block;font-size:15px}.content-preview small{display:block;color:#747c95;margin-top:6px;font-size:12px;line-height:1.45}.more-hero{background:linear-gradient(120deg,#19305a,#2c7bd9 56%,#42c0d8)}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:30px 0}.more-card{min-height:220px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;transition:.2s transform,.2s box-shadow}.more-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.more-card span{font-size:33px;margin-bottom:27px}.more-card b{font-size:18px}.more-card small{font-size:13px;color:#737c96;margin-top:6px}.more-card em{font-style:normal;color:var(--blue);font-size:13px;font-weight:850;margin-top:auto}.compact{min-height:250px}.empty-state{text-align:center;max-width:650px;margin:35px auto;padding:50px 26px;border-radius:25px;background:#fff;border:1px solid var(--line)}.empty-state>span{font-size:48px}.empty-state h2{margin:16px 0 9px;font-size:25px;letter-spacing:-1px}.empty-state p{margin:0 0 22px;color:var(--muted);line-height:1.65}.form-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start;max-width:1040px;margin:0 auto;padding:35px 0}.form-intro h1{font-size:48px;line-height:1.1;letter-spacing:-2.6px;margin:11px 0}.form-intro p{color:#66708b;line-height:1.7;font-size:16px}.contact-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.contact-points span{font-size:13px;font-weight:750;background:#eaf0ff;padding:9px 10px;border-radius:11px}.card-form,.auth-card,.admin-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:27px;box-shadow:var(--shadow)}label{display:block;font-size:13px;color:#4f5874;font-weight:800;margin:15px 0 0}input,textarea,select{width:100%;margin-top:7px;border:1px solid #dce2f2;background:#fbfcff;border-radius:11px;padding:12px;color:#1b2340;resize:vertical}textarea{line-height:1.55}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:auto;margin:0}.form-help{color:var(--muted);font-size:13px;line-height:1.5}.auth-layout{display:grid;grid-template-columns:1fr 460px;gap:50px;align-items:center;max-width:1060px;margin:25px auto 45px;min-height:570px}.auth-copy{padding:30px}.auth-copy p{max-width:430px}.auth-shapes{height:160px;position:relative;margin-top:26px}.auth-shapes i{position:absolute;display:block;border-radius:50%;background:linear-gradient(135deg,#2966ff,#7b49e6)}.auth-shapes i:nth-child(1){width:93px;height:93px;left:6px;top:16px}.auth-shapes i:nth-child(2){width:62px;height:62px;left:115px;top:0;background:linear-gradient(135deg,#ff8fc3,#7854e9)}.auth-shapes i:nth-child(3){width:118px;height:118px;left:182px;top:40px;background:linear-gradient(135deg,#88e9d5,#2577d7)}.auth-card h2{font-size:30px;letter-spacing:-1.4px;margin:5px 0}.auth-card>p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.auth-card .primary-button{margin-top:21px}.form-switch{text-align:center!important;margin:18px 0 0!important}.form-switch a{color:var(--blue);font-weight:850}.footer{max-width:1360px;margin:0 auto;padding:22px max(24px,calc((100vw - 1360px)/2)) calc(90px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:#8890a7;font-size:12px}.footer p{margin:0}.mobile-nav{display:none}.admin-body{background:#f5f7fc}.admin-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:#131b40;color:#d9e1ff;display:flex;flex-direction:column;padding:21px 15px;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:9px;padding:0 7px;color:white}.admin-brand span{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,#3978ff,#7145df);font-weight:900}.admin-brand b{font-size:15px}.admin-badge{font-size:10px;letter-spacing:1px;color:#7890d8;padding:21px 7px 9px;margin:0}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a{padding:11px 10px;border-radius:10px;color:#afbadf;font-size:14px;font-weight:750}.admin-sidebar nav a i{font-style:normal;width:24px;display:inline-block;color:#8eb1ff}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:white;background:#283664}.admin-side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.11);padding:15px 7px 2px;display:grid;gap:10px;font-size:13px}.admin-side-bottom>a{color:#aab6dd}.admin-logout button{background:transparent;border:0;padding:0;color:#aab6dd;font-size:13px}.admin-main{padding:30px 34px 50px;max-width:1500px;width:100%;margin:auto}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-top h1{font-size:30px;letter-spacing:-1.5px;margin:4px 0}.admin-user{display:flex;flex-direction:column;align-items:end;font-size:13px}.admin-user span{color:var(--muted);font-size:12px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-stats article{padding:21px;border-radius:17px;background:#fff;border:1px solid var(--line)}.admin-stats span{display:block;font-size:13px;color:var(--muted);font-weight:700}.admin-stats b{display:block;font-size:33px;letter-spacing:-1.5px;margin-top:9px}.admin-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 29px;border-radius:20px;margin:17px 0;background:linear-gradient(120deg,#24325e,#2853d9 68%,#6d4deb);color:white}.admin-welcome .eyebrow{color:#b8caff}.admin-welcome h2{font-size:23px;letter-spacing:-1px;margin:5px 0}.admin-welcome p{font-size:13px;margin:0;color:#d6e0ff}.admin-quick{display:flex;gap:8px;flex-wrap:wrap}.admin-quick a{padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.16);font-size:12px;font-weight:800}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:21px}.admin-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-panel h2{font-size:18px;margin:0;letter-spacing:-.7px}.admin-panel header>a{font-size:12px;font-weight:800;color:var(--blue)}.data-list{display:grid;gap:5px}.data-list>div{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eff1f7}.data-list>div:last-child{border-bottom:0}.data-list p{display:grid;gap:3px;margin:0;flex:1;min-width:0}.data-list b{font-size:13px}.data-list small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-dot{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e6edff;color:var(--blue);font-size:12px;font-weight:900}.category-chip{padding:5px 7px;border-radius:7px;background:#edf1ff;color:#4059bd;font-size:10px;font-weight:850;text-transform:uppercase}.status-active,.status-new{color:#198561;font-style:normal;font-size:11px;font-weight:850}.status-suspended{color:#d95f32;font-style:normal;font-size:11px;font-weight:850}.status-withdrawn,.status-resolved{color:#7d859b;font-style:normal;font-size:11px;font-weight:850}.status-in_progress{color:#6854d7;font-style:normal;font-size:11px;font-weight:850}.filter-panel form{display:flex;gap:8px}.filter-panel input{margin:0;flex:1}.filter-panel select{margin:0;width:150px}.filter-panel .primary-button{padding:10px 15px}.filter-panel p{margin:12px 0 0}.table-panel{padding:0;overflow:hidden}.table-panel>header{padding:20px 21px;margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th,td{text-align:left;padding:13px 15px;border-top:1px solid var(--line);font-size:12px;vertical-align:middle}th{color:#727c97;background:#fbfcff;font-size:11px}td small{display:block;color:var(--muted);margin-top:3px}.role-pill{padding:5px 7px;border-radius:7px;background:#eff1f7;font-weight:850;font-size:10px}.role-pill.admin{background:#ebe6ff;color:#674ec6}.modal{padding:0;border:0;background:transparent;max-width:440px;width:calc(100% - 30px)}.modal::backdrop{background:rgba(11,18,50,.5);backdrop-filter:blur(3px)}.modal-card{padding:23px;background:#fff;border-radius:20px}.modal-card header{display:flex;justify-content:space-between;align-items:center}.modal-card h2{margin:0;font-size:20px}.modal-close{border:0;background:#eef1f9;border-radius:9px;font-size:20px;width:32px;height:32px}.modal-card .muted{margin:8px 0}.banner-admin-grid{align-items:start}.admin-form{padding:0;border:0;box-shadow:none}.admin-form .primary-button{margin-top:20px}.banner-admin-list{display:grid;gap:10px}.banner-admin-list article{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}.banner-admin-list article:last-child{border-bottom:0}.banner-thumb{height:58px;border-radius:11px;background:linear-gradient(135deg,#2c4cc2,#754ce6);background-size:cover;background-position:center;display:flex;align-items:end;padding:6px}.banner-thumb span{font-size:10px;font-weight:800;color:#fff}.banner-admin-list b{font-size:13px}.banner-admin-list p{font-size:11px;color:var(--muted);margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-admin-list small{font-size:10px;color:#8790a6}.current-logo{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:10px}.current-logo img{height:46px;max-width:160px;object-fit:contain}.current-logo span{font-size:12px;color:var(--muted)}.narrow-panel{max-width:720px}.inquiry-admin-list{display:grid}.inquiry-admin-list article{padding:20px 21px;border-top:1px solid var(--line)}.inquiry-meta{display:flex;align-items:center;gap:8px}.inquiry-meta small{margin-left:auto;color:var(--muted);font-size:11px}.inquiry-admin-list h3{font-size:15px;margin:9px 0}.inquiry-admin-list p{font-size:13px;color:#48516d;line-height:1.65;margin:0}.inquiry-admin-list footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:var(--muted);font-size:12px}.inquiry-admin-list footer form{display:flex;align-items:center;gap:6px}.inquiry-admin-list footer select{width:auto;margin:0;padding:7px}.inquiry-admin-list footer .text-button{font-size:12px}.footer{position:relative}@media(max-width:1150px){.service-card-grid{grid-template-columns:repeat(3,1fr)}.desktop-nav{gap:0}.desktop-nav a{padding:9px 7px;font-size:12px}.topbar{gap:15px}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.topbar{height:65px;padding:0 16px}.desktop-nav{display:none}.topbar-actions .hello,.topbar-actions .ghost-button{display:none}.top-join{padding:8px 10px;font-size:12px}.admin-link{padding:7px}.main-content{padding:22px 16px 98px}.hero-grid{grid-template-columns:1fr;gap:22px;padding:16px 0 27px}.hero-copy h1,.auth-copy h1{font-size:42px;letter-spacing:-2.5px}.hero-copy p{font-size:15px}.hero-art{height:290px;border-radius:24px}.hero-logo{width:92px;height:92px;font-size:32px;border-radius:29px}.card-video{right:20px;top:37px}.card-mic{left:20px;top:59px}.card-chat{right:30px;bottom:36px}.section-block{padding:23px 0}.section-heading h2,.launch-strip h2{font-size:21px}.section-heading{align-items:start}.section-heading .muted{display:none}.service-card-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card{min-height:165px;padding:15px;border-radius:17px}.service-icon{margin-bottom:14px}.banner-rail{display:flex;overflow:auto;margin-right:-16px;padding-right:16px;scroll-snap-type:x mandatory}.home-banner{min-width:280px;scroll-snap-align:start;min-height:190px}.launch-strip{padding:24px;display:grid}.service-hero{padding:29px 24px;min-height:270px;border-radius:23px}.service-hero h1{font-size:35px;letter-spacing:-2px}.service-hero p{font-size:14px;line-height:1.6}.service-hero-icon{font-size:58px;position:absolute;right:20px;bottom:18px;opacity:.8}.preview-grid{grid-template-columns:1fr}.preview-media{height:145px}.more-grid{grid-template-columns:1fr 1fr;gap:10px;padding:20px 0}.more-card{min-height:170px;padding:16px;border-radius:17px}.more-card span{font-size:27px;margin-bottom:18px}.form-shell{grid-template-columns:1fr;gap:18px;padding:10px 0}.form-intro h1{font-size:36px}.auth-layout{grid-template-columns:1fr;gap:0;min-height:auto;margin:3px auto 15px}.auth-copy{padding:26px 8px 10px}.auth-shapes{height:88px;transform:scale(.68);transform-origin:left top;margin-bottom:-24px}.auth-card{border-radius:21px;padding:22px}.footer{padding:22px 16px calc(85px + env(safe-area-inset-bottom));display:grid;gap:6px}.mobile-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(6,1fr);align-items:center;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-top:1px solid rgba(220,225,240,.95);box-shadow:0 -8px 26px rgba(15,26,79,.08)}.mobile-nav a{display:grid;justify-items:center;gap:3px;color:#8991a9;font-size:10px;font-weight:800;padding:3px 0;border-radius:9px}.mobile-nav span{font-size:20px;line-height:18px}.mobile-nav a.active{color:var(--blue)}.admin-shell{display:block}.admin-sidebar{position:relative;height:auto;padding:13px 14px;display:flex;flex-direction:row;align-items:center;gap:14px;overflow:auto}.admin-brand{white-space:nowrap;padding:0}.admin-badge,.admin-side-bottom{display:none}.admin-sidebar nav{display:flex;gap:3px}.admin-sidebar nav a{white-space:nowrap;padding:8px 9px;font-size:12px}.admin-sidebar nav a i{display:none}.admin-main{padding:22px 16px 45px}.admin-top h1{font-size:25px}.admin-user{font-size:12px}.admin-stats{grid-template-columns:1fr 1fr;gap:9px}.admin-stats article{padding:16px}.admin-stats b{font-size:27px}.admin-welcome{padding:21px;display:grid}.admin-welcome h2{font-size:20px}.admin-two-col{grid-template-columns:1fr}.filter-panel form{display:grid;grid-template-columns:1fr auto}.filter-panel input{grid-column:1/-1}.filter-panel select{width:auto}.banner-admin-list article{grid-template-columns:62px 1fr}.banner-admin-list article form{grid-column:2}.inquiry-admin-list footer{display:grid}.inquiry-admin-list footer form{justify-content:space-between}.table-panel>header{align-items:start;display:grid}.modal{max-height:90vh;overflow:auto}}
/* Social beta: profile, notification, Tinsinger */
.bell-link{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#f2f5ff;font-size:17px}.bell-link b{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:#f04f72;color:white;font-size:9px;display:grid;place-items:center}.profile-top-link{display:flex;align-items:center;gap:7px}.avatar{flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:2px solid #fff;background:#dfe7ff;color:#2949bc;font-weight:900;box-shadow:0 4px 14px rgba(47,77,190,.18)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-tiny{width:28px;height:28px;border-radius:10px;font-size:12px}.avatar-small{width:34px;height:34px;border-radius:12px;font-size:13px}.avatar-medium{width:46px;height:46px;border-radius:15px;font-size:17px}.avatar-large{width:104px;height:104px;border-radius:33px;font-size:37px;border-width:4px}.frame-star{border-color:#ffd75c;box-shadow:0 0 0 3px rgba(255,216,83,.34),0 7px 18px rgba(93,72,20,.18)}.frame-cloud{border-color:#b9e5ff;box-shadow:0 0 0 3px rgba(212,243,255,.8),0 7px 18px rgba(23,91,141,.18)}.singer-hero{min-height:320px;border-radius:28px;background:linear-gradient(118deg,#1f337d,#3057e5 55%,#8d54e8);padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff;overflow:hidden;position:relative}.singer-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-70px;top:-95px;background:radial-gradient(circle,rgba(255,255,255,.23),rgba(255,255,255,0) 68%)}.singer-hero>div{position:relative;z-index:1}.singer-hero h1{font-size:43px;line-height:1.15;letter-spacing:-2.5px;margin:9px 0}.singer-hero p{max-width:540px;line-height:1.65;color:#dfe7ff}.singer-hero-note{width:230px;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(15,22,79,.22);backdrop-filter:blur(7px);display:grid;gap:9px}.singer-hero-note b{font-size:14px}.singer-hero-note span{font-size:12px;line-height:1.55;color:#e5ebff}.singer-tabs{display:flex;gap:8px;padding:21px 0;overflow:auto}.singer-tabs a{white-space:nowrap;padding:10px 13px;border:1px solid #e6e9f3;border-radius:12px;background:#fff;color:#65708d;font-size:13px;font-weight:800}.singer-tabs a.active{background:#264ce0;color:#fff;border-color:#264ce0}.singer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-bottom:35px}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.singer-card{overflow:hidden;border:1px solid #e6e9f3;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(32,42,96,.055)}.singer-media{position:relative;display:block;min-height:220px;background:linear-gradient(140deg,#18265b,#4265df 58%,#d267db);background-position:center;background-size:cover}.singer-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(9,14,39,.6))}.play-pill,.video-status{position:absolute;z-index:1}.play-pill{left:12px;bottom:12px;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.92);color:#26365b;font-size:11px;font-weight:900}.video-status{right:11px;top:11px;padding:5px 7px;border-radius:7px;background:#f04f72;color:#fff;font-size:9px;font-weight:900}.singer-card-body{padding:13px}.card-user{display:flex;align-items:center;gap:8px;color:inherit}.card-user span{display:grid;gap:2px;min-width:0}.card-user b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-user small{font-size:10px;color:#8c95aa}.singer-title{display:block;margin-top:12px;color:#202a45;font-size:15px;font-weight:900;letter-spacing:-.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.singer-card-body>p{height:17px;margin:4px 0 10px;color:#68738d;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.singer-meta{display:flex;gap:9px;color:#7e879b;font-size:10px;font-weight:700}.singer-empty{margin-top:5px}.page-heading{padding:8px 0 20px}.page-heading h1{margin:4px 0;font-size:35px;letter-spacing:-1.8px}.my-video-list{display:grid;gap:10px}.my-video-list>article{display:grid;grid-template-columns:140px 1fr auto;gap:15px;align-items:center;padding:12px;border:1px solid #e5e9f4;border-radius:17px;background:white}.my-video-cover{height:86px;border-radius:12px;background:linear-gradient(135deg,#1d3176,#8452e5);background-position:center;background-size:cover;display:flex;align-items:end;padding:8px}.my-video-cover span{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.9);font-size:10px;font-weight:900}.my-video-list b{font-size:15px}.my-video-list p{margin:5px 0;color:#65708b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-video-list small{color:#9299ad;font-size:11px}.my-video-actions{display:flex;align-items:center;gap:8px}.danger{color:#d34d62!important}.tiny{padding:7px 9px!important;font-size:11px!important}.rank-list{display:grid;gap:8px}.rank-list>a{display:grid;grid-template-columns:37px 38px 1fr auto;align-items:center;gap:10px;padding:12px 15px;border:1px solid #e6e9f3;border-radius:15px;background:#fff;color:inherit}.rank-list strong{text-align:center;font-size:15px}.rank-list span{display:grid;gap:3px}.rank-list b{font-size:13px}.rank-list small{color:#7f879b;font-size:11px}.rank-list em{display:grid;text-align:right;color:#e24e75;font-style:normal;font-size:13px;font-weight:900}.rank-list em small{color:#9098aa;font-weight:700}.watch-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;align-items:start}.watch-player{min-height:500px;border-radius:24px;background:#111936 center/cover;overflow:hidden;display:grid;place-items:center}.watch-player video{width:100%;height:100%;max-height:640px;background:#0a0d1d}.watch-wait{padding:28px;border-radius:20px;background:rgba(255,255,255,.1);color:white;display:grid;justify-items:center;gap:8px}.watch-wait span{font-size:44px}.watch-wait small{color:#ccd6ff}.watch-info{padding:25px;border:1px solid #e6e9f3;border-radius:22px;background:#fff}.watch-info h1{margin:20px 0 9px;font-size:25px;letter-spacing:-1.2px}.watch-info>p{line-height:1.7;color:#57617a;font-size:13px}.hashtag-line{margin:14px 0;color:#4561c4;font-size:13px}.watch-stats{display:flex;gap:11px;padding:15px 0;border-top:1px solid #edf0f6;border-bottom:1px solid #edf0f6;color:#6c758b;font-size:12px;font-weight:800}.watch-actions{display:flex;gap:7px;margin-top:15px}.watch-actions form{margin:0}.watch-actions button{border:0;border-radius:10px;padding:9px 11px;background:#edf1fb;color:#3e4b6d;font-weight:850;font-size:12px}.watch-actions button.liked{background:#ffe6ed;color:#e03e66}.comments-section{max-width:820px;padding:35px 0 15px}.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid #e5e9f3;border-radius:16px;background:#fff}.comment-form textarea{min-height:45px;margin:0;resize:vertical}.comment-form .primary-button{align-self:end}.login-hint{padding:13px;border-radius:12px;background:#f1f4fc;color:#5d6984;font-size:13px}.login-hint a{color:#2b50da;font-weight:900}.comment-list{display:grid;margin-top:12px}.comment-list article{display:flex;gap:9px;padding:15px 4px;border-bottom:1px solid #eceff5}.comment-list article.reply{margin-left:38px}.comment-list article>div{flex:1}.comment-list b{font-size:12px}.comment-list small{margin-left:7px;color:#9aa1b1;font-size:10px}.comment-list p{margin:7px 0;color:#444e68;font-size:13px;line-height:1.55}.profile-hero{min-height:230px;border-radius:25px;background:linear-gradient(120deg,#294ed7,#7c57e8);background-size:cover;background-position:center;color:#fff;display:flex;align-items:end;padding:28px;overflow:hidden}.profile-hero.theme-midnight{background:linear-gradient(125deg,#101836,#263c80)}.profile-hero.theme-candy{background:linear-gradient(125deg,#d84991,#714ee0)}.profile-hero.theme-lime{background:linear-gradient(125deg,#3e9a71,#74c63a)}.profile-hero-inner{width:100%;display:flex;align-items:center;gap:16px}.profile-hero h1{font-size:27px;letter-spacing:-1px;margin:0}.profile-hero p{margin:4px 0;color:#dde7ff;font-size:13px}.profile-hero .soft-button{margin-left:auto;background:rgba(255,255,255,.95)}.profile-emoji{position:absolute;transform:translate(74px,-8px);font-size:21px}.profile-badges{display:flex;gap:5px}.profile-badges span{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.16);font-size:10px}.profile-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:20px 0}.profile-main,.profile-side{display:grid;gap:15px;align-content:start}.profile-about,.profile-record,.wallet-card{padding:20px;border:1px solid #e6e9f3;border-radius:18px;background:#fff}.profile-about h2,.profile-record h2{font-size:17px;margin:0 0 10px}.profile-about p,.profile-record p{margin:0;color:#626c84;line-height:1.7;font-size:13px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.profile-stats article{padding:15px 8px;text-align:center;border:1px solid #e7eaf4;border-radius:16px;background:#fff}.profile-stats b{display:block;color:#294cce;font-size:21px;letter-spacing:-1px}.profile-stats span{color:#7d86a0;font-size:10px}.wallet-card{background:linear-gradient(135deg,#182e81,#4c55da);color:#fff;display:grid;gap:6px}.wallet-card span{font-size:11px;color:#c7d3ff;font-weight:900}.wallet-card b{font-size:29px;letter-spacing:-1px}.wallet-card a{color:#fff;font-size:12px;font-weight:850}.profile-edit h2{margin:0 0 10px;font-size:19px}.center{text-align:center}.point-balance{padding:10px 13px;border-radius:12px;background:#edf2ff;color:#4660bb;font-size:12px;font-weight:800}.point-balance b{margin-left:5px;color:#284cd7;font-size:16px}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cosmetic-grid>article{padding:19px;border:1px solid #e5e9f4;border-radius:18px;background:#fff}.cosmetic-grid header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.cosmetic-grid header span{font-size:22px}.cosmetic-grid h2{margin:0;font-size:17px}.cosmetic-items{display:grid}.cosmetic-items>div{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-top:1px solid #eef0f6}.cosmetic-preview{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef1fa;font-size:18px}.preview-midnight{background:#1d2653;color:#fff}.preview-candy{background:#ffd4ea}.preview-lime{background:#dcffc5}.cosmetic-items p{margin:0;display:grid;gap:3px}.cosmetic-items b{font-size:12px}.cosmetic-items small{font-size:10px;color:#8c95a9}.cosmetic-items em{font-size:10px;color:#28926d;font-style:normal;font-weight:900}.notification-list{display:grid;max-width:780px;gap:8px}.notification-list>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px 16px;border:1px solid #e5e9f4;border-radius:15px;background:#fff;color:inherit}.notification-list>a.unread{border-color:#b8c8ff;background:#f7f9ff}.notification-list>a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eef2ff;color:#3553ce;font-weight:900}.notification-list a div{display:grid;gap:4px}.notification-list b{font-size:13px}.notification-list small{color:#8c95a9;font-size:11px}.notification-list em{color:#e34f73;font-size:9px;font-style:normal;font-weight:900}.optional{color:#8f98ab;font-size:11px;font-weight:500}.upload-policy{margin-top:20px;padding:15px;border-radius:15px;background:#f0f3ff;display:grid;gap:5px;color:#51607c;font-size:12px}.upload-policy b{color:#2b4dd2;font-size:13px}
@media(max-width:900px){.singer-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.watch-layout,.profile-content{grid-template-columns:1fr}.watch-player{min-height:360px}.cosmetic-grid{grid-template-columns:1fr}.singer-hero{padding:30px;display:grid}.singer-hero h1{font-size:36px}.singer-hero-note{width:auto}.profile-side{grid-row:1}.profile-edit{display:none}.profile-hero .soft-button{display:none}}
@media(max-width:520px){.topbar-actions .profile-top-link .hello{display:none}.bell-link{width:32px;height:32px}.topbar-actions{gap:6px}.singer-grid,.compact-grid{grid-template-columns:1fr;gap:12px}.singer-media{min-height:260px}.singer-hero{margin:0 -2px;padding:27px 21px;border-radius:22px}.singer-hero h1{font-size:34px}.singer-tabs{margin-right:-16px;padding-right:16px}.my-video-list>article{grid-template-columns:86px 1fr;gap:10px}.my-video-cover{height:75px}.my-video-actions{grid-column:2}.rank-list>a{grid-template-columns:31px 34px 1fr auto;padding:11px}.watch-player{min-height:280px;border-radius:18px}.watch-info{padding:18px}.comments-section{padding-top:26px}.comment-form{grid-template-columns:1fr}.comment-list article.reply{margin-left:22px}.profile-hero{min-height:190px;padding:20px}.profile-hero-inner{gap:12px}.avatar-large{width:76px;height:76px;border-radius:25px;font-size:27px}.profile-hero h1{font-size:22px}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-stats article{padding:13px}.profile-content{padding-top:12px}.cosmetic-grid>article{padding:16px}.notification-list>a{padding:12px}.singer-upload-shell .form-intro{padding-bottom:4px}}
.status-pending{color:#b57a12;font-style:normal;font-size:11px;font-weight:850}.status-published{color:#198561;font-style:normal;font-size:11px;font-weight:850}.status-hidden{color:#d95f32;font-style:normal;font-size:11px;font-weight:850}.status-deleted{color:#7d859b;font-style:normal;font-size:11px;font-weight:850}

/* 0.4 media upload */
.upload-alternative{border:1px solid rgba(48,82,190,.17);border-radius:14px;padding:12px 14px;background:#f8faff}
.upload-alternative summary{cursor:pointer;font-weight:800;color:#305dd8}
.upload-alternative label{margin-top:12px}


/* 0.5 profile, follow, presence and auto-publish update */
.profile-hero h1{color:var(--nickname-color,#fff)}
.profile-hero-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.profile-social-stats>a{display:block;padding:15px 8px;text-align:center;border:1px solid #e7eaf4;border-radius:16px;background:#fff;transition:.18s transform,.18s box-shadow}
.profile-social-stats>a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(34,53,120,.10)}
.profile-social-stats>a b{display:block;color:#294cce;font-size:21px;letter-spacing:-1px}
.profile-social-stats>a span{color:#7d86a0;font-size:10px}
.profile-name-row{display:flex;align-items:center;gap:8px}
.presence-dot{display:inline-block;flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:#8993aa;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(13,24,60,.12)}
.presence-online{background:#32c87c}.presence-idle{background:#ffbe3d}.presence-dnd{background:#ef5c66}.presence-offline{background:#8e96ab}
.profile-person-avatar{position:relative;display:inline-flex}.profile-person-avatar>.presence-dot{position:absolute;right:-3px;bottom:-2px;width:11px;height:11px}
.profile-people-card{padding:20px;border:1px solid #e6e9f3;border-radius:18px;background:#fff}
.profile-people-list{display:grid}
.profile-person-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf0f6}
.profile-person-row:first-child{border-top:0}.profile-person-row b{display:block;color:var(--nickname-color,#1b2340);font-size:13px}.profile-person-row small{display:block;margin-top:4px;color:#8790a5;font-size:11px}.profile-person-row em{font-style:normal;color:#3d59d2;font-size:11px;font-weight:850}
.record-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.record-inline span{padding:9px 10px;border-radius:10px;background:#f0f3ff;color:#60709d;font-size:12px;font-weight:700}.record-inline b{color:#284cd7}
.profile-videos{padding:20px;border:1px solid #e6e9f3;border-radius:18px;background:#fff}.profile-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-video-card{min-height:165px;border-radius:15px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#3451be,#8b61e4);background-size:cover;background-position:center;color:#fff;overflow:hidden;transition:.18s transform}.profile-video-card:hover{transform:translateY(-2px)}.profile-video-card>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:11px}.profile-video-card div{display:grid;gap:4px}.profile-video-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-video-card small{font-size:10px;color:#ecf1ff}.profile-empty-video{min-height:130px;grid-column:1/-1;border:1px dashed #d8deef;border-radius:15px;display:grid;place-items:center;align-content:center;gap:6px;color:#77819b}.profile-empty-video>span{font-size:29px}.profile-empty-video b{font-size:13px}.profile-empty-video small{font-size:11px}
.profile-edit{display:block!important}.profile-edit .eyebrow{display:block;margin-bottom:5px}
.cosmetic-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmetic-grid-single{grid-template-columns:1fr}.profile-frame-preview{position:relative;overflow:visible}.profile-frame-preview.frame-cat_ears:before{content:"";position:absolute;width:28px;height:25px;top:-8px;left:5px;background:linear-gradient(135deg,#ffb9d7 0 48%,transparent 49%) left top/50% 100% no-repeat,linear-gradient(225deg,#ffb9d7 0 48%,transparent 49%) right top/50% 100% no-repeat;filter:drop-shadow(0 2px 0 #7d54c4)}.name-color-preview{background:var(--preview-color,#2458f5);color:#fff;font-weight:950}
.avatar.frame-cat_ears{position:relative;overflow:visible;border-color:#ffc5e0;box-shadow:0 0 0 3px rgba(255,194,224,.5),0 8px 18px rgba(132,60,112,.22)}.avatar.frame-cat_ears:before{content:"";position:absolute;z-index:3;left:8%;right:8%;top:-14%;height:40%;background:linear-gradient(135deg,#ffb8d8 0 47%,transparent 48%) left top/50% 100% no-repeat,linear-gradient(225deg,#ffb8d8 0 47%,transparent 48%) right top/50% 100% no-repeat;filter:drop-shadow(0 2px 0 #94558c);pointer-events:none}.avatar.frame-cat_ears img{border-radius:inherit}.avatar.frame-neon{border-color:#80ffe8;box-shadow:0 0 0 3px rgba(86,255,225,.4),0 0 18px rgba(72,221,255,.65),0 7px 18px rgba(40,80,160,.22)}.avatar.frame-crown{position:relative;overflow:visible;border-color:#ffd56a;box-shadow:0 0 0 3px rgba(255,213,106,.38),0 8px 18px rgba(152,100,0,.23)}.avatar.frame-crown:before{content:"♛";position:absolute;z-index:3;top:-30%;left:50%;transform:translateX(-50%);font-size:31px;color:#ffc934;text-shadow:0 2px 0 #a57000;line-height:1;pointer-events:none}.avatar.frame-ribbon{border-color:#ffb6ce;box-shadow:0 0 0 3px rgba(255,190,218,.5),0 8px 18px rgba(165,55,103,.2)}.avatar.frame-ribbon:before{content:"🎀";position:absolute;z-index:3;top:-26%;left:50%;transform:translateX(-50%);font-size:27px;line-height:1;pointer-events:none}
@media(max-width:900px){.profile-hero-actions{margin-left:auto}.profile-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cosmetic-grid-two{grid-template-columns:1fr}.profile-edit{display:block!important}}
@media(max-width:520px){.profile-hero{padding:21px 17px;min-height:210px;align-items:flex-end}.profile-hero-inner{align-items:flex-end;flex-wrap:wrap}.profile-identity{flex:1;min-width:135px}.profile-hero-actions{width:100%;margin-left:0}.profile-hero-actions .soft-button,.profile-hero-actions .primary-button{width:100%}.profile-hero h1{font-size:21px}.profile-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-video-card{min-height:135px}.profile-person-row{grid-template-columns:38px 1fr auto}.profile-social-stats{grid-template-columns:repeat(2,1fr)}}


/* Cloudflare Stream player */
.stream-player-frame{display:block;width:100%;height:100%;min-height:320px;border:0;border-radius:inherit;background:#090d20}
#stream-upload-status{min-height:24px;line-height:1.55}
@media(max-width:640px){.stream-player-frame{min-height:230px}}



/* 0.6 TIN SINGER final: desktop stage, ranking, comments and editor */
.video-status { display:none !important; }

.tinsinger-stage-hero{
  position:relative;overflow:hidden;min-height:300px;padding:46px 54px;border-radius:28px;
  display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;
  background:linear-gradient(110deg,#f7fbff 0%,#e5f2ff 58%,#b8e0ff 100%);
  border:1px solid #d7e7fb;box-shadow:0 18px 40px rgba(43,93,195,.13)
}
.tinsinger-stage-hero:before{content:"";position:absolute;inset:auto -15% -55% 34%;height:130%;border:2px solid rgba(71,126,245,.20);border-radius:50%;transform:rotate(-18deg)}
.tinsinger-stage-copy{position:relative;z-index:2}.tinsinger-stage-copy h1{margin:7px 0 13px;color:#173eab;font-size:47px;line-height:1.13;letter-spacing:-3px}.tinsinger-stage-copy h1 strong{color:#0f66f3}.tinsinger-stage-copy p{margin:0;color:#33456f;font-size:15px;line-height:1.7}.tinsinger-stage-copy .hero-actions{margin-top:22px}
.tinsinger-stage-visual{position:relative;z-index:1;min-height:232px;display:grid;place-items:center}.stage-mic{position:relative;z-index:2;font-size:132px;filter:drop-shadow(0 17px 16px rgba(28,83,210,.28));transform:rotate(16deg)}.music-note{position:absolute;color:#4684f5;font-weight:950;opacity:.72}.note-one{font-size:36px;top:19%;left:22%}.note-two{font-size:27px;top:10%;right:18%}.note-three{font-size:31px;right:8%;bottom:20%;color:#fff}.stage-wave{position:absolute;border:2px solid rgba(76,137,247,.26);border-left-color:transparent;border-bottom-color:transparent;border-radius:48% 52% 50% 50%;transform:rotate(-12deg)}.wave-one{width:270px;height:160px;bottom:8px;right:4px}.wave-two{width:310px;height:198px;bottom:-11px;right:-30px;opacity:.6}
.tinsinger-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.tinsinger-promo{min-height:116px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:15px;padding:22px 24px;border-radius:22px;color:#fff;overflow:hidden;position:relative;box-shadow:0 12px 28px rgba(27,51,146,.16)}.tinsinger-promo:before{content:"";position:absolute;right:-18px;bottom:-38px;width:160px;height:160px;border:1px solid rgba(255,255,255,.22);border-radius:50%}.promo-upload{background:linear-gradient(125deg,#0f87ff,#1953e7)}.promo-reward{background:linear-gradient(125deg,#202988,#493ebd)}.promo-icon{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:19px;background:rgba(255,255,255,.15);font-size:29px;font-weight:900}.tinsinger-promo div{position:relative;z-index:1;display:grid;gap:7px}.tinsinger-promo b{font-size:24px;letter-spacing:-1.3px}.tinsinger-promo small{color:rgba(255,255,255,.88);font-size:13px}.tinsinger-promo em{position:relative;z-index:1;font-style:normal;font-size:12px;font-weight:850;white-space:nowrap}
.singer-discovery-tabs{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);margin:24px 0 18px;padding:5px;border:1px solid #dfe5ef;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(30,44,100,.06);backdrop-filter:blur(12px)}.singer-discovery-tabs a{padding:14px 10px;border-radius:13px;text-align:center;color:#717b91;font-weight:850}.singer-discovery-tabs a.active{background:#fff;color:#1861e8;box-shadow:0 4px 10px rgba(34,73,176,.10);box-shadow:inset 0 -3px 0 #1e6df7}.singer-feed-section{margin-top:8px}.singer-feed-heading{margin-bottom:14px}.singer-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.singer-stage-grid .singer-card{border-radius:21px}.singer-stage-grid .singer-media{min-height:202px}.singer-card{overflow:hidden;border-color:#e0e7f1;box-shadow:0 10px 26px rgba(31,53,111,.07)}.singer-card:hover{transform:translateY(-4px);box-shadow:0 17px 34px rgba(38,66,154,.15)}.singer-media{position:relative}.singer-media:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(6,10,31,.55));pointer-events:none}.singer-media .play-pill{position:relative;z-index:1}.singer-card-body{padding:15px}.singer-card-body .card-user b{font-size:13px}.singer-title{margin-top:13px;font-size:16px}.singer-meta{padding-top:3px;gap:12px}.monthly-top-section{margin:34px 0 8px;padding:24px;border:1px solid #e2e7f3;border-radius:25px;background:linear-gradient(145deg,#fff,#f8faff)}.monthly-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.monthly-top-card{position:relative;min-height:176px;padding:13px;border-radius:18px;background:linear-gradient(135deg,#2f4cb2,#7c58dd);background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff;overflow:hidden}.monthly-top-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,43,.04),rgba(8,12,43,.77))}.monthly-top-card>*{position:relative;z-index:1}.monthly-top-card div{display:grid;gap:4px}.monthly-top-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthly-top-card small{font-size:10px;color:#e5ebff}.rank-ribbon{position:absolute;left:10px;top:10px;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.94);color:#325bd2;font-size:11px;font-weight:950}.place-1 .rank-ribbon{background:#ffd262;color:#865700}.place-2 .rank-ribbon{background:#dce0ea;color:#566077}.place-3 .rank-ribbon{background:#ffc085;color:#8b4e08}.monthly-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:rgba(255,255,255,.12);font-size:18px}.monthly-top-empty{padding:34px;border:1px dashed #d9e0ed;border-radius:18px;color:#74809a;text-align:center}
.rank-hero{display:flex;align-items:center;justify-content:space-between;padding:30px 34px;border-radius:25px;background:linear-gradient(125deg,#141c71,#4a50cc);color:#fff}.rank-hero h1{margin:5px 0;font-size:34px;letter-spacing:-1.8px}.rank-hero p{margin:0;color:#cdd9ff;font-size:13px}.rank-hero-cup{font-size:74px;filter:drop-shadow(0 12px 16px rgba(0,0,0,.25))}.rank-period-tabs{display:flex;gap:7px;margin:18px 0}.rank-period-tabs a{padding:10px 15px;border:1px solid #e0e5ef;border-radius:12px;background:#fff;color:#71809a;font-weight:850;font-size:13px}.rank-period-tabs a.active{border-color:#1d65ef;background:#1d65ef;color:#fff}.rank-list-rich>a{grid-template-columns:48px 84px minmax(0,1fr) auto;gap:12px}.rank-thumb{height:53px;border-radius:12px;background:linear-gradient(135deg,#3652ad,#8961db);background-size:cover;background-position:center}.rank-main{display:flex!important;align-items:center;gap:10px}.rank-main>span{display:grid;gap:4px}.rank-main b{font-size:14px}.rank-main small{font-size:11px}.rank-number{font-size:17px!important}.rank-list-rich em{min-width:64px}
.watch-edit-button{display:inline-flex;align-items:center;border-radius:10px;padding:9px 11px;background:#eef2ff;color:#3957c4;font-size:12px;font-weight:850}.watch-edit-button:hover{background:#e1e8ff}.edit-stage-actions{display:flex;justify-content:flex-end;gap:9px}.edit-stage-actions .primary-button,.edit-stage-actions .soft-button{width:auto}.reply-context{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;background:#eef3ff;color:#3e5cc6;font-size:12px;font-weight:800}.reply-context button{border:0;background:transparent;color:#62739d;font-size:11px;font-weight:850}.comment-empty{display:grid;gap:5px;padding:22px;border:1px dashed #dce3f0;border-radius:16px;text-align:center;color:#6e7990;font-size:12px}.comment-empty b{color:#32466e}.singer-comment{display:flex;gap:10px;padding:16px 3px;border-bottom:1px solid #eceff5}.singer-comment.reply{margin-left:42px;padding-left:12px;border-left:2px solid #dce5ff}.singer-comment-content{flex:1;min-width:0}.comment-head{display:flex;align-items:center;gap:7px}.comment-head b{font-size:13px;color:#202a45}.comment-head small{color:#9aa1b1;font-size:10px}.singer-comment-content p{margin:8px 0;color:#444e68;font-size:13px;line-height:1.6;word-break:break-word}.comment-actions{display:flex;align-items:center;gap:5px}.comment-actions form{margin:0}.comment-actions button,.comment-actions span{border:0;background:transparent;padding:3px 5px;color:#7a849a;font-size:11px;font-weight:800}.comment-actions form button.liked{color:#eb3e6a}.comment-actions .text-button{color:#61708e}.singer-comment .singer-comment{margin-top:10px}.comments-section{max-width:900px}.comment-form{align-items:end}.comment-form textarea{grid-column:1}.comment-form .primary-button{grid-column:2}.comment-form .reply-context{grid-column:1/-1}
@media(max-width:900px){.tinsinger-stage-hero{grid-template-columns:1fr;padding:34px}.tinsinger-stage-visual{position:absolute;right:2%;bottom:0;width:38%;opacity:.65}.tinsinger-stage-copy{max-width:680px}.singer-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tinsinger-promo b{font-size:20px}.monthly-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.tinsinger-stage-hero{min-height:280px;padding:28px 22px}.tinsinger-stage-copy h1{font-size:35px;letter-spacing:-2.3px}.tinsinger-stage-copy p{font-size:13px;max-width:72%}.tinsinger-stage-visual{right:-6%;width:46%;bottom:13px}.stage-mic{font-size:88px}.tinsinger-promo-grid{grid-template-columns:1fr;gap:10px}.tinsinger-promo{min-height:94px;padding:16px}.tinsinger-promo b{font-size:19px}.tinsinger-promo small{font-size:11px}.tinsinger-promo em{display:none}.singer-discovery-tabs{margin:18px 0 14px}.singer-discovery-tabs a{padding:11px 4px;font-size:12px}.singer-stage-grid{grid-template-columns:1fr}.monthly-top-section{margin:25px 0;padding:16px}.monthly-top-grid{grid-template-columns:1fr 1fr}.monthly-top-card{min-height:146px}.monthly-top-card:nth-child(3){grid-column:1/-1;min-height:160px}.rank-hero{padding:24px}.rank-hero h1{font-size:27px}.rank-hero-cup{font-size:52px}.rank-list-rich>a{grid-template-columns:34px 55px minmax(0,1fr);padding:10px}.rank-list-rich em{display:none}.rank-thumb{height:43px}.rank-main .avatar{display:none}.singer-comment.reply{margin-left:20px;padding-left:8px}.comment-form{grid-template-columns:1fr}.comment-form .primary-button{grid-column:1}.watch-actions{flex-wrap:wrap}}


/* 0.7.1 TinSinger polish: one active tab, safe play icon, and inline reactions */
.singer-discovery-tabs{position:relative!important;top:auto!important}
.singer-discovery-tabs a.active{background:#fff!important;color:#1861e8!important;box-shadow:inset 0 -3px 0 #1e6df7!important}
.singer-media{isolation:isolate;min-height:214px!important}
.singer-media .play-pill{
  position:absolute!important;z-index:3!important;left:50%!important;top:50%!important;bottom:auto!important;
  width:54px;height:54px;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;
  transform:translate(-50%,-50%)!important;border:2px solid rgba(255,255,255,.95)!important;border-radius:50%!important;
  background:rgba(11,18,50,.30)!important;color:#fff!important;font-size:19px!important;line-height:1!important;
  box-shadow:0 7px 20px rgba(0,0,0,.20)!important;backdrop-filter:blur(5px)
}
.singer-media:hover .play-pill{transform:translate(-50%,-50%) scale(1.08)!important;background:rgba(28,92,244,.72)!important}
.singer-media:after{z-index:1}.singer-card-body{position:relative;z-index:2;background:#fff}
.watch-actions button{transition:background .16s,color .16s,transform .16s}
.watch-actions button:active,.comment-actions button:active{transform:scale(.96)}
.watch-actions button.liked{background:#ffe8ee!important;color:#ed3d67!important}
.watch-actions button.liked .heart-icon{color:#ed3d67}
.comment-actions [data-comment-like-form] button{display:inline-flex;align-items:center;gap:3px}
.comment-actions [data-comment-like-form] button.liked{color:#ed3d67!important}
.comment-actions [data-comment-like-form] button.liked .heart-icon{color:#ed3d67}
.comment-actions [data-comment-like-count]{font:inherit;color:inherit}
.comment-list{min-height:1px}
.comment-list .comment-empty{margin:0 0 4px}
.singer-comment{animation:comment-in .22s ease both}
@keyframes comment-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.singer-upload-shell .form-intro p{max-width:470px}
@media(max-width:620px){
  .singer-media{min-height:230px!important}
  .singer-media .play-pill{width:50px;height:50px;font-size:17px!important}
}

/* 0.7.2: do not expose reply controls until a user actually presses 답글. */
.reply-context[hidden]{display:none!important}
.comment-list:empty::before{content:'아직 댓글이 없어요. 첫 응원을 남겨보세요.';display:block;padding:22px;border:1px dashed #dce3f0;border-radius:16px;text-align:center;color:#6e7990;font-size:12px}


/* 1.5 profile activity: TinSinger, TinStar, and liked content. */
.profile-activity-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 16px}.profile-activity-tabs a{padding:9px 12px;border:1px solid #dfe6f5;border-radius:11px;background:#fff;color:#61708e;font-size:12px;font-weight:850}.profile-activity-tabs a.active{border-color:#245cf4;background:#245cf4;color:#fff}.profile-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-content-section,.profile-liked-section{padding:20px;border:1px solid #e6e9f3;border-radius:18px;background:#fff}.profile-tincut-card{position:relative;min-height:165px;border-radius:15px;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;background:linear-gradient(135deg,#1b2d75,#6b4fce);background-size:cover;background-position:center}.profile-tincut-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,29,.04),rgba(7,10,29,.82))}.profile-tincut-card>*{position:relative;z-index:1}.profile-tincut-card>span{position:absolute;z-index:2;top:11px;left:11px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:11px}.profile-tincut-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-tincut-card small{font-size:10px;color:#edf1ff}.profile-liked-group+.profile-liked-group{margin-top:20px;padding-top:17px;border-top:1px solid #edf0f6}.profile-liked-group h3{margin:0 0 11px;font-size:14px}.profile-liked-empty{grid-column:1/-1;padding:18px;border:1px dashed #dce4f2;border-radius:13px;color:#74809b;font-size:12px;text-align:center}@media(max-width:760px){.profile-record-grid{grid-template-columns:1fr}.profile-tincut-card{min-height:142px}}



/* 2.0 TINTOK: TeenConnect messenger */
.tintok-shell{max-width:1180px;margin:0 auto}.tintok-hero{min-height:170px;padding:30px 34px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;color:#fff;background:linear-gradient(120deg,#15265f 0%,#2458e9 58%,#7658e9)}.tintok-hero:before{content:'';position:absolute;right:-80px;top:-140px;width:360px;height:360px;border:1px solid rgba(255,255,255,.27);border-radius:50%}.tintok-hero>div{position:relative;z-index:1}.tintok-hero .eyebrow{color:#bbceff}.tintok-hero h1{margin:5px 0 6px;font-size:40px;line-height:1;letter-spacing:-2px}.tintok-hero h1 span{color:#aeeaff}.tintok-hero p{margin:0;color:#dce7ff;font-size:14px}.tintok-hero-mark{display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(255,255,255,.28);border-radius:30px;background:rgba(255,255,255,.12);font-size:44px;transform:rotate(-8deg);box-shadow:0 18px 35px rgba(8,24,100,.24)}
.tintok-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0;padding:6px;border:1px solid #e1e7f4;border-radius:18px;background:#fff;box-shadow:0 10px 25px rgba(25,45,114,.05)}.tintok-tabs a{position:relative;display:flex;justify-content:center;align-items:center;gap:7px;padding:13px 8px;border-radius:13px;color:#6c7690;font-size:13px;font-weight:900}.tintok-tabs a>span{font-size:17px}.tintok-tabs a.active{background:#eef3ff;color:#2457dc;box-shadow:inset 0 -3px 0 #2a62ee}.tintok-tabs a b{position:absolute;top:6px;right:calc(50% - 36px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;display:grid;place-items:center;background:#ef4f70;color:#fff;font-size:9px}
.tintok-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.tintok-main-panel,.tintok-side-panel{min-width:0}.tintok-main-panel{padding:24px;border:1px solid #e3e8f3;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(28,44,95,.05)}.tintok-section-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:17px}.tintok-section-head h2,.tintok-shop-head h2{margin:4px 0 5px;font-size:27px;letter-spacing:-1.4px}.tintok-section-head p,.tintok-shop-head p{margin:0;color:#77829c;font-size:12px;line-height:1.55}.tintok-count{display:grid;place-items:center;min-width:59px;padding:8px 10px;border-radius:12px;background:#edf2ff;color:#3557bd;font-size:12px;font-weight:900}.tintok-side-panel{display:grid;gap:12px}.tintok-side-tip{display:grid;gap:8px;padding:21px;border:1px solid #e2e8f6;border-radius:21px;background:linear-gradient(135deg,#f7f9ff,#edf2ff)}.tintok-side-tip>span{font-size:29px}.tintok-side-tip b{font-size:14px}.tintok-side-tip p{margin:0;color:#63708c;font-size:12px;line-height:1.6}
.tintok-search{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:5px 5px 5px 12px;border:1px solid #dce4f2;border-radius:13px;background:#fbfcff}.tintok-search>span{font-size:19px;color:#7080a1}.tintok-search input{flex:1;min-width:0;margin:0;padding:9px 0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;font-size:13px}.tintok-search button{border:0;border-radius:9px;padding:9px 12px;background:#2456e5;color:#fff;font-size:12px;font-weight:900}
.tintok-request-box{margin:0 0 17px;padding:15px;border:1px solid #dbe4ff;border-radius:16px;background:#f7f9ff}.tintok-request-box>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.tintok-request-box>header b{font-size:13px}.tintok-request-box>header small{color:#7280a1;font-size:11px}.tintok-request-row{display:flex;align-items:center;gap:8px;border-top:1px solid #e5ebfb}.tintok-request-row .tintok-person-row{flex:1}.tintok-link-danger{border:0;background:transparent;color:#e05a70;font-size:11px;font-weight:900}
.tintok-list-section{margin-top:19px}.tintok-list-section h3,.tintok-pending-section h3{margin:0 0 7px;font-size:14px}.tintok-list-section h3 small,.tintok-pending-section h3 small{color:#7181a4;font-size:11px}.tintok-following-section{margin-top:27px;padding-top:19px;border-top:1px solid #edf0f6}.tintok-following-section header{display:flex;align-items:end;justify-content:space-between;gap:15px}.tintok-following-section p{margin:0 0 7px;color:#8a94aa;font-size:10px}.tintok-person-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid #edf0f6}.tintok-person-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.tintok-person-copy{display:grid;gap:3px;min-width:0}.tintok-person-copy b{overflow:hidden;color:var(--nickname-color,#1a2541);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.tintok-person-copy small{overflow:hidden;color:#8993a8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tintok-person-actions{flex:0 0 auto;display:flex;align-items:center}.tintok-mini-button{border:1px solid #dce5f5;border-radius:9px;padding:7px 9px;background:#fff;color:#53627f;font-size:11px;font-weight:900}.tintok-mini-button.accent{border-color:#dbe4ff;background:#eef3ff;color:#2857db}.tintok-state{color:#8390a9;font-size:10px;font-weight:800}.tintok-empty-line{padding:19px 10px;border:1px dashed #dbe2ef;border-radius:13px;color:#7c879e;font-size:12px;text-align:center}.tintok-pending-section{margin-top:20px;padding:16px;border-radius:16px;background:#fbfcff}.tintok-pending-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf0f6}.tintok-pending-row:first-of-type{border-top:0}.tintok-pending-row>span{display:grid;gap:3px;flex:1}.tintok-pending-row b{font-size:12px}.tintok-pending-row small{color:#8b94a8;font-size:10px}.tintok-pending-row em{color:#6677a4;font-size:10px;font-style:normal;font-weight:900}
.tintok-profile-card{position:relative;overflow:hidden;border:1px solid #e2e8f5;border-radius:21px;background:#fff}.tintok-close-profile{position:absolute;z-index:2;top:10px;right:11px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(8,16,44,.18);color:#fff;font-size:18px}.tintok-profile-cover{height:82px;background:linear-gradient(120deg,#2a64ed,#8c63e9)}.tintok-profile-body{position:relative;padding:0 19px 19px}.tintok-profile-body>.avatar{transform:translateY(-28px);margin-bottom:-22px}.tintok-profile-body>.presence-dot{position:absolute;top:38px;left:88px}.tintok-profile-body h3{margin:10px 0 3px;color:var(--nickname-color,#1a2541);font-size:19px}.tintok-profile-body>small{color:#77829b;font-size:11px}.tintok-profile-body p{min-height:38px;margin:13px 0 15px;color:#5d6881;font-size:12px;line-height:1.55}.tintok-state-large{display:block;padding:11px;border-radius:11px;background:#f1f4fb;color:#63708d;font-size:12px;text-align:center}
.tintok-chat-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:690px;border:1px solid #dfe6f3;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 14px 34px rgba(24,43,100,.08)}.tintok-chat-list{display:flex;min-width:0;flex-direction:column;border-right:1px solid #e5eaf3;background:#fbfcff}.tintok-chat-list>header{display:flex;justify-content:space-between;align-items:center;padding:20px 18px 13px}.tintok-chat-list h2{margin:3px 0 0;font-size:23px;letter-spacing:-1.2px}.tintok-plus{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e9efff;color:#2858dc;font-size:21px;font-weight:500}.tintok-room-scroll{overflow:auto;max-height:620px;padding:0 8px 12px}.tintok-room-row{position:relative;display:grid;grid-template-columns:47px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 10px;border-radius:13px}.tintok-room-row:hover,.tintok-room-row.active{background:#edf2ff}.tintok-room-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:#e9efff;color:#2c58d4}.tintok-room-avatar i{font-size:21px;font-style:normal}.tintok-room-row>span:nth-child(2){display:grid;gap:4px;min-width:0}.tintok-room-row b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.tintok-room-row small{overflow:hidden;color:#818ba2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tintok-room-row em{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ef5170;color:#fff;font-size:9px;font-style:normal;font-weight:900}
.tintok-chat-window{position:relative;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:690px;background:linear-gradient(180deg,#f7f9fe 0%,#eef3fb 100%)}.tintok-chat-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 22px;border-bottom:1px solid rgba(215,223,240,.72);background:rgba(255,255,255,.7);backdrop-filter:blur(12px)}.tintok-chat-head>div:first-child{min-width:0}.tintok-chat-head h2{margin:3px 0 2px;font-size:17px;letter-spacing:-.7px}.tintok-chat-head small,.tintok-room-type{color:#7e899f;font-size:10px;font-weight:750}.tintok-room-type{color:#3861ce}.tintok-chat-info{width:34px;height:34px;border:1px solid #e0e6f1;border-radius:10px;background:#fff;color:#61708d;font-size:16px}.tintok-messages{min-height:0;overflow:auto;padding:21px 22px;scroll-behavior:smooth}.tintok-message{display:flex;align-items:flex-end;gap:7px;max-width:80%;margin:0 0 13px}.tintok-message.mine{margin-left:auto;flex-direction:row-reverse}.tintok-message-avatar{align-self:flex-start}.tintok-message-stack{display:grid;gap:4px;min-width:0}.tintok-message.mine .tintok-message-stack{justify-items:end}.tintok-message-author{font-size:10px;color:#68738c}.tintok-bubble{max-width:100%;padding:10px 12px;border-radius:15px 15px 15px 4px;background:#fff;color:#27314c;box-shadow:0 4px 12px rgba(30,45,94,.08);font-size:13px;line-height:1.48;overflow:hidden}.tintok-message.mine .tintok-bubble{border-radius:15px 15px 4px 15px;background:#2b5ce5;color:#fff;box-shadow:0 5px 15px rgba(34,78,204,.18)}.tintok-bubble p{margin:0;word-break:break-word}.tintok-bubble img:not(.tintok-emoticon-message),.tintok-bubble video{display:block;max-width:min(300px,100%);max-height:370px;border-radius:10px;background:#11182f}.tintok-message-meta{display:flex;align-items:center;gap:5px;color:#8d97aa;font-size:9px}.tintok-message.mine .tintok-message-meta{justify-content:flex-end}.tintok-message.mine .tintok-message-meta span{color:#5571cd;font-weight:900}.tintok-system-message{justify-self:center;width:max-content;max-width:90%;margin:8px auto 14px;padding:6px 10px;border-radius:999px;background:rgba(120,137,180,.14);color:#6f7b99;font-size:10px}.tintok-emoticon-message{width:105px!important;height:105px!important;object-fit:contain;background:transparent!important}.tintok-emoticon-text{font-size:46px;line-height:1}.tintok-shared-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;min-width:220px;color:inherit}.tintok-share-thumb{display:grid;place-items:center;height:61px;border-radius:10px;background:#1c2d66 center/cover;color:#fff}.tintok-share-thumb i{display:grid;place-items:center;width:23px;height:23px;border:1px solid #fff;border-radius:50%;font-size:10px;font-style:normal}.tintok-shared-card>span:last-child{display:grid;align-content:center;gap:3px;min-width:0}.tintok-shared-card small{font-size:9px;color:#aebfe9;font-weight:900}.tintok-shared-card b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tintok-shared-card em{overflow:hidden;color:#d9e2fb;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.tintok-message:not(.mine) .tintok-shared-card small{color:#4166bd}.tintok-message:not(.mine) .tintok-shared-card em{color:#7e89a0}.tintok-gift-card{display:flex;align-items:center;gap:9px;min-width:190px}.tintok-gift-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#ffe9bd center/cover;font-size:24px}.tintok-gift-card>span:last-child{display:grid;gap:3px}.tintok-gift-card small{font-size:9px;color:#dce7ff}.tintok-message:not(.mine) .tintok-gift-card small{color:#8b6e27}.tintok-gift-card b{font-size:12px}.tintok-gift-card em{font-size:10px;font-style:normal;opacity:.82}.tintok-attachment-link{display:block;margin-top:6px;color:inherit;font-size:10px;text-decoration:underline}
.tintok-composer{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:end;padding:12px 15px;border-top:1px solid rgba(215,223,240,.85);background:#fff}.tintok-picker-row{display:flex;gap:3px}.tintok-picker-row>button,.tintok-file-button{display:grid;place-items:center;width:29px;height:32px;border:0;border-radius:8px;background:#f0f3fa;color:#61708c;font-size:15px}.tintok-file-button input{display:none}.tintok-composer textarea{min-height:38px;max-height:110px;margin:0;padding:9px 10px;border:1px solid #dce3ef;border-radius:11px;background:#fbfcff;resize:none;font-size:13px;line-height:1.4}.tintok-send-button{height:38px;border:0;border-radius:10px;padding:0 12px;background:#285be5;color:#fff;font-size:12px;font-weight:900}.tintok-picker-panel{position:absolute;z-index:12;left:15px;bottom:64px;width:min(360px,calc(100% - 30px));padding:12px;border:1px solid #dce5f5;border-radius:15px;background:#fff;box-shadow:0 16px 38px rgba(27,43,98,.17)}.tintok-picker-panel[hidden]{display:none!important}.tintok-picker-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tintok-picker-panel header b{font-size:12px}.tintok-picker-panel header a{color:#2d5cdc;font-size:10px;font-weight:900}.tintok-emoticon-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.tintok-emoticon-grid button{display:grid;place-items:center;min-height:34px;border:0;border-radius:9px;background:#f4f6fb;font-size:19px}.tintok-emoticon-grid img{width:28px;height:28px;object-fit:contain}.tintok-share-picker,.tintok-gift-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tintok-share-picker button,.tintok-gift-picker button{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:7px;padding:6px;border:0;border-radius:10px;background:#f4f6fb;text-align:left}.tintok-share-picker button>span,.tintok-gift-picker button>span{display:grid;place-items:center;width:35px;height:39px;border-radius:8px;background:#203466 center/cover;color:#fff;font-size:12px}.tintok-share-picker b,.tintok-gift-picker b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tintok-gift-picker small{grid-column:2;color:#6f7c99;font-size:9px}.tintok-room-info-panel{position:absolute;z-index:10;top:0;right:0;bottom:0;width:min(320px,100%);padding:19px;overflow:auto;border-left:1px solid #e4e9f3;background:#fff;box-shadow:-16px 0 35px rgba(20,36,88,.13)}.tintok-room-info-panel[hidden]{display:none}.tintok-room-info-panel>header{display:flex;justify-content:space-between;align-items:center}.tintok-room-info-panel header b{font-size:15px}.tintok-room-info-panel header button{border:0;background:#eff3fb;width:28px;height:28px;border-radius:8px;font-size:18px}.tintok-room-info-panel>p{margin:15px 0;padding:11px;border-radius:11px;background:#f5f7fc;color:#69748e;font-size:12px;line-height:1.5}.tintok-room-info-panel h3{margin:17px 0 7px;font-size:12px}.tintok-member-mini-list{display:grid;margin-bottom:13px}.tintok-member-mini-list>a{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f6}.tintok-member-mini-list span{font-size:12px}.tintok-member-mini-list em{color:#4361c8;font-size:9px;font-style:normal;font-weight:900}.tintok-leave-room{width:100%;margin-top:13px;border:0;border-radius:10px;padding:10px;background:#fff1f2;color:#d95062;font-size:11px;font-weight:900}.tintok-chat-empty{display:grid;place-items:center;align-content:center;gap:10px;min-height:100%;padding:35px;text-align:center}.tintok-chat-empty>span{font-size:50px}.tintok-chat-empty h2{margin:0;font-size:20px}.tintok-chat-empty p{max-width:330px;margin:0 0 8px;color:#78839d;font-size:12px;line-height:1.55}
.tintok-create-card{margin:0 0 19px;padding:20px;border:1px solid #dce5f5;border-radius:17px;background:#f9fbff}.tintok-create-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tintok-create-card h3{margin:0;font-size:16px}.tintok-create-card header a{color:#64718d;font-size:11px;font-weight:800}.tintok-create-card label{font-size:12px}.tintok-create-card input,.tintok-create-card textarea,.tintok-create-card select{margin-top:5px;font-size:12px}.tintok-create-card fieldset{margin:16px 0;border:0;padding:0}.tintok-create-card legend{margin-bottom:8px;font-size:12px;font-weight:900}.tintok-create-card legend small{color:#8791a8;font-size:10px;font-weight:600}.tintok-friend-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:190px;overflow:auto;padding:3px}.tintok-friend-check{display:flex;align-items:center;gap:7px;margin:0!important;padding:7px;border:1px solid #e2e8f2;border-radius:10px;background:#fff;font-size:11px!important}.tintok-friend-check input{width:auto;margin:0}.tintok-room-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tintok-room-card,.tintok-open-card{color:inherit;text-decoration:none}.tintok-room-card{position:relative;display:flex;align-items:center;gap:11px;min-height:105px;padding:16px;border:1px solid #e0e6f2;border-radius:17px;background:#fff;transition:transform .16s,box-shadow .16s}.tintok-room-card:hover,.tintok-open-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(27,47,106,.1)}.tintok-room-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e9efff;font-size:20px}.tintok-room-card>div{display:grid;gap:5px;min-width:0}.tintok-room-card b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.tintok-room-card small{display:-webkit-box;overflow:hidden;color:#7a859e;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tintok-room-card em{position:absolute;right:12px;top:11px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#ed5170;color:#fff;font-size:9px;font-style:normal;font-weight:900}.tintok-room-empty{grid-column:1/-1;display:grid;justify-items:center;gap:7px;padding:38px 16px;border:1px dashed #dbe2f0;border-radius:16px;color:#7b86a0;text-align:center}.tintok-room-empty>b{color:#41516f;font-size:13px}.tintok-room-empty>span{font-size:11px}
.tintok-open-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tintok-open-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid #e0e6f2;border-radius:17px;background:#fff}.tintok-open-cover{position:relative;display:grid;place-items:center;height:91px;border-radius:12px;background:linear-gradient(135deg,#285ee8,#7b5dea) center/cover;color:#fff;font-size:27px;overflow:hidden}.tintok-open-cover small{position:absolute;left:5px;right:5px;bottom:5px;padding:3px;border-radius:5px;background:rgba(8,15,41,.43);font-size:8px;text-align:center}.tintok-open-card>div:nth-child(2){display:grid;gap:4px;min-width:0}.tintok-open-card b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.tintok-open-card p{display:-webkit-box;overflow:hidden;height:31px;margin:0;color:#77839d;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tintok-open-card small{color:#97a0b4;font-size:9px}.tintok-open-card form,.tintok-open-card>a{grid-column:1/-1}.tintok-open-card .primary-button,.tintok-open-card .soft-button{width:100%;padding:8px;font-size:11px}
.tintok-shop-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:4px 0 18px}.tintok-wallet{padding:11px 13px;border-radius:13px;background:#1c3e9c;color:#cad9ff;font-size:11px;font-weight:800}.tintok-wallet b{margin-left:4px;color:#fff;font-size:15px}.tintok-shop-section{margin-top:22px;padding:22px;border:1px solid #e1e7f3;border-radius:22px;background:#fff}.tintok-shop-section>header{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:13px}.tintok-shop-section h3{margin:0;font-size:17px}.tintok-shop-section header span{color:#8a94aa;font-size:10px}.tintok-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.tintok-product-card{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid #e5eaf4;border-radius:15px;background:#fbfcff}.tintok-product-cover{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#fee6b4 center/cover;font-size:22px;overflow:hidden}.tintok-product-cover.emoji{background:#edf2ff;color:#315ce0}.tintok-product-cover img{width:100%;height:100%;object-fit:cover}.tintok-product-card>div{display:grid;gap:3px;min-width:0}.tintok-product-card b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tintok-product-card p{display:-webkit-box;overflow:hidden;margin:0;color:#7b879e;font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tintok-product-card small{color:#4d66ba;font-size:9px;font-weight:800}.tintok-product-card>em{grid-column:1/-1;border-radius:8px;padding:6px;background:#e9f8f1;color:#298866;font-size:10px;font-style:normal;text-align:center;font-weight:900}.tintok-product-card form{grid-column:1/-1}.tintok-product-card form .primary-button{width:100%;padding:7px;font-size:10px}

@media(max-width:900px){.tintok-shell{max-width:none}.tintok-hero{min-height:132px;padding:23px 22px;border-radius:21px}.tintok-hero h1{font-size:34px}.tintok-hero p{font-size:12px}.tintok-hero-mark{width:66px;height:66px;border-radius:22px;font-size:31px}.tintok-layout{grid-template-columns:1fr}.tintok-side-panel{display:none}.tintok-tabs{position:sticky;top:66px;z-index:18;margin:12px 0;border-radius:15px}.tintok-tabs a{padding:10px 4px;font-size:11px}.tintok-tabs a>span{font-size:15px}.tintok-tabs a b{right:7px}.tintok-main-panel{padding:17px;border-radius:18px}.tintok-section-head h2,.tintok-shop-head h2{font-size:23px}.tintok-chat-layout{grid-template-columns:1fr;min-height:calc(100dvh - 170px);border-radius:18px}.tintok-chat-list{display:none}.tintok-chat-window{min-height:calc(100dvh - 170px)}.tintok-messages{padding:16px}.tintok-message{max-width:88%}.tintok-room-card-grid,.tintok-open-grid{grid-template-columns:1fr}.tintok-product-grid{grid-template-columns:1fr 1fr}.tintok-shop-section{padding:16px;border-radius:18px}.tintok-shop-head{margin-top:3px}.tintok-friend-check-grid{grid-template-columns:1fr}.tintok-open-card{grid-template-columns:76px minmax(0,1fr) auto}.tintok-open-card form,.tintok-open-card>a{grid-column:auto}.tintok-open-card .primary-button,.tintok-open-card .soft-button{width:auto}.tintok-picker-panel{bottom:60px}.tintok-room-info-panel{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;max-height:70dvh;border-radius:22px 22px 0 0;border-left:0;box-shadow:0 -12px 36px rgba(20,36,88,.2)}}
@media(max-width:560px){.tintok-hero{margin:0 -2px}.tintok-hero-mark{display:none}.tintok-tabs{grid-template-columns:repeat(5,1fr);gap:2px;padding:4px}.tintok-tabs a{gap:2px;flex-direction:column;font-size:9px}.tintok-tabs a b{top:3px;right:6px;transform:scale(.85)}.tintok-section-head{align-items:center}.tintok-section-head p{display:none}.tintok-section-head .primary-button{padding:9px 10px;font-size:11px}.tintok-search{margin-bottom:13px}.tintok-request-box>header small{display:none}.tintok-person-row{gap:8px}.tintok-person-copy b{font-size:12px}.tintok-person-copy small{font-size:10px}.tintok-mini-button{padding:6px 7px;font-size:10px}.tintok-product-grid{grid-template-columns:1fr}.tintok-shop-section>header{display:grid;gap:3px}.tintok-shop-head{align-items:start;display:grid}.tintok-wallet{justify-self:start}.tintok-product-card{grid-template-columns:48px minmax(0,1fr) auto}.tintok-product-card>em,.tintok-product-card form{grid-column:1/-1}.tintok-open-card{grid-template-columns:67px minmax(0,1fr)}.tintok-open-cover{height:83px}.tintok-open-card form,.tintok-open-card>a{grid-column:1/-1}.tintok-open-card .primary-button,.tintok-open-card .soft-button{width:100%}.tintok-message{max-width:93%}.tintok-bubble{font-size:12px}.tintok-composer{grid-template-columns:auto minmax(0,1fr) auto;padding:9px}.tintok-picker-row{gap:1px}.tintok-picker-row>button,.tintok-file-button{width:25px;height:31px;font-size:13px}.tintok-send-button{padding:0 9px;font-size:10px}.tintok-composer textarea{font-size:12px}.tintok-emoticon-grid{grid-template-columns:repeat(7,1fr)}.tintok-share-picker,.tintok-gift-picker{grid-template-columns:1fr}.tintok-picker-panel{left:8px;width:calc(100% - 16px)}}

/* TinTok / TeenShopping admin round 3 */
.admin-tintok-emoticon-list{display:grid;gap:6px;min-width:620px}.admin-tintok-emoticon-row{display:grid;grid-template-columns:46px minmax(100px,1fr) 60px 58px 70px 130px auto auto;gap:6px;align-items:center;padding:7px;border:1px solid #edf0f6;border-radius:10px;background:#fbfcff}.admin-tintok-emoticon-row.add{grid-template-columns:70px minmax(100px,1fr) 60px 58px 130px auto;background:#f3f6ff}.admin-tintok-emoticon-row>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#fff;font-size:20px;overflow:hidden}.admin-tintok-emoticon-row>span img{max-width:100%;max-height:100%;object-fit:contain}.admin-tintok-emoticon-row input{margin:0;padding:7px;font-size:11px}.admin-tintok-emoticon-row .check-row{margin:0;font-size:10px}.admin-shopping-edit{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:7px;min-width:540px}.admin-shopping-edit label{margin:0;font-size:10px}.admin-shopping-edit input,.admin-shopping-edit textarea{margin-top:4px;padding:7px;font-size:11px}.admin-shopping-edit .check-row{align-self:end}.admin-shopping-edit .text-button{align-self:end}.admin-shop-thumb{display:block;width:62px;height:62px;margin-top:8px;border-radius:10px;object-fit:cover;background:#edf1fb}@media(max-width:800px){.admin-tintok-emoticon-row{grid-template-columns:40px 1fr 70px 1fr;min-width:470px}.admin-tintok-emoticon-row.add{grid-template-columns:60px 1fr 1fr;min-width:380px}.admin-shopping-edit{grid-template-columns:1fr 1fr;min-width:420px}}


/* TinSinger + TinDancing unified comment threads */
.singer-comment,
.dancing-comment{display:flex;gap:10px;padding:16px 3px;border-bottom:1px solid #eceff5}
.singer-comment[hidden],
.dancing-comment[hidden]{display:none!important}
.singer-comment.reply,
.dancing-comment.reply{margin-left:42px;padding-left:12px;border-left:2px solid #dce5ff}
.singer-comment-content{flex:1;min-width:0}
.singer-comment-profile,
.dancing-comment-profile{display:inline-flex;align-self:flex-start;flex:0 0 auto;text-decoration:none;border-radius:12px;outline:0}
.singer-comment-profile:focus-visible,
.dancing-comment-profile:focus-visible{box-shadow:0 0 0 3px rgba(46,96,235,.20)}
.singer-comment-author,
.dancing-comment-author{color:#202a45;text-decoration:none;font-size:13px;font-weight:800}
.singer-comment-author:hover,
.singer-comment-author:focus-visible,
.dancing-comment-author:hover,
.dancing-comment-author:focus-visible{color:#304ed2;text-decoration:underline;text-underline-offset:3px;outline:0}
.comment-head{display:flex;align-items:center;gap:7px}
.comment-head small{color:#9aa1b1;font-size:10px}
.singer-comment-content p{margin:8px 0;color:#444e68;font-size:13px;line-height:1.6;word-break:break-word}
.comment-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.comment-actions form{margin:0}
.comment-actions button,
.comment-actions span{border:0;background:transparent;padding:3px 5px;color:#7a849a;font-size:11px;font-weight:800}
.comment-actions form button.liked{color:#eb3e6a}
.comment-actions .text-button{color:#61708e}
.comment-actions .danger,
.comment-actions .comment-delete-button{color:#ef3e61!important}
.comment-actions .singer-replies-toggle,
.comment-actions .dancing-replies-toggle{color:#7a2fcb!important}
.comment-delete-form{display:inline-flex}
@media(max-width:620px){
  .singer-comment.reply,
  .dancing-comment.reply{margin-left:30px;padding-left:10px}
  .singer-comment-author,
  .dancing-comment-author{font-size:12px}
}

/* TinSinger + TinDancing comment action color contract. */
:root{
  --tc-comment-muted:#7a849a;
  --tc-comment-action:#61708e;
  --tc-comment-like:#ed3d67;
  --tc-comment-delete:#ef3e61;
  --tc-comment-replies:#7a2fcb;
}
.comments-section .comment-actions [data-comment-like-form] button,
.comments-section .comment-actions [data-dancing-comment-like-form] button{
  color:var(--tc-comment-muted)!important;
}
.comments-section .comment-actions [data-comment-like-form] button.liked,
.comments-section .comment-actions [data-dancing-comment-like-form] button.liked,
.comments-section .comment-actions [data-comment-like-form] button.liked .heart-icon,
.comments-section .comment-actions [data-dancing-comment-like-form] button.liked .heart-icon{
  color:var(--tc-comment-like)!important;
}
.comments-section .comment-actions > .text-button:not(.danger):not(.singer-replies-toggle):not(.dancing-replies-toggle){
  color:var(--tc-comment-action)!important;
}
.comments-section .comment-actions .danger,
.comments-section .comment-actions .comment-delete-button{
  color:var(--tc-comment-delete)!important;
}
.comments-section .comment-actions .singer-replies-toggle,
.comments-section .comment-actions .dancing-replies-toggle{
  color:var(--tc-comment-replies)!important;
}

/* TinSinger/TinDancing reply details: keep the shared interaction colours and reply mention readable. */
.comment-mention{
  display:inline;
  color:#7a2fcb;
  font-weight:850;
}
.comment-actions .reply-toggle-button.singer-replies-toggle,
.comment-actions .singer-replies-toggle{
  color:var(--tc-comment-replies,#7a2fcb)!important;
}



.profile-school-line{margin:.25rem 0 0;color:rgba(255,255,255,.88);font-weight:800;font-size:.95rem}
.profile-school-settings{display:grid;grid-template-columns:1fr 180px;gap:10px}
.admin-mobile-nav-list{display:grid;gap:10px}.admin-mobile-nav-row{display:grid;grid-template-columns:70px 1fr 1.8fr auto;gap:10px;align-items:end;padding:12px;border:1px solid #edf0f6;border-radius:16px;background:#fbfcff}.admin-mobile-nav-row label{margin:0}.admin-mobile-nav-row .check-row{align-self:center;white-space:nowrap}.admin-form .form-help{color:#75819b;font-size:.9rem}
@media(max-width:720px){.profile-school-settings{grid-template-columns:1fr}.admin-mobile-nav-row{grid-template-columns:1fr}.profile-school-line{font-size:.88rem}}


/* 2026-06-23: mobile tab image icons + registration approval admin UI */
.mobile-nav .mobile-nav-icon{display:grid;place-items:center;width:24px;height:24px;font-size:20px;line-height:1;overflow:hidden}
.mobile-nav .mobile-nav-icon img{display:block;width:23px;height:23px;border-radius:7px;object-fit:cover;box-shadow:0 2px 7px rgba(24,42,104,.16)}
.status-pending{color:#b77812;font-style:normal;font-size:11px;font-weight:850}.status-approved{color:#198561;font-style:normal;font-size:11px;font-weight:850}.status-rejected{color:#c04d59;font-style:normal;font-size:11px;font-weight:850}
.member-student-proof{display:grid;gap:8px;margin:14px 0;padding:12px;border:1px solid #dfe7f7;border-radius:14px;background:#f8faff}.member-student-proof>b{font-size:12px;color:#34456f}.member-student-proof a{display:grid;grid-template-columns:66px 1fr;align-items:center;gap:10px;color:#315bdc;font-size:12px;font-weight:800}.member-student-proof img{display:block;width:66px;height:54px;border-radius:9px;object-fit:cover;background:#e7ecf7}
.admin-mobile-nav-panel{max-width:1040px}.admin-mobile-nav-row{grid-template-columns:minmax(88px,.65fr) minmax(140px,1fr) minmax(110px,.8fr) minmax(170px,1.35fr) auto;align-items:end}.admin-mobile-nav-row label{min-width:0}.admin-mobile-nav-row input[type=file]{padding:6px;font-size:11px}.admin-mobile-nav-thumb{display:block;width:34px;height:34px;margin-top:7px;border-radius:9px;overflow:hidden;background:#edf1fb}.admin-mobile-nav-thumb img{display:block;width:100%;height:100%;object-fit:cover}.admin-mobile-nav-remove{align-self:end!important}
@media(max-width:800px){.admin-mobile-nav-row{grid-template-columns:1fr 1fr}.admin-mobile-nav-row>label.check-row{grid-column:auto}.admin-mobile-nav-remove{grid-column:auto!important}}
@media(max-width:520px){.mobile-nav .mobile-nav-icon{width:22px;height:22px;font-size:19px}.mobile-nav .mobile-nav-icon img{width:21px;height:21px;border-radius:6px}.admin-mobile-nav-row{grid-template-columns:1fr}.admin-mobile-nav-row>label.check-row{grid-column:auto}}

/* 2026-06-23 DESKTOP CANVAS FIX
   TinStar owns its cinema layout. Every other desktop section now receives the full intended 1360px content canvas. */
@media(min-width:761px){
  body:not(.page-tinstar) .main-content{
    width:100%;
    max-width:none;
    margin:0;
    padding-left:max(24px,calc((100vw - 1360px)/2));
    padding-right:max(24px,calc((100vw - 1360px)/2));
  }
}


/* 2026-06-25: visible mobile auth actions + persistent-login control */
.auth-remember{display:flex!important;align-items:center;gap:10px;margin:2px 0 4px!important;padding:10px 11px;border:1px solid #dfe6f6;border-radius:12px;background:#f8faff;cursor:pointer}.auth-remember input{width:18px!important;height:18px!important;margin:0!important;accent-color:#2155f5;flex:0 0 auto}.auth-remember span{display:grid;gap:2px;color:#2d3857;font-size:13px;font-weight:800}.auth-remember small{color:#7a86a0;font-size:11px;font-weight:650}
@media(max-width:800px){.topbar-actions{gap:5px}.topbar-actions .ghost-button{display:inline-flex;padding:8px 10px;border:1px solid #d9e2f3;border-radius:10px;background:#fff;color:#38527e;font-size:12px}.topbar-actions .top-join{padding:8px 10px;border-radius:10px;font-size:12px;box-shadow:none}}
@media(max-width:390px){.topbar{padding:0 12px}.topbar-actions{gap:4px}.topbar-actions .ghost-button,.topbar-actions .top-join{padding:7px 8px;font-size:11px}.brand-text{font-size:15px}.brand-mark{width:28px;height:28px;border-radius:10px}}


/* Mobile lower navigation: five quick tabs plus a real service drawer. */
.mobile-more-sheet{display:none}
@media(max-width:800px){
  .mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .mobile-nav-more-button{display:grid;justify-items:center;gap:3px;min-width:0;padding:3px 0;border:0;border-radius:9px;background:transparent;color:#8991a9;font-size:10px;font-weight:800;line-height:1;appearance:none;-webkit-appearance:none}
  .mobile-nav-more-button .mobile-nav-icon{display:grid;place-items:center;width:24px;height:24px;font-size:20px;line-height:1;overflow:hidden}
  .mobile-nav-more-button.active{color:var(--blue)}
  .mobile-more-sheet{position:fixed;z-index:90;inset:0;display:block}
  .mobile-more-sheet[hidden]{display:none!important}
  .mobile-more-backdrop{position:absolute;inset:0;border:0;background:rgba(8,14,35,.42);backdrop-filter:blur(3px)}
  .mobile-more-panel{position:absolute;right:0;bottom:0;left:0;padding:18px 16px calc(86px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#fff;box-shadow:0 -18px 50px rgba(16,25,70,.22);animation:tcMobileMoreUp .2s ease-out}
  .mobile-more-panel>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}
  .mobile-more-panel>header span{display:block;color:#5572ce;font-size:10px;font-weight:900;letter-spacing:1px}
  .mobile-more-panel>header h2{margin:3px 0 0;color:#182448;font-size:21px;letter-spacing:-1px}
  .mobile-more-panel>header button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:11px;background:#eef2fb;color:#53627f;font-size:23px;line-height:1}
  .mobile-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  .mobile-more-grid a{display:grid;justify-items:center;align-content:center;gap:7px;min-height:79px;padding:9px 4px;border:1px solid #e8edf8;border-radius:15px;background:#fbfcff;color:#3c4967;text-align:center}
  .mobile-more-grid a i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#edf2ff;color:#345ada;font-size:16px;font-style:normal}
  .mobile-more-grid a b{overflow:hidden;width:100%;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
  .mobile-more-grid a.active{border-color:#b9cafc;background:#f1f5ff;color:#2454e3}
  .mobile-more-grid a.active i{background:#2454e3;color:#fff}
}
@keyframes tcMobileMoreUp{from{transform:translateY(16px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(max-width:800px){
  html.tc-mobile-more-open{overflow:hidden}
  .mobile-more-panel{max-height:84dvh;overflow:auto}
}


/* 2026-06-29: mobile home studio + profile level full-save */
.profile-level-bulk-help{margin:-7px 0 17px;padding:11px 13px;border:1px solid #dfe7fb;border-radius:12px;background:#f7f9ff;color:#56627e;font-size:12px}
.admin-quick form{margin:0}.admin-quick .primary-button{margin:0;border:0;background:#fff;color:#2146b7;box-shadow:none}
.admin-mobile-home-form{display:grid;gap:16px}.mobile-home-banner-admin-list,.mobile-home-button-admin-list{display:grid;gap:10px}.mobile-home-banner-admin-row{display:grid;grid-template-columns:118px repeat(4,minmax(120px,1fr)) 82px auto auto;gap:9px;align-items:end;padding:12px;border:1px solid #e4eaf6;border-radius:15px;background:#fbfcff}.mobile-home-banner-admin-preview{display:grid;place-items:center;min-height:70px;overflow:hidden;border-radius:11px;background:#e7edff;color:#6273a2;font-size:11px;font-weight:800}.mobile-home-banner-admin-preview img{display:block;width:100%;height:70px;object-fit:cover}.mobile-home-banner-admin-row label,.mobile-home-button-admin-row label{margin:0;font-size:11px}.mobile-home-banner-admin-row input,.mobile-home-button-admin-row input,.mobile-home-button-admin-row select{margin-top:4px;padding:7px;font-size:11px}.mobile-home-button-admin-row{display:grid;grid-template-columns:74px minmax(110px,1fr) minmax(160px,1.3fr) minmax(190px,1.5fr) 95px 72px auto;gap:9px;align-items:end;padding:11px;border:1px solid #e4eaf6;border-radius:15px;background:#fbfcff}.mobile-home-button-admin-row .check-row,.mobile-home-banner-admin-row .check-row{padding-bottom:7px;white-space:nowrap}
.mobile-home-banner-rail{display:none}
@media(max-width:1050px){.mobile-home-banner-admin-row{grid-template-columns:118px 1fr 1fr 1fr}.mobile-home-banner-admin-row .check-row{padding-bottom:0}.mobile-home-button-admin-row{grid-template-columns:74px 1fr 1fr 1fr}.mobile-home-button-admin-row .check-row{padding-bottom:0}}
@media(max-width:800px){.mobile-home-banner-admin-row,.mobile-home-button-admin-row{grid-template-columns:1fr}.mobile-home-banner-admin-preview{min-height:110px}.mobile-home-banner-admin-preview img{height:110px}.mobile-home-banner-rail{display:flex;gap:10px;overflow-x:auto;margin:0 -16px 4px;padding:0 16px 8px;scroll-snap-type:x mandatory}.mobile-home-banner{position:relative;display:block;flex:0 0 min(86vw,360px);overflow:hidden;border-radius:18px;aspect-ratio:1.8/1;background:#eaf0ff;scroll-snap-align:start;box-shadow:0 8px 20px rgba(32,55,135,.13)}.mobile-home-banner img{display:block;width:100%;height:100%;object-fit:cover}.mobile-home-banner>span{position:absolute;right:0;bottom:0;left:0;display:grid;gap:2px;padding:28px 14px 13px;background:linear-gradient(transparent,rgba(8,13,35,.72));color:#fff}.mobile-home-banner>span b{font-size:15px}.mobile-home-banner>span small{font-size:11px;opacity:.9}.service-card-grid:has(.service-card:only-child){grid-template-columns:1fr}}


/* Stage 55 · PC/mobile main management and artwork quick icons */
.home-main-banner-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:14px;margin:0 0 26px}.home-main-banner{position:relative;display:block;overflow:hidden;min-height:250px;border-radius:24px;background:#edf2ff;box-shadow:0 14px 32px rgba(35,54,128,.13);text-decoration:none;isolation:isolate}.home-main-banner picture,.home-main-banner img{display:block;width:100%;height:100%}.home-main-banner img{position:absolute;inset:0;object-fit:cover;transition:transform .3s ease}.home-main-banner:hover img{transform:scale(1.025)}.home-main-banner>span{position:absolute;z-index:2;right:0;bottom:0;left:0;display:grid;gap:3px;padding:48px 22px 18px;background:linear-gradient(transparent,rgba(8,13,35,.74));color:#fff}.home-main-banner>span b{font-size:22px;line-height:1.2}.home-main-banner>span small{font-size:13px;line-height:1.45;opacity:.92}.service-icon.has-image{overflow:hidden;background:rgba(255,255,255,.72)!important;padding:0!important}.service-icon.has-image img{display:block;width:100%;height:100%;object-fit:cover}
.home-button-icon-admin-preview{display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border:1px solid #e4eaf6;border-radius:14px;background:#f4f7ff;color:#4065d8;font-size:25px}.home-button-icon-admin-preview img{display:block;width:100%;height:100%;object-fit:cover}.main-banner-admin-row{grid-template-columns:118px 92px repeat(5,minmax(120px,1fr)) 72px auto auto auto!important}.main-banner-admin-row .mobile-preview{max-width:92px}.main-button-admin-row{grid-template-columns:64px minmax(140px,1fr) 82px minmax(110px,1fr) minmax(160px,1.3fr) minmax(190px,1.5fr) 95px 72px auto auto!important}
@media(max-width:1050px){.main-banner-admin-row{grid-template-columns:118px 92px 1fr 1fr 1fr!important}.main-button-admin-row{grid-template-columns:64px 1fr 1fr 1fr!important}}
@media(max-width:800px){.home-main-banner-rail{display:flex;gap:10px;overflow-x:auto;margin:0 -16px 22px;padding:0 16px 8px;scroll-snap-type:x mandatory}.home-main-banner{flex:0 0 min(86vw,390px);min-height:auto;aspect-ratio:1.8/1;scroll-snap-align:start;border-radius:18px}.home-main-banner>span{padding:28px 14px 13px}.home-main-banner>span b{font-size:15px}.home-main-banner>span small{font-size:11px}.main-banner-admin-row,.main-button-admin-row{grid-template-columns:1fr!important}.home-button-icon-admin-preview{width:82px;height:82px}.main-banner-admin-row .mobile-preview{max-width:none}.main-banner-admin-row .mobile-home-banner-admin-preview{min-height:110px}.main-banner-admin-row .mobile-home-banner-admin-preview img{height:110px}}