:root{--bg: #f3f0ed;--card: #fbfaf8;--raised: #ffffff;--text: #1f1b18;--muted: #5f5752;--line: #e6e0da;--accent-bg: #4a5a70;--accent-fg: #ffffff;--accent-text: #3a4859;--danger: #b3261e;--ok: #1f7a3a;--radius: 12px;color-scheme:light}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{touch-action:pan-x pan-y;overscroll-behavior:none}#root{max-width:100vw;overflow-x:clip}img,svg{max-width:100%}input,select,textarea{font-size:16px!important}a{color:inherit;text-decoration:none}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font, "Assistant"),"Assistant","Heebo","Segoe UI",system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.5}h1{font-size:1.4rem;margin:0 0 8px}h2{font-size:1.1rem;margin:0 0 8px}.app{min-height:100vh}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;color:#fff;background:var(--card)}.brand{font-weight:700}.userbar{display:flex;align-items:center;gap:12px;font-size:.95rem}.userbar .link{color:#fff}.content{max-width:720px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card.narrow{max-width:420px;margin:24px auto}.card.highlight{border-color:var(--accent-bg)}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}label{display:flex;flex-direction:column;gap:4px;font-size:.95rem}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--text);width:100%}textarea{resize:vertical}.btn{font:inherit;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);cursor:pointer;text-decoration:none}.btn.primary{background:var(--accent-bg);border-color:var(--accent-bg);color:var(--accent-fg)}.btn.whatsapp{background:#25d366;border-color:#25d366;color:#fff}.btn.google{width:100%}.btn.small{min-height:36px;padding:4px 12px;font-size:.9rem}.btn:disabled{opacity:.6;cursor:default}.link{font:inherit;background:none;border:0;padding:0;color:var(--accent-text);cursor:pointer;align-self:flex-start}.divider{display:flex;align-items:center;gap:8px;margin:16px 0;color:var(--muted)}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--line)}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.alert{color:var(--danger);margin:0}.userlist{list-style:none;margin:0;padding:0}.userlist li{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-top:1px solid var(--line)}.userlist li.inactive{opacity:.55}.userlist .who{display:flex;flex-direction:column}.userlist .actions{display:flex;flex-wrap:wrap;gap:8px}.userlist .actions select{width:auto}@media (min-width: 640px){.userlist li{flex-direction:row;align-items:center;justify-content:space-between}}.icon-btn{border:1px solid var(--line);background:var(--raised);color:var(--muted);transition:background-color .15s,border-color .15s,color .15s}.icon-btn:hover,.icon-btn[data-on=true]{border-color:var(--accent-bg);color:var(--accent-text);background:color-mix(in srgb,var(--accent-bg) 12%,var(--raised))}.hover-soft{transition:background-color .15s}.hover-soft:hover{background:color-mix(in srgb,var(--text) 8%,transparent)!important}.hover-week{transition:background-color .15s}.hover-week:hover{background:color-mix(in srgb,var(--text) 5%,transparent)!important}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,-2px);white-space:nowrap;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:600;background:var(--text);color:var(--bg);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:8}@media (hover: hover){.tip:hover:after{opacity:1;transform:translate(-50%)}}.tip:focus-visible:after{opacity:1;transform:translate(-50%)}.tip-start:after{left:0;transform:translateY(-2px)}@media (hover: hover){.tip-start:hover:after{transform:translate(0)}}@keyframes toast-dot{0%,65%,to{transform:translateY(0) scale(.75);opacity:.4}32%{transform:translateY(-6px) scale(1.15);opacity:1}}.toast-dot{animation:toast-dot .85s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite}@keyframes crown-spark{0%,78%,to{opacity:0;transform:scale(.3) rotate(0)}86%{opacity:1;transform:scale(1) rotate(45deg)}94%{opacity:0;transform:scale(.5) rotate(90deg)}}.crown-spark{animation:crown-spark 3.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.crown-spark{animation:none}}.login-btn{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.login-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translate(-120%);pointer-events:none}.login-btn .g-mark{transition:transform .6s cubic-bezier(.34,1.56,.64,1)}@media (hover: hover){.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #0000002e}.login-btn:hover:not(:disabled):after{transform:translate(120%);transition:transform .7s ease}.login-btn:hover .g-mark{transform:rotate(360deg) scale(1.12)}}.login-btn:active:not(:disabled){transform:translateY(0) scale(.98)}@media (prefers-reduced-motion: reduce){.login-btn,.login-btn .g-mark,.login-btn:after{transition:none!important}}:root{--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--header: #f1efef;--subtle: #ebe6e1}body{background:radial-gradient(1200px 500px at 100% -10%,color-mix(in srgb,#f7941d 7%,transparent),transparent 60%),radial-gradient(900px 480px at -10% 0%,color-mix(in srgb,#b3123f 5%,transparent),transparent 60%),var(--bg);background-attachment:fixed}::selection{background:color-mix(in srgb,var(--accent-bg) 28%,transparent)}.top-bar{background:color-mix(in srgb,var(--header) 88%,transparent);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid var(--line);box-shadow:0 8px 22px -18px #10182873}.bottom-nav{background:color-mix(in srgb,var(--header) 90%,transparent);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px);border-top:1px solid var(--line);box-shadow:0 -10px 24px -20px #10182873}.card-ui{box-shadow:0 1px 2px #1018280a,0 10px 24px -18px #10182838}[data-theme=dark] .card-ui{box-shadow:0 1px 2px #0000004d,0 12px 26px -18px #000000b3}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-in{animation:page-in .26s var(--ease) both}.nav-tab{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 0 2px;border-radius:12px;-webkit-tap-highlight-color:transparent;transition:color .2s var(--ease)}.nav-ic{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:32px;border-radius:999px;opacity:.72;transition:transform .25s var(--spring),opacity .2s}.nav-ic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:color-mix(in srgb,var(--tone) 16%,transparent);transform:scale(.4);opacity:0;transition:transform .3s var(--spring),opacity .2s}.nav-ic svg{position:relative}.nav-tab.is-on .nav-ic{opacity:1}.nav-tab.is-on .nav-ic:before{transform:scale(1);opacity:1}.nav-tab:active .nav-ic{transform:scale(.9)}@media (hover: hover){.nav-tab:not(.is-on):hover .nav-ic{opacity:1;transform:translateY(-1px)}}.btn,.press,.seg-btn,.switch,.adm-chip,.adm-pin,.icon-btn{transition:transform .14s var(--ease),box-shadow .18s var(--ease),background-color .18s,color .18s,border-color .18s;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled),.press:active,.adm-chip:active,.adm-pin:active,.icon-btn:active{transform:scale(.97)}.seg-btn:active{transform:scale(.96)}.switch>span{transition:transform .2s var(--spring)}.switch:active>span{transform:scale(.88)}.btn.primary{box-shadow:0 1px #ffffff2e inset,0 4px 12px -6px color-mix(in srgb,var(--accent-bg) 80%,transparent)}@media (hover: hover){.btn:hover:not(:disabled){box-shadow:0 6px 16px -10px #10182866}.btn.primary:hover:not(:disabled){filter:brightness(1.05)}}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-bg) 70%,transparent);outline-offset:2px}.adm-search{display:flex;flex-direction:row;align-items:center;gap:8px;height:46px;padding:0 12px;border-radius:14px;border:1px solid;color:var(--muted);box-shadow:0 6px 18px -14px #10182859;transition:box-shadow .2s,border-color .2s}.adm-search:focus-within{border-color:var(--accent-bg)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-bg) 18%,transparent)}.adm-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;padding:0;width:auto}.adm-search input::-webkit-search-cancel-button{display:none}.adm-clear{width:26px;height:26px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.adm-chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.adm-topic{border:1px solid;border-radius:16px;overflow:hidden;scroll-margin-top:120px;box-shadow:0 1px 2px #1018280a,0 8px 20px -14px #10182838;transition:box-shadow .3s var(--ease),transform .15s}.adm-topic-h{display:flex;align-items:center;gap:2px;min-height:54px;padding:0 6px;border-inline-start:4px solid}.adm-topic-t{flex:1;min-width:0;min-height:52px;display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;font:inherit;font-size:calc(16px * var(--fs, 1));font-weight:800;text-align:right;cursor:pointer}.adm-topic-ic{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 10px -4px #00000059}.adm-count{color:#fff;border-radius:999px;font-size:12px;font-weight:700;padding:0 7px;line-height:20px;flex-shrink:0}.adm-pin{width:36px;height:36px;border-radius:10px;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.adm-topic-b{padding:10px;display:flex;flex-direction:column;gap:8px;container-type:inline-size;animation:adm-open .22s var(--ease) both}@keyframes adm-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.adm-sub{display:flex;flex-direction:column;gap:8px;scroll-margin-top:120px}.adm-sub-h{display:flex;align-items:center;gap:2px;min-height:46px;padding:0 4px;border-radius:12px;border:1px solid}.adm-sub-t{flex:1;min-width:0;min-height:44px;display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;font:inherit;font-size:calc(14.5px * var(--fs, 1));font-weight:700;text-align:right;cursor:pointer}.adm-sub-hint{font-size:calc(12px * var(--fs, 1));font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.adm-blocks{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;animation:adm-open .22s var(--ease) both}@container (min-width: 560px){.adm-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.adm-topic-b>.adm-block:not(.is-full){max-width:100%}}.adm-block{border:1px solid;border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden;box-shadow:0 1px 2px #1018280a}.adm-block.is-full{grid-column:1 / -1}.adm-block-h{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.adm-chip-title{font-size:calc(12px * var(--fs, 1));font-weight:700;border-radius:6px;padding:3px 8px}.adm-grip{width:24px;height:34px;flex-shrink:0;border:0;background:none;padding:0;color:var(--muted);opacity:.55;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:opacity .15s,background-color .15s}.adm-block-h .adm-grip{width:20px;height:22px}.adm-grip:hover{opacity:1;background:color-mix(in srgb,var(--text) 7%,transparent)}.adm-dragging,.adm-dragging *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}.is-drag{position:relative;z-index:6;opacity:.92;transform:scale(1.01);box-shadow:0 16px 34px -14px #1e233c80!important}.img-slot{position:relative;width:100%;max-height:200px;border:1px dashed;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}.img-slot-busy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--card) 70%,transparent)}.img-slot-busy svg{animation:spin .9s linear infinite}@keyframes row-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.row-in{animation:row-in .38s var(--ease, ease) both}@keyframes step-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.step-in{animation:step-in .3s ease both}@keyframes sheet-making{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-4px) rotate(-4deg)}60%{transform:translateY(0) rotate(3deg)}}.sheet-making{animation:sheet-making 1.3s ease-in-out infinite}@keyframes bar-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.bar-shine{background-image:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:200% 100%;animation:bar-shine 1.4s linear infinite}@media (prefers-reduced-motion: reduce){.page-in,.adm-topic-b,.adm-blocks,.row-in,.step-in,.sheet-making,.bar-shine{animation:none}.nav-ic,.nav-ic:before,.btn,.press,.seg-btn,.switch>span{transition:none!important}}.week-cta{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:6px 14px 6px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-bg) 35%,transparent);background:var(--accent-soft);color:var(--accent-text);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 1px 2px #0000000f,0 4px 14px color-mix(in srgb,var(--accent-bg) 18%,transparent);transition:transform .15s ease,box-shadow .2s ease}.week-cta-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-bg);color:var(--accent-fg)}.week-cta:hover{box-shadow:0 2px 4px #00000014,0 8px 20px color-mix(in srgb,var(--accent-bg) 26%,transparent)}.week-cta:active{transform:scale(.97)}.week-cta:focus-visible{outline:2px solid var(--accent-bg);outline-offset:2px}