:root{--red: #d60000;--red-dark: #b00000;--brand-red: #ff0000;--green: #60ce00;--coffee: #8a4317;--panel: #d9d9d9;--bar: #e6e6e6;--video: #f1f1f1;--chat-border: #ea3323;--ink: #111;--muted: #444;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#fff}h1{margin:0;font-weight:700;line-height:1.15}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.page>.wrap,.page>.gate{flex:1 0 auto}.foot{padding:1rem;text-align:center;font-size:.75rem;color:#767676}.top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:.6rem clamp(1rem,2.5vw,2.25rem);background:#fff;box-shadow:0 3px 6px #00000038}.brand{height:2.75rem;width:auto;display:block}.tagline{display:flex;align-items:center;gap:.6rem}.tagline p{margin:0;font-weight:700;font-size:clamp(.75rem,1.2vw,1rem);line-height:1.15}.tagline img{height:4rem;width:auto;display:block}.btn{font:inherit;font-weight:600;padding:.7rem 1rem;border:0;border-radius:1rem;background:var(--panel);color:var(--ink);cursor:pointer}.btn:hover:not(:disabled){filter:brightness(.95)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--red);color:#fff}.btn.primary:hover:not(:disabled){background:var(--red-dark);filter:none}.gate{display:grid;justify-items:start;align-content:start;gap:1.1rem;width:min(32rem,100% - 2rem);margin:0 auto;padding:4rem 0}.gate h1{font-size:clamp(1.8rem,5vw,2.6rem)}.gate p{margin:0;color:var(--muted)}.gate .hint{font-size:.9rem}.gate .error{color:var(--red);font-weight:600;font-size:.9rem;line-height:1.5}.check{display:flex;gap:.75rem;align-items:flex-start;line-height:1.5;font-size:.95rem}.check input{margin-top:.3rem;width:1.1rem;height:1.1rem;accent-color:var(--red)}.wrap{width:min(1100px,100% - 2rem);margin:0 auto;padding-bottom:1.5rem}.online-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 0}.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .9rem;border:2px solid var(--red);border-radius:999px;color:var(--red);font-size:.9rem;background:#fff}.pill b{font-weight:700;margin-right:-.25rem}.dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--green)}.coffee-btn{display:inline-block;padding:.5rem 1.2rem;border-radius:999px;background:var(--coffee);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:0 2px 4px #00000040}.coffee-btn:hover{filter:brightness(1.12)}.online-row .pill{margin-left:auto}.coffee{display:grid;justify-items:center;gap:1rem;padding-top:.5rem}.coffee h2{margin:0;color:var(--red);font-size:1.1rem;font-weight:700;text-align:center}.coffee img{display:block;width:min(22rem,100%);height:auto}.videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.panel{position:relative;min-width:0;aspect-ratio:16 / 10;background:var(--video);border-radius:1.25rem;overflow:hidden}.panel video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.panel video.off{visibility:hidden}.panel video.mirror{transform:scaleX(-1)}.status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;text-align:center;color:var(--muted);font-size:1.05rem}.status.video-loading{z-index:1;gap:.9rem;background:#000000b8;color:#fff}.video-loading:before{width:2rem;height:2rem;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;content:"";animation:video-spin .8s linear infinite}@keyframes video-spin{to{transform:rotate(360deg)}}.overlay-actions{position:absolute;right:.75rem;bottom:.75rem;display:flex;gap:.5rem}.chip-btn{font:inherit;font-size:.8rem;font-weight:600;padding:.35rem .8rem;border:0;border-radius:999px;background:#ffffffeb;color:var(--red);cursor:pointer}.notice{position:absolute;left:.75rem;right:.75rem;top:.75rem;padding:.55rem .8rem;border-radius:.75rem;background:#fffffff2;font-size:.85rem}.bottom{display:grid;grid-template-columns:clamp(7.5rem,13%,11rem) minmax(0,1fr);gap:.75rem;margin-top:1.5rem}.actions{display:flex;flex-direction:column;gap:.75rem;align-items:stretch;align-self:start}.actions .btn{height:3.2rem}.chat{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;min-width:0;min-height:15rem;max-height:22rem;background:#fff;border:3px solid var(--chat-border);border-radius:1.25rem;overflow:hidden}.log{min-width:0;overflow-y:auto;padding:1rem 1.25rem .5rem;display:flex;flex-direction:column;gap:.4rem}.empty{margin:auto;color:var(--muted);font-size:.95rem;text-align:center;overflow-wrap:anywhere}.msg{margin:0;max-width:75%;padding:.45rem .8rem;border-radius:.9rem;background:var(--video);align-self:flex-start;overflow-wrap:anywhere;font-size:.95rem}.msg.me{background:var(--red);color:#fff;align-self:flex-end}.bar{display:flex;align-items:center;gap:.5rem;min-width:0;margin:.5rem 1.25rem 1.25rem;padding:.35rem .35rem .35rem 1rem;background:var(--bar);border-radius:999px}.bar input{flex:1 1 0;width:100%;min-width:0;border:0;background:transparent;font:inherit;color:var(--ink)}.bar input::placeholder{color:#5f5f5f}.bar input:focus-visible{outline:none}.bar:focus-within{outline:3px solid var(--ink);outline-offset:2px}.send{font:inherit;font-weight:600;padding:.45rem 1.1rem;border:0;border-radius:999px;flex-shrink:0;background:var(--red);color:#fff;cursor:pointer}.send:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 760px){.top{padding:.5rem 1rem}.brand{height:2.1rem}.tagline{gap:.4rem}.tagline p{font-size:.7rem}.tagline img{height:3rem}.wrap{width:calc(100% - 1.5rem);padding-bottom:1rem}.online-row{padding:.6rem 0}.videos{grid-template-columns:minmax(0,1fr);gap:.6rem}.panel{width:100%;aspect-ratio:auto;height:clamp(9rem,27vh,18rem);height:clamp(9rem,27svh,18rem);border-radius:1rem}.status{font-size:.95rem}.chip-btn{padding:.5rem .9rem}.notice{font-size:.8rem;padding:.45rem .7rem}.bottom{grid-template-columns:minmax(0,1fr);margin-top:.75rem}.actions{flex-direction:row}.actions .btn{flex:1}.chat{min-height:13rem;max-height:20rem;border-radius:1rem}.log{padding:.75rem .9rem .4rem}.bar{margin:.4rem .75rem .75rem}}@media (max-width: 900px) and (orientation: landscape) and (max-height: 520px){.videos{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{width:100%;aspect-ratio:auto;height:55vh;height:55svh}.bottom{grid-template-columns:8rem minmax(0,1fr)}.actions{flex-direction:column}}