@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;900&family=Outfit:wght@400;500;600&display=swap');
:root{--green:#012c32;--gold:#c19f59;--earth:#371d1c;--paper:#f7f5ef;font-family:Outfit,Arial,sans-serif;color:var(--green);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}header{max-width:1440px;margin:auto;padding:34px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:190px;display:block}.nav-link{font-size:15px;display:flex;gap:24px;align-items:center}.nav-link span{color:var(--gold);font-size:23px}.form-layout{max-width:1300px;margin:25px auto 60px;display:grid;grid-template-columns:1fr 1fr;min-height:620px;padding:0 5%;gap:8%}.form-card{padding:45px 0;max-width:490px}.eyebrow{font-size:12px;letter-spacing:.16em;display:flex;align-items:center;gap:10px;font-weight:500}.eyebrow>span{height:7px;width:7px;border-radius:50%;background:var(--gold)}h1,h2{font-family:'DM Sans',Arial,sans-serif}h1{font-size:clamp(30px,3.1vw,46px);font-weight:900;letter-spacing:-.045em;line-height:1.12;margin:27px 0 20px}.intro{color:#536768;line-height:1.6;font-size:18px;margin-bottom:36px}label{display:block;font-weight:500;margin-bottom:12px}textarea{resize:vertical;width:100%;min-height:132px;border:1px solid #cbd1cb;background:#fffdf9;padding:18px;border-radius:12px;color:var(--green);line-height:1.55;font-size:17px;outline:none;transition:border .2s,box-shadow .2s}textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c19f5926}textarea::placeholder{color:#85908c}.field-meta{display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#667673;margin:9px 0 26px}.primary{border:0;background:var(--green);color:white;border-radius:8px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:30px;font-weight:500;min-height:54px}.primary:hover{filter:brightness(1.15)}form .primary{width:100%}.primary>span{font-size:23px;color:var(--gold)}.privacy{border-top:1px solid #dfe0d7;margin-top:28px;padding-top:22px;font-size:13px;color:#667673;display:flex;gap:10px}.privacy>span{color:var(--gold)}.error{color:#a53125;font-size:14px;line-height:1.5}.error:empty{display:none}.brand-panel{background:var(--green);border-radius:150px 16px 16px 16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:600px;color:white}.orbit{position:absolute;border:1px solid #c19f592d;width:580px;height:580px;border-radius:50%;left:40px;top:-120px}.orbit-two{width:420px;height:420px;left:120px;top:-40px}.panel-words{display:flex;align-items:center;flex-direction:column;gap:14px;transform:rotate(-8deg);font-family:'DM Sans',sans-serif}.panel-words span{font-size:30px;color:#96afab}.panel-words strong{font-size:58px;color:var(--gold);font-weight:900;letter-spacing:-.04em}.panel-words b{font-size:37px}.panel-caption{position:absolute;bottom:37px;left:38px;font-size:16px;line-height:1.6;color:#a6bcb8}.panel-caption strong{color:white;font-weight:400}footer{display:flex;justify-content:space-between;gap:20px;max-width:1440px;padding:25px 6%;margin:auto;border-top:1px solid #dde0d7;color:#667673;font-size:12px;letter-spacing:.04em}.success-icon{margin-top:28px;background:#c19f5925;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:25px}.text-button{display:block;margin:20px auto;border:0;background:none;color:var(--green);padding:10px}.cloud-page{background:var(--green);color:#faf8f0}.cloud-page header{border-bottom:1px solid #ffffff14}.cloud-page footer{border-color:#ffffff14;color:#98aeab}.cloud-main{max-width:1440px;margin:auto;padding:40px 6% 30px}.cloud-heading{display:flex;justify-content:space-between;gap:25px;align-items:center}.cloud-heading h1{font-size:clamp(26px,3vw,38px);margin:16px 0 10px}.cloud-heading p{color:#a6bcb8;margin:0}.response-total{text-align:right;display:flex;flex-direction:column;gap:5px;color:#a6bcb8;font-size:14px;white-space:nowrap}.response-total strong{font-family:'DM Sans';font-size:38px;color:var(--gold)}.cloud-stage{height:clamp(380px,56vh,680px);position:relative;margin:20px 0;background:radial-gradient(ellipse at center,#0b3b40 0,transparent 68%)}#cloud{position:absolute;inset:0;transition:opacity .6s;overflow:hidden}.word{position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:'DM Sans',Arial,sans-serif;color:#abc6bd;line-height:1.15;transition:opacity .6s}.word:nth-child(3n){color:#ecede2}.word.prominent{color:var(--gold);font-weight:900}.fading{opacity:0}.revealing .word{animation:reveal 1s both;animation-delay:var(--delay)}@keyframes reveal{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.empty-symbol{font-size:64px;color:var(--gold)}.empty h2{font-size:26px;letter-spacing:-.03em;margin-bottom:4px}.empty p{color:#a6bcb8}.cloud-page .primary{background:var(--gold);color:var(--green)}.cloud-page .primary span{color:var(--green)}.empty .primary{margin-top:14px}.cloud-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff18;padding-top:22px}.cloud-controls>div{display:flex;gap:12px}.live{display:flex;align-items:center;gap:9px;font-size:13px;color:#a6bcb8}.live i{width:6px;height:6px;border-radius:50%;background:var(--gold)}.secondary{border:1px solid #ffffff30;border-radius:8px;background:transparent;color:white;padding:12px 18px}.ranking{margin-top:24px;color:#a6bcb8;font-size:14px}.ranking summary{cursor:pointer;width:fit-content}.ranking ul{display:flex;gap:12px 24px;flex-wrap:wrap;padding:0;list-style:none}.stage-status{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#c19f59;font-size:14px}[hidden]{display:none!important}@media(max-width:760px){header{padding:25px 6%}.logo{width:150px}.nav-link{gap:12px;font-size:14px}.form-layout{display:block;margin:0 auto 25px;padding:0 7%;min-height:0}.form-card{max-width:520px;padding:28px 0;margin:auto}.brand-panel{display:none}h1{font-size:36px;margin-top:23px}.intro{font-size:17px;margin-bottom:28px}.field-meta{font-size:12px}.field-meta #hint{max-width:215px}footer{padding:22px 7%;font-size:11px}footer span:last-child{display:none}.cloud-main{padding:28px 6%}.cloud-heading{align-items:flex-start}.cloud-heading .eyebrow{font-size:10px;letter-spacing:.1em}.cloud-heading h1{font-size:29px}.cloud-heading p{font-size:14px;line-height:1.5}.response-total{font-size:11px;white-space:normal;max-width:73px}.response-total strong{font-size:30px}.cloud-stage{height:52vh;min-height:340px;margin-top:10px}.cloud-controls{flex-wrap:wrap}.cloud-controls>div{width:100%}.cloud-controls .primary{flex:1}.empty h2{font-size:23px}.empty p{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}} 

/* Tela de apresentação: nuvem ocupa toda a área disponível. */
.presentation{height:100vh;height:100dvh;overflow:hidden}
.presentation .cloud-main{max-width:none;width:100%;height:100%;margin:0;padding:0;position:relative;display:flex;flex-direction:column}
.presentation .cloud-stage{flex:1;min-height:0;width:100%;height:auto;margin:0;background:radial-gradient(ellipse at center,#0b3b40 0,transparent 70%)}
.presentation-controls{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:14px;padding:18px 24px 24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
.presentation-controls .secondary{display:flex;align-items:center;justify-content:center;min-height:54px;font-size:14px}
.presentation-controls .primary{font-size:14px;gap:20px}
.presentation .stage-status{bottom:12px}
@media(max-width:480px){.presentation-controls{gap:10px;padding:12px 14px 20px}.presentation-controls .primary,.presentation-controls .secondary{padding:12px 14px;font-size:13px;min-height:48px}.presentation-controls .primary{gap:12px}}
.presentation-document{height:100%;overflow:hidden;overscroll-behavior:none}
.presentation{overscroll-behavior:none}
.presentation.is-fullscreen .presentation-controls{display:none}
.presentation.is-fullscreen{cursor:none}
.presentation.is-fullscreen:has(dialog[open]){cursor:auto}
.presentation-controls{flex-wrap:wrap}
.presentation #cloud{transition-duration:var(--fade-duration,600ms)}
.presentation .revealing .word{animation-duration:var(--reveal-duration,1000ms)}
#settings-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #c19f5955;border-radius:16px;padding:28px;background:var(--green);color:#faf8f0;font-size:16px}
#settings-dialog::backdrop{background:#00181de0}
#settings-dialog h2{margin:0 0 24px;font-size:24px;letter-spacing:-.03em}
#settings-dialog label{display:flex;justify-content:space-between;margin-bottom:16px}
#speed-value{color:var(--gold)}
#speed{width:100%;accent-color:var(--gold);cursor:pointer;margin:0;height:28px}
.speed-scale{display:flex;justify-content:space-between;font-size:13px;color:#a6bcb8}
.settings-note{font-size:14px;line-height:1.5;color:#a6bcb8;margin:20px 0}
.shortcuts{margin:20px 0 24px;font-size:14px}
.shortcuts>div{display:grid;grid-template-columns:120px 1fr;gap:12px;margin:12px 0;align-items:center}
.shortcuts dd{margin:0;color:#cbdcd6}
kbd{font:inherit;color:var(--gold)}
#settings-dialog .primary{width:100%;justify-content:center}
.form-page .form-layout{width:100%;max-width:none;min-height:100vh;min-height:100dvh;margin:0;padding:32px 24px;display:flex;align-items:center;justify-content:center;gap:0}
.form-page .form-card{width:100%;max-width:420px;margin:0;padding:0}
.form-page h1{font-size:clamp(30px,7.5vw,36px);margin:0 0 16px;line-height:1.15}
.form-page .intro{font-size:17px;margin:0 0 30px}
.form-page .field-meta{flex-wrap:wrap;font-size:12px}
.form-page #counter{margin-left:auto;white-space:nowrap}
.form-page .privacy{font-size:13px;line-height:1.5}
.form-page #frase{width:100%;min-height:58px;border:1px solid #cbd1cb;background:#fffdf9;padding:16px 18px;border-radius:12px;color:var(--green);font:inherit;font-size:17px;outline:none;transition:border .2s,box-shadow .2s}
.form-page #frase:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c19f5926}
.form-page #frase::placeholder{color:#85908c}
@media(prefers-reduced-motion:reduce){.presentation #cloud{transition-duration:1ms}.presentation .revealing .word{animation-duration:1ms;animation-delay:0ms}}
#settings-dialog{width:min(560px,calc(100vw - 32px))}
#settings-dialog h3{font-family:'DM Sans',sans-serif;font-size:19px;margin:26px 0 12px}
#settings-dialog input:not([type=range]){width:100%;min-height:44px;background:#ffffff0c;border:1px solid #ffffff35;border-radius:7px;color:#faf8f0;padding:9px 12px;font:inherit;outline:none}
#settings-dialog input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c19f5926}
#settings-dialog input::placeholder{color:#a6bcb8}
#settings-dialog input[type=number]{color-scheme:dark}
#word-limit{max-width:120px}
.add-word-fields{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;margin-bottom:12px}
.add-word-fields label{font-size:14px;margin-bottom:8px}
#add-word-form>.secondary{width:100%;min-height:44px}
#word-error{font-size:14px;color:#ffb4a4;line-height:1.5}
#word-error:empty{display:none}
#settings-words{list-style:none;padding:0;margin:12px 0;max-height:300px;overflow:auto;overscroll-behavior:contain}
#settings-words li{display:grid;grid-template-columns:minmax(0,1fr) 78px 80px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff15}
#settings-words li>span{overflow-wrap:anywhere;font-size:15px}
#settings-words small{display:block;color:var(--gold);font-size:12px;margin-top:3px}
#settings-words li.hidden-word>span{color:#8a9e9b;text-decoration:line-through}
.word-toggle{border:1px solid #ffffff30;background:transparent;color:#faf8f0;border-radius:6px;padding:10px 7px;min-height:44px;font-size:13px}
.remove-custom{grid-column:1/-1;justify-self:end;border:0;background:none;color:var(--gold);padding:4px 0;font-size:13px}
#settings-dialog summary{cursor:pointer;font-size:14px;color:#cbdcd6;padding:10px 0}
.settings-close{margin-top:18px}
@media(max-width:480px){#settings-dialog{padding:20px}.add-word-fields{grid-template-columns:minmax(0,1fr) 96px}#settings-words li{grid-template-columns:minmax(0,1fr) 64px 72px;gap:8px}#settings-words input:not([type=range]){padding:8px}}