:root{color-scheme:dark;--bg:#101114;--panel:#191b20;--ink:#f3f3f0;--muted:#aaaeb8;--gold:#d4b16a;--line:#2c3039}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.5}a{color:var(--gold)}button,input{font:inherit}button,a.action{min-height:46px;border-radius:10px;border:1px solid var(--line);background:#24262d;color:var(--ink);padding:11px 18px;cursor:pointer;text-decoration:none;text-align:center}button.primary,a.primary{background:var(--gold);color:#101114;border-color:var(--gold);font-weight:650}button:disabled{opacity:.5;cursor:wait}button.small{min-height:38px;padding:7px 12px;font-size:13px}input{width:100%;padding:12px;border:1px solid #404551;border-radius:9px;background:#101114;color:var(--ink);min-height:46px}input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}label{display:block;margin:15px 0 5px;color:var(--muted);font-size:13px}h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:12px 0}h2{font-size:21px;margin:0 0 12px}p{margin:8px 0 16px}.kicker{color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:600}.brand{color:var(--ink);text-decoration:none;font-size:21px;letter-spacing:-.5px}.brand small{display:block;font-size:10px;color:var(--gold);letter-spacing:2px}.container{max-width:1000px;margin:auto;padding:28px 20px 60px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:35px}.card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:24px;margin:20px 0}.auth{max-width:470px;margin:5vh auto}.auth header{justify-content:center}.auth button[type=submit]{width:100%;margin-top:23px}.muted{color:var(--muted)}.hint{font-size:13px;color:var(--muted)}.error{color:#ffa9a9;padding:12px;background:#342021;border-radius:10px}.success{color:#c9e9d1;padding:12px;background:#1d3325;border-radius:10px}[hidden]{display:none!important}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metrics{display:flex;gap:36px;flex-wrap:wrap}.metric strong{font-size:30px;display:block}.metric small{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.links{display:flex;justify-content:space-between;gap:15px;margin-top:20px;font-size:13px}.row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--line);align-items:center}.row .muted{font-size:13px}.row .name{overflow-wrap:anywhere}.activation{width:100%;font-family:ui-monospace,monospace;font-size:12px}.footer{text-align:center;font-size:10px;letter-spacing:3px;color:var(--muted);margin-top:38px}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--ink);padding:24px}dialog::backdrop{background:#000b}.dialog-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}progress{width:100%;accent-color:var(--gold)}@media(max-width:600px){.grid{grid-template-columns:1fr}.row{align-items:flex-start}.card{padding:20px}.metrics{gap:20px}.container{padding:20px 16px 45px}.row .actions{margin:0}.links{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.social-divider{text-align:center;margin-top:28px}.social-actions{display:grid;gap:10px}.social-actions button{width:100%;min-height:48px;border:1px solid #535353;border-radius:12px;background:#202226;color:#fff;font:inherit;cursor:pointer}.social-actions button:disabled{opacity:.5;cursor:default}

#verification-code{font-size:26px;letter-spacing:.28em;text-align:center}.verification-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
select{width:100%;padding:14px;border:1px solid #424651;border-radius:12px;background:#101114;color:#f3f3f0;font:inherit;margin-bottom:14px}
.catalog-check{display:flex;align-items:center;gap:10px;margin:18px 0}.catalog-check input{width:auto;margin:0}summary{cursor:pointer;padding:16px 0;color:#d9b567}
body{min-height:100svh;background:radial-gradient(ellipse at 38% 0%,#7b5d2a24,transparent 48%),radial-gradient(ellipse at 75% 65%,#8863260c,transparent 48%),#090909}
.brand-image-frame{position:relative;display:block;width:min(340px,80vw);aspect-ratio:3.8;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.brand-image-frame img{position:absolute;width:155%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%);mask-image:linear-gradient(to bottom,transparent 27%,#000 38%,#000 62%,transparent 74%)}
.auth{max-width:460px;margin:3vh auto 0}.auth header{margin-bottom:22px}.auth .brand-image-frame{width:min(400px,88vw)}.auth .card{padding:24px;background:#191a1ce8;border-color:#d4b16a24}.auth h1{font-size:26px}.auth #intro{font-size:14px}.auth label{margin-top:12px}.auth .footer{margin-top:28px}
.creator-link{color:inherit;text-decoration:none}.creator-link:hover{color:var(--gold)}
a[x-apple-data-detectors],#edit-detail a,#account-detail a{color:inherit!important;text-decoration:none!important;pointer-events:none!important;cursor:text!important}
@media(max-width:420px){.auth{padding:24px 20px 36px;margin:0 auto}.auth .card{padding:22px 20px}.auth .brand-image-frame{width:min(360px,86vw)}.auth h1{font-size:24px}}
/* Supplied Storymaker Edit intro logo, framed without editing its image. */
.brand-image-frame img{width:135%}
#history .row{flex-wrap:wrap}#history .row>div:first-child{flex:1 1 200px;min-width:0}

/* Painel do administrador: abas, números gerais e lista de membros */
.admin-tabs{display:flex;gap:6px;overflow-x:auto;position:sticky;top:0;z-index:5;background:#101114ee;backdrop-filter:blur(6px);padding:10px 0;margin:0 0 6px;border-bottom:1px solid var(--line);scrollbar-width:none}
.admin-tabs::-webkit-scrollbar{display:none}
.admin-tabs button{flex:none;min-height:40px;padding:8px 16px;border-radius:99px;background:transparent;border:1px solid transparent;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:8px}
.admin-tabs button[aria-selected=true]{background:#d4b16a22;border-color:#d4b16a66;color:var(--gold);font-weight:600}
.admin-tabs .badge{background:var(--gold);color:#101114;border-radius:99px;font-size:11px;font-weight:700;padding:1px 7px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.tile{border:1px solid var(--line);background:#14161a;border-radius:14px;padding:14px 16px}
.tile strong{display:block;font-size:28px;line-height:1.1}.tile span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.tile small{display:block;margin-top:6px;color:#8b8f99;font-size:12px}
.tile.warn strong{color:#ffcf8a}
.filters{display:grid;grid-template-columns:1fr 190px 190px;gap:10px;margin:6px 0 14px}.filters input,.filters select{margin:0;min-height:44px}
.member-list .m-row{display:grid;grid-template-columns:44px 1fr auto;gap:6px 14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.m-avatar{width:44px;height:44px;border-radius:50%;background:#24262d;display:grid;place-items:center;font-weight:700;color:var(--gold);font-size:15px}
.m-main{min-width:0}.m-main strong{display:block;overflow-wrap:anywhere}.m-main .muted{font-size:13px;overflow-wrap:anywhere}
.m-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:99px;font-size:12px;border:1px solid var(--line);color:var(--muted);background:#14161a}
.chip.pro{color:#9ec5ff;border-color:#9ec5ff55}.chip.premium{color:var(--gold);border-color:#d4b16a77;background:#d4b16a14}.chip.ok{color:#9be3b0;border-color:#9be3b055}.chip.off{color:#ffa9a9;border-color:#ffa9a955}.chip.admin{color:#d6b3ff;border-color:#d6b3ff55}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.member-extra{display:grid;gap:10px;margin:10px 0 4px}.member-extra .box{border:1px solid var(--line);background:#14161a;border-radius:12px;padding:12px 14px;font-size:13px}.member-extra h3{margin:0 0 6px;font-size:13px;color:var(--gold);letter-spacing:.06em;text-transform:uppercase}
.member-extra .line{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:var(--muted)}.member-extra .line b{color:var(--ink);font-weight:500;text-align:right}
@media(max-width:700px){.filters{grid-template-columns:1fr}.member-list .m-row{grid-template-columns:44px 1fr}.member-list .m-row>button{grid-column:1/-1}}

/* Visão geral do administrador */
.ov-periods{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 16px}
.ov-periods button.on{background:#d4b16a22;border-color:#d4b16a77;color:var(--gold);font-weight:600}
.ov-group{margin:0 0 22px}.ov-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 10px}
.ov-head h3,.ov-head h4{margin:0;font-size:16px}.ov-head .hint{margin:0;font-size:12.5px}
.ov-wide{border:1px solid var(--line);background:#14161a;border-radius:14px;padding:14px 16px;margin:0 0 12px}
.ov-title{margin:0 0 8px;color:var(--muted);font-size:13px}
.ov-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;text-align:center}
.ov-strip div{border-radius:10px;padding:8px 4px;background:#101114}.ov-strip div.on{background:#d4b16a1f;outline:1px solid #d4b16a66}
.ov-strip strong{display:block;font-size:22px;line-height:1.1}.ov-strip span{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.ov-charts,.ov-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}
.ov-card{border:1px solid var(--line);background:#14161a;border-radius:14px;padding:14px 16px;min-width:0}
.ov-card .ov-head{margin-bottom:6px}.ov-chart{display:block;width:100%;height:auto}
.ov-bar{fill:var(--gold)}.ov-bar.bad{fill:#ff8a80}.ov-axis{fill:#8b8f99;font-size:11px}
.ov-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.ov-row:first-of-type{border-top:0}
.ov-row p{margin:2px 0 0;font-size:12.5px;overflow-wrap:anywhere}.ov-row>span{flex:none;font-size:12px}
@media(max-width:480px){.ov-strip strong{font-size:18px}.ov-strip span{font-size:10.5px}}
/* Templates (admin) */
.tpl-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:10px 0}
.tpl-rank{margin:14px 0 4px}.tpl-rank ol{margin:6px 0 0;padding-left:22px}.tpl-rank li{padding:4px 0}.tpl-rank small{color:var(--muted)}
.tpl-row{border-top:1px solid var(--line);padding:12px 0;display:grid;gap:8px}
.tpl-row .meta{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font-size:12.5px;margin:2px 0 0}
.tpl-row .acts{display:flex;gap:8px;flex-wrap:wrap}

#overview-root .tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
@media(max-width:560px){#overview-root .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#overview-root .tile{padding:12px 13px}#overview-root .tile strong{font-size:23px;overflow-wrap:anywhere}#overview-root .tile span{font-size:12.5px}#overview-root .tile small{font-size:11px}}

.ov-head span.muted{font-size:12.5px}

/* Biblioteca de Músicas (admin) */
#admin-music h3{margin:18px 0 8px;font-size:16px}
.mus-row{display:grid;gap:10px;border-top:1px solid var(--line);padding:12px 0}
@media(min-width:720px){.mus-row{grid-template-columns:1fr minmax(260px,340px);align-items:start}}
.mus-side{display:grid;gap:8px}.mus-check{display:flex;align-items:center;gap:8px;font-size:14px}.mus-check input{width:20px;height:20px}
.mus-field{display:grid;gap:4px;font-size:12.5px;color:var(--muted)}.mus-field input{min-height:40px}
.mus-form{display:grid;gap:12px;margin:12px 0}
.mus-prev{border:1px solid var(--line);background:#14161a;border-radius:12px;padding:12px 14px;margin:8px 0}
.mus-prev .hint{margin:4px 0 0}.mus-err{margin:6px 0 0;color:#ff8a80;font-size:13px}.mus-warn{margin:6px 0 0;color:#ffcf8a;font-size:13px}