:root{--bg: #08090c;--surface: #101319;--surface-2: #181c24;--surface-3: #222732;--border: #1e232c;--text: #f2f4f8;--muted: #8a93a3;--accent: #4f8cff;--danger: #e5484d;--ok: #3ddc84;--radius: 14px;--pill: 999px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow:hidden;overscroll-behavior:none}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;letter-spacing:.01em}.rec-indicator,.call-meta,.recent-join span{font-variant-numeric:tabular-nums}h1,h2{letter-spacing:-.02em}button{font:inherit;cursor:pointer}input{font:inherit}.lobby{height:100%;display:grid;place-items:safe center;padding:24px;overflow-y:auto;-webkit-overflow-scrolling:touch}.lobby-card{width:100%;max-width:440px;background:var(--surface);border-radius:22px;padding:38px 36px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.brand-mark{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#7b5cff);display:grid;place-items:center;font-size:22px;font-weight:600;flex-shrink:0}.brand h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.03em}.tagline{margin:2px 0 0;font-size:13px;color:var(--muted)}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.field input{width:100%;padding:13px 15px;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius);color:var(--text);outline:none;-webkit-user-select:text;user-select:text;transition:background .15s,border-color .15s}.field input:focus{background:var(--surface-3);border-color:var(--accent)}.field-error{margin:-8px 0 14px;font-size:13px;color:var(--danger)}.field-notice{margin:10px 0 0;font-size:13px;color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.personal-room{width:100%;display:flex;align-items:baseline;gap:10px;margin-top:6px;padding:16px 18px;border-radius:18px;border:none;background:color-mix(in srgb,var(--accent) 16%,var(--surface-2));color:var(--text);text-align:left;transition:background .15s,transform .12s}.personal-room:hover{background:color-mix(in srgb,var(--accent) 26%,var(--surface-2))}.personal-room:active{transform:scale(.99)}.personal-room strong{font-size:16px;letter-spacing:.1em}.personal-room-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.personal-room-note{margin-left:auto;font-size:11px;color:var(--muted)}.divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.recent{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.recent-label{margin:0 0 8px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.recent-item{display:flex;align-items:center;gap:8px;margin-bottom:6px}.recent-join{flex:1;display:flex;align-items:baseline;gap:10px;padding:10px 14px;border-radius:var(--pill);border:none;background:var(--surface-2);color:var(--text);text-align:left;transition:background .15s}.recent-join:hover{background:var(--surface-3)}.recent-join strong{letter-spacing:.08em}.recent-join span{margin-left:auto;font-size:11px;color:var(--muted)}.lobby-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.btn{padding:12px 20px;border-radius:var(--pill);border:1px solid transparent;font-weight:600;letter-spacing:.005em;transition:filter .15s,background .15s,transform .12s}.btn:not(:disabled):active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:not(:disabled):hover{filter:brightness(1.1)}.btn-ghost{background:var(--surface-2);border-color:transparent;color:var(--text)}.btn-ghost:hover{background:var(--surface-3)}.btn-tiny{padding:4px 11px;font-size:12px;background:var(--surface-2);border:none;border-radius:var(--pill);color:var(--muted)}.btn-tiny:hover{color:var(--text)}.footnote{margin:22px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}.call{height:100%;display:grid;grid-template-rows:auto 1fr auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.call-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border)}.room-chip{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--pill);border:none;background:var(--surface-2);color:var(--muted);transition:background .15s}.room-chip:hover{background:var(--surface-3);color:var(--text)}.room-chip-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.room-chip strong{font-size:16px;letter-spacing:.1em;color:var(--text)}.call-meta{font-size:13px;color:var(--muted)}.call-body{position:relative;display:flex;min-height:0}.stage{flex:1;padding:14px 18px;min-width:0;min-height:0}.stage-grid{display:grid;gap:12px;grid-template-columns:1fr;grid-template-rows:1fr}.stage-grid[data-count="2"]{grid-template-columns:1fr 1fr}.stage-grid[data-count="3"]{grid-template-columns:repeat(3,1fr)}.stage-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.stage-grid[data-count="5"],.stage-grid[data-count="6"]{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr}.stage-speaker{display:flex;flex-direction:column;gap:12px}.stage-main{flex:1;min-height:0;display:flex}.stage-main .tile{flex:1}.stage-strip{display:flex;gap:10px;height:21%;min-height:96px;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.stage-strip .tile{aspect-ratio:16 / 9;height:100%;flex:0 0 auto}.tile{position:relative;background:var(--surface);border-radius:18px;overflow:hidden;min-width:0;min-height:0}.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile-self video{transform:scaleX(-1)}.tile-screen video{object-fit:contain;background:#000}.tile-self.tile-screen video{transform:none}.tile-badge{margin-left:7px;padding:1px 6px;border-radius:4px;background:var(--accent);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--surface)}.avatar{width:62px;height:62px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;font-size:24px;font-weight:600;color:var(--muted)}.tile-status{position:absolute;top:10px;left:10px;padding:3px 9px;border-radius:6px;background:#0009;font-size:11px;color:var(--muted)}.tile-footer{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:center;gap:6px;pointer-events:none}.tile-name{padding:4px 10px;border-radius:7px;background:#0000009e;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-muted{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--danger);color:#fff;flex-shrink:0}.tile-speaking{box-shadow:inset 0 0 0 3px var(--accent)}.tile-pinned{border-color:var(--accent)}.tile-badge-pin{background:var(--surface-2);color:var(--muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;background:#00000080;animation:sheet-fade .16s ease}.sheet{width:100%;background:var(--surface-2);border-radius:22px 22px 0 0;padding:8px 14px calc(18px + env(safe-area-inset-bottom));animation:sheet-rise .2s cubic-bezier(.2,.8,.3,1)}.sheet-grip{display:block;width:38px;height:4px;margin:0 auto 14px;border-radius:999px;background:var(--surface-3)}.sheet-reactions{display:flex;justify-content:space-around;gap:2px;padding:2px 0 12px;margin-bottom:10px;border-bottom:1px solid var(--border)}.sheet-reactions .reaction-pick{width:48px;height:48px;font-size:26px}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:2px;justify-items:center}.sheet-btn{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:8px 2px;border:none;border-radius:16px;background:transparent;color:var(--text);font:inherit;font-size:11px;line-height:1.25;text-align:center}.sheet-btn-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--surface-3)}.sheet-btn-on .sheet-btn-icon{background:var(--accent);color:#fff}.sheet-btn-label{color:var(--muted)}.sheet-btn-on .sheet-btn-label{color:var(--text)}@keyframes sheet-rise{0%{transform:translateY(100%)}}@keyframes sheet-fade{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.knocks{position:fixed;top:68px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:28}.knock{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:16px;background:var(--surface-2);box-shadow:0 12px 28px #00000073;font-size:13px}.knock-name{color:var(--muted)}.knock-name strong{color:var(--text)}.reconnecting{display:inline-flex;align-items:center;gap:7px;margin-right:14px;font-size:12px;font-weight:600;color:#e5a03d}.reconnecting-dot{width:8px;height:8px;border-radius:50%;background:#e5a03d;animation:rec-pulse 1.2s ease-in-out infinite}.tile-signal{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0000009e}.tile-signal-fair{color:#e5a03d}.tile-signal-poor{color:var(--danger)}.tile-hand{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e5a03d;color:#10131a}.tile-reaction{position:absolute;left:50%;bottom:22%;font-size:46px;pointer-events:none;animation:reaction-float 1.8s ease-out forwards}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}12%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-64px) scale(1)}}@media(prefers-reduced-motion:reduce){.tile-reaction{animation:none}}.control-wrap{position:relative}.reaction-bar{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;gap:4px;padding:8px;border-radius:var(--pill);background:var(--surface-2);box-shadow:0 10px 26px #00000080;z-index:20}.reaction-pick{width:38px;height:38px;border:none;border-radius:50%;background:transparent;font-size:21px;line-height:1;transition:background .12s,transform .12s}.reaction-pick:hover{background:var(--surface-3);transform:scale(1.15)}.toggle-row{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--surface-2);font-size:12px;line-height:1.6;color:var(--muted);cursor:pointer}.toggle-row strong{color:var(--text);font-size:13px}.toggle-row input{margin-top:3px;accent-color:var(--accent);flex-shrink:0}.alone{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.alone-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 28px;border-radius:16px;border:1px solid var(--border);background:#0b0e14d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.alone-title{margin:0;font-size:13px;color:var(--muted)}.alone-code{padding:0;border:none;background:none;color:var(--text);font-size:34px;font-weight:600;letter-spacing:.2em;-webkit-user-select:text;user-select:text}.alone-code:hover{color:var(--accent)}.share-preview{position:fixed;z-index:25;width:268px;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:0 12px 30px #00000073;overflow:hidden}.share-preview-collapsed{width:232px}.share-preview-bar{display:flex;align-items:center;gap:7px;padding:7px 8px 7px 10px;background:var(--surface-2);cursor:move;-webkit-user-select:none;user-select:none}.share-preview-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;flex-shrink:0;animation:rec-pulse 1.8s ease-in-out infinite}.share-preview-title{flex:1;font-size:12px;font-weight:600;white-space:nowrap}.btn-stop{color:var(--danger);border-color:var(--danger)}.share-preview-video{background:#000}.share-preview-video video{width:100%;display:block;aspect-ratio:16 / 9;object-fit:contain}.share-eyebrow{margin:0 0 6px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.share-link{padding:12px 14px;border-radius:14px;background:var(--surface-2);color:var(--muted);font-size:13px;text-align:center;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.share-code{padding:20px 14px;border-radius:18px;background:var(--surface-2);font-size:36px;font-weight:600;letter-spacing:.22em;text-indent:.22em;text-align:center;-webkit-user-select:text;user-select:text}.share-actions{display:flex;flex-direction:column;gap:9px;margin:16px 0 4px}.share-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px}.controls{display:flex;align-items:center;justify-content:center;gap:26px;padding:12px 16px;border-top:1px solid var(--border)}.controls-group{display:flex;align-items:center;gap:6px}.controls-group+.controls-group{padding-left:26px;border-left:1px solid var(--border)}.control{display:flex;flex-direction:column;align-items:center;gap:5px;width:74px;padding:8px 4px;border:none;border-radius:10px;background:transparent;color:var(--muted);transition:background .14s,color .14s}.control:hover{background:var(--surface-2);color:var(--text)}.control-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--surface-2);color:var(--text)}.control:hover .control-icon{background:#273143;transform:translateY(-1px)}.control-icon{transition:background .14s,transform .12s}.control:active .control-icon{transform:translateY(1px) scale(.94)}@media(prefers-reduced-motion:reduce){.control-icon,.control:hover .control-icon,.control:active .control-icon{transition:none;transform:none}}.control-label{font-size:11px;line-height:1.2;white-space:nowrap}.control-on .control-icon{background:var(--accent);color:#fff}.control-danger .control-icon{background:var(--danger);color:#fff}.control-leave .control-icon{background:var(--danger);color:#fff;width:56px;border-radius:20px}.control-leave:hover .control-icon{filter:brightness(1.12)}.green{height:100%;display:grid;place-items:safe center;padding:28px;overflow-y:auto;-webkit-overflow-scrolling:touch}.green-inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:28px;width:100%;max-width:940px;align-items:center}.green-preview{position:relative;aspect-ratio:16 / 9;border-radius:22px;overflow:hidden;background:var(--surface)}.green-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.green-toggles{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:10px}.round{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:none;background:#141922d1;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.round:hover{background:#273143eb}.round-off{background:var(--danger);color:#fff}.round-off:hover{background:var(--danger);filter:brightness(1.12)}.green-error{position:absolute;inset:auto 14px 74px;padding:10px 13px;border-radius:var(--radius);background:#e5484deb;color:#fff;font-size:13px}.green-eyebrow{margin:0;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.green-room-code{margin:4px 0 2px;font-size:38px;font-weight:600;letter-spacing:.12em}.green-name{margin:0 0 22px;font-size:13px;color:var(--muted)}.green-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.btn-big{padding:13px 18px;font-size:15px}.update-banner{position:fixed;top:12px;right:12px;display:flex;align-items:center;gap:12px;padding:9px 13px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);font-size:12px;color:var(--muted);z-index:30}.update-banner-ready{border-color:var(--accent);color:var(--text)}.rec-indicator{display:inline-flex;align-items:center;gap:6px;margin-right:14px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--danger);font-variant-numeric:tabular-nums}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);animation:rec-pulse 1.6s ease-in-out infinite}@keyframes rec-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}.control-recording{background:var(--danger);border-color:var(--danger);color:#fff}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:78vw;padding:11px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);font-size:13px;cursor:pointer;z-index:20}.toast span{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.chat{width:310px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--surface);min-height:0}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.chat-header h2{margin:0;font-size:14px}.chat-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;min-height:0}.chat-empty{margin:0;font-size:12px;line-height:1.65;color:var(--muted)}.chat-msg{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.chat-msg-self{align-items:flex-end}.chat-msg-meta{display:flex;gap:7px;align-items:baseline;font-size:11px;color:var(--muted)}.chat-msg-name{font-weight:600}.chat-msg-text{margin:0;padding:8px 13px;border-radius:16px;background:var(--surface-2);font-size:13px;line-height:1.5;max-width:92%;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.chat-msg-self .chat-msg-text{background:var(--accent);color:#fff}.chat-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.chat-input input{flex:1;min-width:0;padding:10px 14px;background:var(--surface-2);border:1px solid transparent;border-radius:var(--pill);color:var(--text);outline:none;-webkit-user-select:text;user-select:text}.chat-input input:focus{background:var(--surface-3);border-color:var(--accent)}.btn-send{padding:9px 14px}.control-badge{position:absolute;top:-2px;right:-4px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;border:2px solid var(--bg);background:var(--danger);color:#fff;font-size:10px;font-weight:700}.modal-note{font-weight:400;color:var(--muted);font-size:12px}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;overflow-y:auto;min-height:0}.bg-item{display:flex;flex-direction:column;gap:7px;padding:0;background:none;border:none;color:var(--text)}.bg-item:disabled{opacity:.5}.bg-thumb{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;border-radius:9px;border:2px solid var(--border);background:var(--bg);overflow:hidden}.bg-item:hover .bg-thumb{border-color:var(--accent)}.bg-item-on .bg-thumb{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.bg-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bg-thumb-blur{background:linear-gradient(135deg,#3a4560,#222a3c);filter:blur(1px)}.bg-thumb-add{border-style:dashed}.bg-word{font-size:13px;font-weight:600;color:var(--muted)}.bg-label{font-size:12px;color:var(--muted);text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;padding:32px;z-index:10}.modal{width:100%;max-width:760px;max-height:80vh;display:flex;flex-direction:column;background:var(--surface);border-radius:22px;padding:26px 28px 28px}.modal-narrow{max-width:420px}.field select{width:100%;padding:13px 15px;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius);color:var(--text);outline:none}.field select:focus{border-color:var(--accent)}.field select:disabled{opacity:.5}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header h2{margin:0;font-size:17px}.modal-empty{margin:0;color:var(--muted);font-size:14px}.picker-scroll{overflow-y:auto;min-height:0}.picker-label{margin:4px 0 8px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:18px}.picker-item{display:flex;flex-direction:column;gap:8px;padding:9px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);text-align:left}.picker-item:hover{border-color:var(--accent)}.picker-item img{width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#000;border-radius:6px;display:block}.picker-item span{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-error{height:100%;display:grid;overflow-y:auto;place-content:safe center;justify-items:center;gap:12px;text-align:center;padding:24px}.call-error h2{margin:0;font-size:20px}.call-error p{margin:0;color:var(--muted);max-width:380px;line-height:1.6}@media(max-width:700px){.stage-grid[data-count="3"],.stage-grid[data-count="5"],.stage-grid[data-count="6"]{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}}@media(max-width:720px){.stage{padding:8px}.stage-grid,.stage-grid[data-count="2"],.stage-grid[data-count="3"],.stage-grid[data-count="4"],.stage-grid[data-count="5"],.stage-grid[data-count="6"]{grid-template-columns:1fr;grid-auto-rows:1fr;grid-template-rows:none;gap:8px}.tile{border-radius:14px}.chat{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;z-index:30;border-left:none}.call-header{padding:8px 10px}.room-chip strong{font-size:14px}.lobby-card{padding:26px 22px;border-radius:18px}.green-inner{gap:16px}.knocks{left:10px;right:10px;top:60px}.share-preview{display:none}}@media(max-width:860px){.controls{gap:0;padding:6px;justify-content:space-between}.controls-group{gap:2px}.controls-group+.controls-group{padding-left:0;margin-left:0;border-left:none}.control{width:auto;min-width:58px;padding:6px 2px}.control-icon{width:46px;height:46px}.control-leave .control-icon{width:58px}.control-label{font-size:10px}}@media(max-height:480px)and (max-width:950px){.control-label{display:none}.control{width:52px}}@media(max-width:820px){.green-inner{grid-template-columns:1fr}}