.mnc-proto{--bg:#f7f1ea;--ink:#2b1d14;--accent:#1f4d3a;--muted:#7a6a5d}.mnc-proto *{box-sizing:border-box}.mnc-proto{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.mnc-proto .wrap{max-width:520px;margin:0 auto;padding:16px}.mnc-proto header{text-align:center}.mnc-proto h1{margin:8px 0 0;font-size:1.6rem}.mnc-proto .sub{color:var(--muted);margin:4px 0 12px}.mnc-proto .picker{background:#fff;border-radius:999px;gap:6px;padding:4px;display:inline-flex;box-shadow:0 1px 3px #0002}.mnc-proto .pick{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 16px;font-weight:600}.mnc-proto .pick.on{background:var(--accent);color:#fff}.mnc-proto .stage{justify-content:center;margin:14px 0;display:flex}.mnc-proto .portrait{aspect-ratio:3/4;cursor:pointer;background:#222;border:0;border-radius:22px;width:min(360px,88vw);padding:0;position:relative;overflow:hidden;box-shadow:0 10px 30px #0004}.mnc-proto .portrait video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mnc-proto .portrait .layer{opacity:0;transition:opacity .18s}.mnc-proto .portrait.talking #vTalk,.mnc-proto .portrait.greeting #vGreet{opacity:1}.mnc-proto .portrait.live{outline-offset:-4px;outline:4px solid #3fae6a}.mnc-proto .portrait.userSpeaking{outline-color:#f0b429}.mnc-proto .badge{color:#fff;pointer-events:none;background:#000a;border-radius:999px;padding:6px 14px;font-size:.9rem;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.mnc-proto .controls{text-align:center}.mnc-proto .talk{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;width:100%;max-width:360px;padding:16px 28px;font-size:1.25rem;font-weight:700;box-shadow:0 4px 12px #1f4d3a55}.mnc-proto .talk.live{background:#b3261e}.mnc-proto .status{color:var(--muted);min-height:1.2em;margin-top:8px}.mnc-proto .timer{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.mnc-proto .captions{background:#fff;border-radius:14px;min-height:90px;max-height:260px;margin:14px 0;padding:10px 12px;overflow-y:auto;box-shadow:0 1px 3px #0002}.mnc-proto .line{margin:6px 0;line-height:1.35}.mnc-proto .line b{color:var(--accent)}.mnc-proto .line.user b{color:#8a5a00}.mnc-proto .line.partial{opacity:.65}.mnc-proto .textform{gap:8px;display:flex}.mnc-proto .textform input{border:1px solid #d9cabb;border-radius:12px;flex:1;padding:12px;font-size:1rem}.mnc-proto .textform button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:600}.mnc-proto .fine{text-align:center;color:var(--muted);font-size:.75rem}.mnc-proto .order{border:2px dashed var(--accent);background:#fffaf2;border-radius:16px;margin:14px 0;padding:12px 14px;box-shadow:0 2px 8px #0001}.mnc-proto .order-head{flex-direction:column;gap:2px;margin-bottom:6px;display:flex}.mnc-proto .order-head span{color:var(--accent);font-size:1.1rem;font-weight:800}.mnc-proto .order-head small{color:var(--muted)}.mnc-proto .order dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 10px;display:grid}.mnc-proto .order dt{color:var(--muted);font-size:.9rem}.mnc-proto .order dd{margin:0;font-weight:600}.mnc-proto .order-actions{flex-wrap:wrap;gap:8px;display:flex}.mnc-proto .order-actions button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;flex:1;min-width:90px;padding:10px 12px;font-weight:700}.mnc-proto .order-actions button:last-child{background:var(--ink)}.mnc-proto .order-ahead{text-align:center;background:var(--accent);color:#fff;border-radius:12px;margin:0 0 10px;padding:14px 16px;font-size:1.05rem;font-weight:800;text-decoration:none;display:block}.mnc-proto .order-how{color:var(--muted);margin:0 0 10px;font-size:.9rem}.mnc-proto .bean{border-top:1px solid #0001;align-items:center;gap:10px;padding:8px 0;display:flex}.mnc-proto .bean:first-of-type{border-top:0}.mnc-proto .bean-text{flex:1;min-width:0}.mnc-proto .bean-name{font-weight:700}.mnc-proto .bean-meta{color:var(--muted);font-size:.85rem}.mnc-proto .bean a{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;padding:10px 14px;font-weight:700;text-decoration:none}.mnc-proto .profile-btn{width:100%;max-width:360px;color:var(--ink);cursor:pointer;background:#f0b429;border:0;border-radius:16px;margin:12px auto 0;padding:16px 24px;font-size:1.15rem;font-weight:800;display:block;box-shadow:0 4px 12px #0002}.mnc-proto .profile-btn small{opacity:.8;font-size:.85rem;font-weight:600;display:block}.mnc-proto .portrait{background-position:50%;background-size:cover}