/* Current Adiós Barriga 21 components override the former prototype. */
:root{--ink:#07151c;--muted:#607079;--paper:#eef7f8;--card:#fff;--sage:#e7f6f9;--gold:#c8f434;--coral:#0b88a2;--line:#d7e4e7}html,body,button,input,select{font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(circle at 15% 0%,rgba(52,200,232,.2),transparent 30rem),var(--paper)}h1,h2,h3,.brand strong,.timer,.stat,.guide{font-family:Inter,ui-sans-serif,system-ui,sans-serif}h1,h2,h3{font-weight:900}h1{font-size:clamp(34px,9vw,52px);line-height:1.02;letter-spacing:-.045em}h2{font-size:clamp(25px,6vw,34px);line-height:1.06}h3{font-size:21px}.topbar{min-height:72px;position:sticky;padding:12px 20px;gap:12px;background:rgba(255,255,255,.88);border-color:rgba(7,21,28,.08);z-index:20}.brand{font-weight:900;min-width:0}.brand-mark{flex-shrink:0;width:42px;height:42px;border-radius:13px;background:#07151c;box-shadow:0 5px 14px #031b232e}.brand .brand-mark img{width:100%;height:100%;border-radius:0;object-fit:contain}.brand strong{font-size:18px;letter-spacing:-.03em}.brand small{font-size:11px;letter-spacing:0;font-weight:400;margin-top:1px}.icon-button{flex:0 0 43px;font-size:21px}.cloud-status{cursor:default;box-sizing:border-box;font:600 16px/1.4 Inter,sans-serif}main{padding:28px 20px 34px}.eyebrow{font-size:12px;color:#0b88a2;font-weight:900;letter-spacing:.14em}.hero{margin-top:12px;padding:30px;border-radius:30px;background:linear-gradient(155deg,#071318 0%,#0a2933 70%,#12404a 100%);box-shadow:0 18px 50px #031b231f}.hero:after{content:'';position:absolute;right:-75px;top:auto;bottom:-100px;width:240px;height:240px;border:42px solid rgba(52,200,232,.17);border-radius:50%;pointer-events:none}.hero .eyebrow{color:#c8f434}.hero p{color:#c5d7db;max-width:570px}.primary,.secondary{min-height:54px;border-radius:16px;font-weight:850;line-height:1.35}.primary{background:linear-gradient(100deg,#43cfd4,#c8f434);color:#07151c;box-shadow:0 8px 20px #168eb022}.secondary{background:#fff;border:1px solid #b7d5dc;color:#0b303b}.text{color:#0b788e;font-weight:750;min-height:48px}.grid{gap:12px}.card{background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:0 8px 28px #031b230d}.tool{min-height:210px;gap:8px}.tool h3{margin:6px 0;font-size:21px}.tool .muted{font-size:15px;line-height:1.5}.emoji{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#dff9ff,#efffc7);font-size:29px}.tag{background:#e7f6f9;color:#165667;font-size:12px;font-weight:800;margin-top:auto}.note{border:1px solid #b9e7e5;background:linear-gradient(100deg,#dffbff,#efffc7);border-radius:22px;padding:20px}.choices{display:grid;grid-template-columns:1fr;gap:10px}.choice{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;border:2px solid var(--line);background:#fff;text-align:left;font-size:17px;font-weight:750;border-radius:20px}.choice i{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #bed1d6;border-radius:50%;font-style:normal;color:#fff}.choice.selected{color:#07151c;border-color:#0b88a2;background:linear-gradient(145deg,#e7fbff,#f5ffe8)}.choice.selected i{border:0;background:#32b96f}.is-complete{background:#e7f7d7!important;border:2px solid #8cbd70!important;color:#224c23!important}.is-complete:before{content:'✓';display:inline-grid;place-items:center;width:27px;height:27px;background:#327b3d;color:white;border-radius:50%;margin-right:10px}input[type=checkbox]{width:25px;height:25px;accent-color:#32b96f}input[type=range]{accent-color:#0b88a2}input:not([type=checkbox]),select{border-color:#aecbd6;min-height:54px;background:#fff}output{font-family:Inter,system-ui,sans-serif;font-size:38px;font-weight:900;color:#0b788e}.timer,.stat{font-weight:900;font-variant-numeric:tabular-nums}.timer{color:#0b303b;font-size:62px}.stat{color:#0b788e}.bar{height:9px;background:#dfeaec}.bar i{background:linear-gradient(90deg,#34c8e8,#c8f434)}.orb{width:190px;height:190px;margin:35px auto;border:4px solid #4fd4d9;background:radial-gradient(circle at 30% 20%,#26acbb,#092f40 75%);box-shadow:0 0 0 15px #bde9ea}.guide{font-size:22px;line-height:1.5;font-weight:650}.tile{border:2px solid #b8d6df;border-radius:16px;background:#dff3f7}.tile.lit{background:#c8f434;border-color:#557820;box-shadow:0 0 0 3px #c8f43466}.tile.good{background:#32b96f;border-color:#237943}.bottom-nav{width:min(100%,760px);padding:8px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);border-radius:0;display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 2px;min-height:63px;font-size:11px;font-weight:800;color:#60747a;border-radius:16px}.bottom-nav .nav-item.is-active{background:linear-gradient(145deg,#e7fbff,#f5ffe8);color:#071318}.bottom-nav .nav-item.is-active .nav-icon{border-color:transparent;background:linear-gradient(145deg,#34c8e8,#c8f434);color:#071318;box-shadow:0 7px 18px #168eb033;transform:translateY(-1px)}#toast{background:#071318;border-radius:18px;box-shadow:0 8px 35px #07293340}.confetti{animation:fall 1.8s ease-in forwards}@keyframes fall{to{transform:translate(var(--drift),105vh) rotate(620deg);opacity:.2}}@media(max-width:520px){main{padding:18px 14px 28px}.hero{padding:25px 21px}.hero h1{font-size:36px}.tool{min-height:195px;padding:18px}.tool h3{font-size:19px}.tool .muted{font-size:14px}.brand strong{font-size:16px}.brand small{font-size:10px}.grid{gap:10px}.guide{font-size:21px}.center .row{gap:8px}.center .row button{flex:1;min-width:120px}}@media(max-width:360px){.grid{grid-template-columns:1fr}.topbar{padding:12px}.brand strong{font-size:15px}.brand small{font-size:9px}}
.topbar .profile-labelled{flex:0 0 auto}.topbar .brand span:last-child{min-width:0}.topbar .brand small{white-space:normal}