:root{--bg:#fff;--ink:#151515;--surface:#f4f4f4;--line:#e8e8e8;--muted:#717171;--mint:#86deae;--mint-dark:#17432a;--dark:#151515;--card:#fff;--danger:#ad3535;--radius:22px;--font:ui-rounded,"Arial Rounded MT Bold",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}body[data-theme=dark]{--bg:#151515;--ink:#f7f7f7;--surface:#262626;--line:#363636;--muted:#aaa;--card:#202020;--danger:#ff9393;color-scheme:dark}
button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1{font-size:38px;line-height:1.15;font-weight:650;letter-spacing:-1.5px}h2{font-size:24px;line-height:1.25;font-weight:620;letter-spacing:-.6px}h3{font-size:18px;line-height:1.3;font-weight:620;letter-spacing:-.3px}p{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #2a9f5b;outline-offset:3px}.icon{width:22px;height:22px;flex:none;vertical-align:middle}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:500;letter-spacing:-1px;width:max-content}.brand-mark{font-weight:750;font-size:17px;letter-spacing:-.6px;padding:2px 5px;background:var(--mint);color:#151515;line-height:23px;border-radius:4px}.brand-dot{color:#6ac693}
.rail{position:fixed;inset:0 auto 0 0;width:232px;border-right:1px solid var(--line);padding:38px 28px;display:flex;flex-direction:column;z-index:4;background:var(--bg)}.rail nav{display:grid;gap:7px;margin-top:65px}.nav-link{display:flex;align-items:center;gap:15px;padding:14px 16px;border-radius:30px;color:var(--muted);font-size:14px}.nav-link.active{background:var(--mint);color:#151515;font-weight:600}.rail-footer{margin-top:auto;font-size:12px;color:var(--muted);line-height:1.6}.rail-footer .dot{width:7px;height:7px;background:var(--mint);border-radius:50%;display:inline-block;margin-right:5px}.rail-footer p{margin-top:8px}.main-shell{margin-left:232px;padding:0 48px 72px;max-width:1610px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar .mobile-brand{display:none}.top-caption{font-size:13px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--surface);border-radius:50%;position:relative;flex:none}.icon-button.mint{background:var(--mint);color:#151515}.notification-dot{position:absolute;top:8px;right:9px;width:7px;height:7px;background:#3d9d65;border:2px solid var(--bg);border-radius:50%}.profile-link{display:flex;gap:10px;align-items:center;margin-left:8px;font-size:13px}.avatar{width:38px;height:38px;background:#d9eee1;color:#274a35;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex:none;border:3px solid var(--card)}.avatar.small{width:30px;height:30px;font-size:9px;border-width:2px}.avatar.large{width:76px;height:76px;font-size:24px}.avatar-stack{display:flex;padding-left:4px}.avatar-stack .avatar{margin-left:-5px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-head p{margin-top:10px;max-width:570px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;font-weight:650;color:var(--muted);margin-bottom:9px}.page-head .eyebrow{margin-bottom:13px}.button{border:1px solid transparent;border-radius:30px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;font-size:13px;font-weight:560;white-space:nowrap}.button.primary{background:var(--mint);color:#151515}.button.secondary{background:var(--surface);color:var(--ink)}.button.outline{border-color:var(--line);background:transparent}.button.dark{background:#151515;color:#fff}.button.danger{color:var(--danger);background:var(--surface)}.button.small{padding:8px 13px;min-height:36px;font-size:12px}.button.full{width:100%}.button .icon{width:17px;height:17px}.text-button{border:0;background:transparent;padding:8px;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:28px}.hero{padding:36px;border-radius:28px;background:#151515;color:white;position:relative;overflow:hidden;min-height:254px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero .eyebrow{color:#c7c7c7}.hero h2{font-size:37px;line-height:1.12;letter-spacing:-1.3px;max-width:400px;font-weight:500}.hero p{color:#b8b8b8;max-width:330px;font-size:13px;margin:14px 0 24px}.hero .button{position:relative;z-index:1}.hero-art{position:absolute;width:225px;height:225px;right:-47px;bottom:-12px;opacity:.18;transform:rotate(-17deg);border:1px solid #fff;border-radius:60px;box-shadow:0 0 0 26px #ffffff12,0 0 0 52px #ffffff08;display:flex;align-items:center;justify-content:center}.hero-art .icon{width:110px;height:110px}.category-strip{display:flex;gap:10px;margin:25px 0;overflow-x:auto;padding:2px 0 8px;scrollbar-width:thin}.category-link{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:26px;padding:10px 14px;white-space:nowrap;font-size:12px;flex:none}.category-link .icon{width:18px;height:18px}.category-link:hover,.category-link.selected{background:var(--mint);border-color:var(--mint);color:#151515}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px;gap:16px}.section-head h2{font-size:21px}.section-head a{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-card{display:block;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--card);transition:transform .15s}.activity-card:hover{transform:translateY(-3px)}.activity-art{height:174px;position:relative;background:#1e1e1e;overflow:hidden}.activity-art>img{width:100%;height:100%;object-fit:cover}.art-label{position:absolute;top:15px;left:15px;background:#ffffffdf;color:#151515;border-radius:20px;padding:5px 10px;font-size:10px;display:flex;align-items:center;gap:6px}.art-label .icon{width:14px;height:14px}.art-arrow{position:absolute;right:14px;bottom:14px;width:33px;height:33px;border-radius:50%;background:#ffffff;color:#151515;display:flex;align-items:center;justify-content:center}.art-arrow .icon{width:16px;height:16px}.card-body{padding:19px}.card-body .eyebrow{letter-spacing:.5px;font-size:10px}.card-body h3{font-size:17px;margin:5px 0 8px}.card-body>p{font-size:12px}.card-bottom{display:flex;gap:8px;align-items:center;margin-top:17px;font-size:11px;color:var(--muted);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:4px 9px;font-size:10px;border-radius:20px;background:var(--surface);color:var(--muted);font-weight:550;line-height:1.5;white-space:nowrap}.badge.mint{background:#dff5e8;color:#28593c}.badge.cancelled{background:#ffe2e2;color:#9b3232;position:absolute;right:14px;top:15px}.badge.on-art{position:absolute;right:14px;top:15px;background:#151515b8;color:#fff}.side-panel{background:var(--surface);border-radius:24px;padding:24px;margin-bottom:22px}.side-panel h3{font-size:17px;margin-bottom:15px}.side-panel p{font-size:12px}.side-panel .button{margin-top:14px}.line-item{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.line-item:last-child{border-bottom:0}.line-item strong{font-size:13px;font-weight:600;display:block}.line-item small{font-size:11px;color:var(--muted)}.line-item .item-copy{flex:1;min-width:0}.line-item .item-copy strong,.line-item .item-copy small{overflow-wrap:anywhere}.square-icon{height:42px;width:42px;border-radius:14px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex:none}.small-note{font-size:11px;color:var(--muted);line-height:1.7}.social-note{display:flex;gap:8px;font-size:12px;padding:16px 0;color:var(--muted);align-items:flex-start}.social-note .icon{width:16px;height:16px;margin-top:3px}.empty{border:1px dashed var(--line);border-radius:24px;padding:32px 24px;text-align:center;background:var(--card)}.empty>.icon{width:30px;height:30px;color:var(--muted);margin-bottom:14px}.empty h3{font-size:17px;margin-bottom:8px}.empty p{font-size:13px;max-width:400px;margin:0 auto 18px}.empty .button{white-space:normal}.pane{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px}.pane+.pane{margin-top:22px}.pane h3{margin-bottom:16px}.two-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:26px;align-items:start}.three-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat{padding:16px;border-radius:18px;background:var(--surface)}.stat strong{font-size:25px;display:block;font-weight:550}.stat span{font-size:11px;color:var(--muted)}.filterbar{display:flex;gap:12px;align-items:center;margin:0 0 26px;flex-wrap:wrap}.filterbar input{max-width:280px}.filterbar .chips{margin:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chip{border:1px solid var(--line);padding:8px 13px;border-radius:22px;background:transparent;font-size:12px;min-height:40px}.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.idea-card{background:var(--surface);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.idea-card img{width:100%;height:180px;object-fit:cover}.idea-card>div{padding:22px;display:flex;flex-direction:column;flex:1;align-items:flex-start;gap:12px}.idea-card p{font-size:13px;flex:1}.idea-card .button{margin-top:5px}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.group-card{padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--card)}.group-card p{font-size:12px;margin:10px 0 16px}.group-card .avatar-stack{margin-bottom:16px}.group-card h3{font-size:18px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{height:20px}.muted{color:var(--muted)}.backlink{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;margin-bottom:22px}.backlink .icon{width:16px;height:16px}
input,textarea,select{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:13px 15px;border-radius:14px;min-width:0;font-size:14px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}textarea{min-height:105px;resize:vertical}input[type=checkbox]{width:18px;height:18px;accent-color:#4fa371}label{display:block;font-size:12px;font-weight:570;margin-bottom:7px}label.checkbox{display:flex;align-items:center;gap:10px;font-weight:400;font-size:13px;padding:8px 0}.field{margin-bottom:20px}.field small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-error{background:#ffe9e9;color:#8f2929;padding:12px 15px;border-radius:12px;font-size:13px;margin:12px 0}.form-error:empty{display:none}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:22px;margin-top:15px}.invite-options{max-height:200px;overflow:auto}.description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.detail-hero{border-radius:28px;overflow:hidden;background:var(--surface);margin-bottom:26px}.detail-hero>img{height:245px;width:100%;object-fit:cover}.detail-hero>div{padding:30px}.detail-hero h1{font-size:32px;margin:13px 0}.detail-hero p{font-size:14px}.detail-meta{display:grid;gap:18px;margin:24px 0}.detail-meta>div{display:flex;gap:12px;align-items:flex-start}.detail-meta .icon{color:var(--muted);margin-top:2px}.detail-meta strong{display:block;font-size:14px}.detail-meta small{font-size:12px;color:var(--muted)}.notice{border-radius:16px;background:var(--surface);padding:15px 17px;font-size:12px;color:var(--muted);margin:18px 0}.notice.success{background:#dff5e8;color:#28593c}.notice.warning{background:#f7efd8;color:#695626}.cancel-banner{background:#ffe9e9;color:#8f2929;border-radius:16px;padding:18px;margin-bottom:20px}.chat-list{border:1px solid var(--line);border-radius:24px;overflow:hidden}.chat-row{display:flex;align-items:center;gap:15px;padding:23px;border-bottom:1px solid var(--line)}.chat-row:last-child{border:0}.chat-row:hover{background:var(--surface)}.chat-row .item-copy{flex:1;min-width:0}.chat-row strong{font-size:15px;font-weight:580}.chat-row p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:550px;margin-top:4px}.chat-row small{font-size:10px;color:var(--muted)}.conversation{max-width:850px;margin:0 auto}.conversation-head{display:flex;align-items:center;gap:14px;padding-bottom:21px;border-bottom:1px solid var(--line)}.conversation-head h2,.conversation-head h1{font-size:22px;line-height:1.25;font-weight:620;letter-spacing:-.6px}.conversation-head p{font-size:12px;margin-top:3px}.conversation-head .head-copy{flex:1}.messages{display:flex;flex-direction:column;gap:16px;padding:25px 0;max-height:calc(100dvh - 355px);min-height:220px;overflow:auto;overscroll-behavior:contain}.bubble-wrap{display:flex;align-items:flex-end;gap:9px;max-width:85%}.bubble-wrap.mine{align-self:flex-end}.bubble{padding:13px 17px;background:var(--surface);border-radius:20px 20px 20px 4px;min-width:100px;max-width:100%}.mine .bubble{background:var(--mint);color:#151515;border-radius:20px 20px 4px 20px}.bubble strong{font-size:10px;font-weight:650;display:block;margin-bottom:5px}.bubble p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}.bubble time{font-size:9px;display:block;opacity:.6;margin-top:5px;text-align:right}.composer{display:flex;align-items:flex-end;gap:12px;padding:14px 0;background:var(--bg)}.composer textarea{min-height:50px;max-height:125px;resize:vertical;border-radius:24px}.composer button{width:50px;height:50px;flex:none}.connection-status{font-size:10px;color:var(--muted);text-align:center}.editor{min-height:430px;background:var(--bg);line-height:1.9;font-size:16px}.book-cover{border-radius:6px 16px 16px 6px;background:#242424;color:#fff;min-height:205px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:inset 7px 0 0 #ffffff18}.book-cover .eyebrow{color:#aaa}.book-cover h3{font-size:25px;font-weight:450;flex:1;margin-top:14px}.book-cover small{color:#aaa}.book-card{padding:18px;border-radius:23px;background:var(--surface)}.book-card>p{font-size:12px;margin:13px 0 0}.reading-page{max-width:720px;margin:0 auto}.reading-page .prose{white-space:pre-wrap;line-height:1.95;font-family:Georgia,serif;font-size:19px;overflow-wrap:anywhere;margin-top:30px}.question{background:#151515;color:#fff;border-radius:24px;padding:28px;margin:20px 0}.question h2{font-size:25px;line-height:1.4;margin:12px 0 22px}.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-options button{white-space:normal;text-align:left;justify-content:flex-start;background:#2d2d2d;color:#fff;border:1px solid #444;border-radius:14px;min-height:65px;padding:14px}.answer-options button.chosen{background:var(--mint);color:#151515;border-color:var(--mint);opacity:1}.answer-options button.correct{border-color:#86deae;opacity:1}.scores{display:flex;gap:12px;flex-wrap:wrap}.score{background:var(--surface);border-radius:16px;padding:14px 20px;flex:1;min-width:110px}.score strong{font-size:24px;display:block}.score span{font-size:12px}.room-tabs{display:flex;gap:10px;margin-bottom:22px}.room-tabs .button{flex:1}.profile-summary{display:flex;align-items:center;gap:18px;margin-bottom:30px}.profile-summary h1{font-size:31px}.profile-summary p{font-size:13px;margin-top:7px}.notifications .line-item{align-items:flex-start;padding:22px 0}.notifications .line-item.unread{border-left:3px solid var(--mint);padding-left:15px}.notifications .line-item p{font-size:12px;margin-top:5px}.notifications .line-item small{display:block;margin-top:5px}.initial-load{padding:60px;text-align:center;color:var(--muted)}.skeleton{height:180px;border-radius:24px;background:var(--surface);margin-top:20px;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.4}}
.auth-page{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr}.auth-story{background:#151515;color:#fff;padding:48px 10%;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-story .brand{color:white}.auth-story h1{font-size:62px;line-height:1.09;max-width:560px;letter-spacing:-2.7px;font-weight:500;margin:90px 0 24px}.auth-story h1 span{color:var(--mint)}.auth-story>p{font-size:16px;max-width:430px;color:#aaa}.auth-activities{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}.auth-activities span{border:1px solid #414141;border-radius:24px;padding:10px 14px;display:flex;align-items:center;gap:7px;font-size:11px;color:#ddd}.auth-activities .icon{width:16px;height:16px}.auth-story footer{font-size:11px;color:#939393;margin-top:auto;padding-top:65px}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:45px;background:var(--bg)}.auth-form{width:100%;max-width:370px}.auth-form h2{font-size:30px;margin-bottom:12px}.auth-form>p{font-size:14px;margin-bottom:30px}.auth-form .button{margin-top:5px}.auth-switch{text-align:center;font-size:12px;margin-top:20px}.auth-privacy{font-size:11px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:var(--muted)}.mobile-nav{display:none}#toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(25px);background:#151515;color:#fff;border:1px solid #444;box-shadow:0 5px 35px #0002;border-radius:14px;padding:14px 22px;z-index:100;opacity:0;transition:.18s;pointer-events:none;font-size:13px;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:26px;padding:0;max-width:520px;width:calc(100% - 32px);max-height:88dvh}dialog::backdrop{background:#0007;backdrop-filter:blur(5px)}.modal-inner{padding:28px}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-top h2{font-size:22px}.modal-inner p{font-size:13px;margin-bottom:18px}.modal-inner .button{margin-top:10px}.danger-zone{border-color:#c35b5b50}.subtitle{font-size:13px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){.main-shell{margin-right:auto;margin-left:232px}.home-grid{grid-template-columns:minmax(0,1fr) 330px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){.rail{width:190px;padding:32px 20px}.main-shell{margin-left:190px;padding-left:30px;padding-right:30px}.home-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.hero{padding:28px}.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-link>span:not(.avatar){display:none}.page-head h1{font-size:33px}}
@media(max-width:950px){.home-grid{grid-template-columns:1fr}.home-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-columns{grid-template-columns:1fr}.auth-story h1{font-size:48px}.auth-story{padding:40px}.side-panel{margin-bottom:0}.home-grid>aside>.social-note{grid-column:1/-1}}
@media(max-width:700px){.rail{display:none}.main-shell{margin:0;padding:0 20px 125px}.topbar{height:98px}.topbar .mobile-brand{display:block}.top-caption{display:none}.profile-link{display:none}.top-actions{gap:8px}.top-actions .icon-button{width:42px;height:42px}.top-actions .theme-toggle{display:none}.brand{font-size:22px}.brand-mark{font-size:15px;line-height:22px}.page-head{margin-bottom:22px;gap:12px;align-items:flex-start}.page-head h1{font-size:29px;letter-spacing:-1px}.page-head p{font-size:13px;margin-top:9px}.page-head .button{padding:11px 13px;min-height:44px;font-size:11px}.page-head .eyebrow{font-size:9px;margin-bottom:10px}.hero{min-height:265px;padding:26px;border-radius:25px}.hero h2{font-size:35px;max-width:260px}.hero p{font-size:12px;max-width:250px}.hero-art{width:180px;height:180px;right:-50px;opacity:.15}.hero-art .icon{width:90px;height:90px}.category-strip{margin:20px 0 10px;gap:8px}.category-link{padding:9px 13px;font-size:11px}.cards{grid-template-columns:1fr;gap:20px}.cards.three{grid-template-columns:1fr 1fr;gap:14px}.cards.three .idea-card img{height:140px}.cards.three .idea-card>div{padding:17px}.cards.three .idea-card h3{font-size:16px}.cards.three .idea-card p{font-size:11px}.cards.three .idea-card .button{font-size:11px;padding:10px 14px}.activity-art{height:215px}.card-body{padding:20px}.card-body h3{font-size:19px}.home-grid>aside{grid-template-columns:1fr}.side-panel{padding:22px}.section-head h2{font-size:21px}.mobile-nav{position:fixed;display:flex;justify-content:space-between;align-items:center;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;height:72px;border-radius:40px;background:var(--surface);padding:6px;border:3px solid var(--bg);z-index:10;box-shadow:0 4px 30px #0001}.mobile-nav a{display:flex;justify-content:center;align-items:center;flex:1;height:56px;position:relative;border-radius:32px;color:var(--muted);gap:7px}.mobile-nav a.active{background:var(--mint);color:#151515;flex:1.5}.mobile-nav a span{display:none}.mobile-nav a.active span{display:inline;font-size:10px;font-weight:600}.mobile-nav .icon{width:21px;height:21px}.group-grid{grid-template-columns:1fr}.pane{padding:21px}.two-columns{gap:20px}.form-footer{align-items:flex-start;flex-direction:column}.form-footer .button{width:100%}.field-row{gap:12px}.detail-hero>img{height:200px}.detail-hero>div{padding:23px}.detail-hero h1{font-size:29px}.chat-row{padding:17px 16px;gap:10px}.chat-row strong{font-size:14px}.conversation-head h2,.conversation-head h1{font-size:18px}.messages{max-height:calc(100dvh - 385px);min-height:210px}.bubble-wrap{max-width:94%}.bubble-wrap>.avatar{display:none}.bubble p{font-size:13px}.composer{gap:8px}.composer textarea{font-size:13px}.auth-page{display:block}.auth-story{padding:28px 25px 35px}.auth-story h1{font-size:39px;margin:35px 0 18px;max-width:350px;letter-spacing:-1.7px}.auth-story>p{font-size:13px;max-width:340px}.auth-activities{margin-top:22px;gap:7px}.auth-activities span{font-size:10px;padding:7px 10px}.auth-story footer{display:none}.auth-form-side{padding:32px 25px}.auth-form h2{font-size:26px}.auth-form>p{font-size:13px;margin-bottom:25px}.auth-form .field{margin-bottom:17px}.auth-form{max-width:100%}#toast{bottom:99px;width:max-content;max-width:90vw}.question{padding:23px}.question h2{font-size:22px}.answer-options{grid-template-columns:1fr}.filterbar input{max-width:none}.three-stats{gap:8px}.stat{padding:13px}.stat strong{font-size:21px}.stat span{font-size:10px}.profile-summary h1{font-size:28px}.reading-page .prose{font-size:18px}.modal-inner{padding:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Allow scrollable shelves to shrink inside CSS grid tracks on narrow phones. */
.home-grid>section,.home-grid>aside,.two-columns>*,.cards>*,.group-grid>*{min-width:0}
@media(max-width:950px){.home-grid{grid-template-columns:minmax(0,1fr)}}
/* v0.2 uses the original mint / white / charcoal tokens. */
.home-crew{margin:0 0 30px}.home-crew .section-head{margin-top:22px}.crew-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.crew-shortcut{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--card);transition:border-color .18s}.crew-shortcut:hover{border-color:#78bc96}.crew-shortcut strong{display:block;font-size:15px}.crew-shortcut small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.crew-shortcut .item-copy{min-width:0;flex:1;overflow-wrap:anywhere}.getting-started{border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface)}.getting-started h2{margin:6px 0 8px}.getting-started p{font-size:14px}.pending-polls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.decision-card{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:12px;background:var(--card)}.decision-card h3{font-size:17px;overflow-wrap:anywhere;margin:5px 0}.decision-card .item-copy{min-width:0;flex:1}.decision-card p{font-size:12px}.decision-card:hover{border-color:#78bc96}.crew-header{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;background:var(--surface);padding:32px;border-radius:26px;margin:12px 0 24px;overflow:hidden}.crew-header h1{margin:9px 0 12px;overflow-wrap:anywhere}.crew-header p{max-width:610px;overflow-wrap:anywhere}.crew-header .avatar-stack{margin-top:20px}.crew-header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;flex-shrink:0;max-width:300px}.crew-tabs{display:flex;gap:6px;padding:6px;background:var(--surface);border-radius:30px;width:fit-content;margin-bottom:26px;max-width:100%;overflow:auto}.crew-tab{padding:10px 20px;border-radius:25px;font-size:14px;white-space:nowrap;color:var(--muted)}.crew-tab.active{background:var(--mint);color:#151515;font-weight:600}.crew-steps h3{font-size:22px;margin:12px 0 24px}.crew-steps>div:not(.eyebrow){display:flex;align-items:flex-start;gap:12px;margin:18px 0}.crew-steps b{font-size:11px;color:var(--muted);padding-top:3px}.crew-steps span{font-size:13px}.crew-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.crew-idea{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card);display:flex;flex-direction:column}.idea-art{position:relative;background:var(--dark)}.idea-art img{width:100%;height:155px;object-fit:cover}.idea-art>.badge{position:absolute;top:12px;left:12px}.crew-idea-body{padding:20px;display:flex;flex:1;flex-direction:column;gap:10px;min-width:0}.crew-idea-body h3,.crew-idea-body p{overflow-wrap:anywhere}.crew-idea-body p{font-size:14px}.crew-idea-body small{color:var(--muted);font-size:12px}.crew-idea-body .actions{margin-top:auto;padding-top:12px}.crew-idea-body .button{font-size:12px}.repeat-row{padding:18px;border:1px solid var(--line);border-radius:18px;margin-bottom:10px}.response-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:26px 0 12px}.response-heading>span{font-size:12px;color:var(--muted);flex-shrink:0}.poll-description{margin-top:18px;white-space:pre-wrap}.time-option{margin:24px 0;border:1px solid var(--line);border-radius:18px;padding:16px;min-width:0}.time-option legend{font-weight:600;padding:0 8px;font-size:16px}.option-metrics{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:2px 0 14px;font-size:12px;color:var(--muted)}.vote-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vote-choice{position:relative;display:block;cursor:pointer}.vote-choice input{position:absolute;opacity:0;width:1px;height:1px}.vote-choice span{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--surface);border:1px solid transparent;border-radius:12px;padding:12px 6px;min-height:48px;font-size:13px;line-height:1.35}.vote-choice input:checked+span{border-color:var(--mint-dark);background:var(--mint);color:#151515;font-weight:600}.vote-choice input:focus-visible+span{outline:3px solid #2a9f5b;outline-offset:3px}.vote-choice input:disabled+span{cursor:default}.side-panel form,.poll-pane form{margin-top:16px}.section-title{margin-top:26px}.share-result{margin:20px 0;padding:18px;border-radius:18px;background:var(--surface)}.share-result input{margin:10px 0 14px;font-size:12px}.share-result label{font-size:13px;font-weight:600}.invite-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}.invite-landing{max-width:620px;margin:20px auto;text-align:center;padding:36px;border:1px solid var(--line);border-radius:30px;background:var(--card)}.invite-landing .brand{margin:0 auto 40px}.invite-seal{margin:0 auto 24px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--mint);color:#151515;border-radius:26px}.invite-seal .icon{width:38px;height:38px}.invite-landing h1{margin:10px 0 20px;overflow-wrap:anywhere}.invite-landing>p{line-height:1.7}.invite-landing .notice{margin:24px 0;text-align:left}.invite-landing>small{display:block;color:var(--muted);font-size:12px;margin:18px 0}.plan-follow-through{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:26px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.plan-follow-through h3{margin:7px 0}.plan-follow-through p,.plan-follow-through>small{font-size:13px;color:var(--muted)}.plan-follow-through>small{width:100%}.room-presence{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:22px;margin:8px 0 24px}.live-people{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.live-person{display:flex;align-items:center;gap:7px;font-size:12px}.live-dot{width:6px;height:6px;border-radius:50%;background:#358c56}.room-presence small{display:block;font-size:11px;color:var(--muted);max-width:680px}.sketch-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px}.sketch-main{min-width:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card)}.sketch-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px;background:var(--surface)}.swatches{display:flex;gap:9px;align-items:center}.swatch{width:32px;height:32px;border-radius:50%;background:var(--swatch);border:2px solid var(--card);box-shadow:0 0 0 1px var(--line)}.swatch.selected{box-shadow:0 0 0 2px #4a9868;outline:2px solid var(--card);outline-offset:-4px}.brush-label{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.brush-label select{width:105px;padding:8px 10px}.sketch-toolbar .button{min-height:36px;font-size:12px}.sketch-toolbar>.actions{margin-left:auto}#sketch-canvas{display:block;width:100%;height:auto;aspect-ratio:4 / 3;touch-action:none;cursor:crosshair;background:white}.sketch-status{padding:12px 18px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);min-height:44px}.room-tabs{flex-wrap:wrap}.side-panel .button.full{margin:12px 0}.home-crew .crew-shortcut,.crew-idea,.decision-card{transition:transform .15s,border-color .15s}.crew-idea:hover{transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.crew-idea,.crew-shortcut,.decision-card{transition:none}.crew-idea:hover{transform:none}}
@media(max-width:1200px){.crew-header{align-items:flex-start}.crew-header-actions{max-width:220px}.sketch-layout{grid-template-columns:minmax(0,1fr)}.sketch-layout>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:700px){.crew-header{padding:24px;flex-direction:column}.crew-header h1{font-size:30px}.crew-header-actions{max-width:none;width:100%;justify-content:flex-start}.crew-tabs{width:100%;gap:0;border-radius:24px}.crew-tab{padding:10px 12px;font-size:12px;flex:1;text-align:center}.crew-ideas,.crew-shortcuts,.pending-polls{grid-template-columns:1fr}.crew-idea{display:grid;grid-template-columns:100px minmax(0,1fr);border-radius:20px}.idea-art{height:100%}.idea-art img{width:100%;height:100%;min-height:200px;object-fit:cover}.idea-art>.badge{top:10px;left:6px;font-size:9px}.crew-idea-body{padding:16px}.crew-idea-body .eyebrow{font-size:9px}.crew-idea-body h3{font-size:17px}.crew-idea-body p{font-size:12px}.getting-started{align-items:flex-start;flex-direction:column}.getting-started h2{font-size:22px}.response-heading{align-items:flex-start;flex-direction:column}.vote-choice span{font-size:11px;padding:10px 4px}.time-option{padding:12px}.time-option legend{font-size:14px}.room-presence{padding:16px;align-items:flex-start}.room-presence>.button{font-size:12px;white-space:nowrap;padding:10px 12px}.sketch-toolbar{gap:14px;padding:14px}.sketch-toolbar>.actions{margin-left:0;width:100%;justify-content:space-between}.swatches{gap:7px}.swatch{width:28px;height:28px}.sketch-layout>aside{display:block}.invite-landing{padding:26px 20px}.invite-shell{padding:18px}.invite-landing h1{font-size:30px}.plan-follow-through{padding:20px}.plan-follow-through .actions{gap:8px}.plan-follow-through .button{font-size:12px}.repeat-row{align-items:flex-start}.repeat-row>.button{font-size:11px;padding:9px 12px}.top-actions>[data-action=install-app]{display:none}.crew-header .avatar-stack{margin-top:16px}}

.idea-art>.badge{right:auto;width:auto;max-width:calc(100% - 16px)}

/* v0.3: existing design extended. No new fonts, paid assets or frameworks. */
.account-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 26px}.account-option{border:1px solid var(--line);border-radius:17px;background:var(--card);padding:16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:122px;color:var(--ink);cursor:pointer}.account-option.selected{border:2px solid #367b53;background:#e6f7ed;color:#153721;padding:15px}.account-option .icon{width:25px;height:25px}.account-option strong{font-size:15px}.account-option span{font-size:11px;line-height:1.5}.section-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.section-nav .chip{display:flex;gap:8px;align-items:center}.section-nav .icon{width:17px;height:17px}.couple-intro{background:var(--surface);padding:34px;border-radius:24px;margin-bottom:24px}.couple-intro h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:12px 0 18px}.couple-intro p{font-size:14px;margin-bottom:18px}.interest-fieldset{border:0;padding:0;margin:0 0 18px}.interest-fieldset legend{font-size:13px;font-weight:600}.interest-check{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:10px 14px;font-size:12px}.interest-check input{width:16px;min-height:16px;margin:0}.interest-check .icon{width:17px;height:17px}.adult-check{margin:20px 0;font-size:12px;line-height:1.6;align-items:flex-start}.adult-check input{flex:none;width:18px;min-height:18px}.couple-steps{display:flex;gap:28px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:26px;flex-wrap:wrap;color:var(--muted);font-size:12px}.couple-steps strong{font-size:12px;margin-left:8px;font-weight:500}.couple-steps .done{color:var(--ink)}.couple-card{border:1px solid var(--line);border-radius:24px;background:var(--card);overflow:hidden;margin-bottom:22px}.couple-cover{min-height:175px;background:#202623;color:#f9fcfa;padding:22px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;position:relative;overflow:hidden}.couple-cover:after{content:"";position:absolute;border:1px solid #86deae3c;right:-20px;bottom:-100px;width:240px;height:240px;border-radius:50%;box-shadow:0 0 0 24px #86deae0b,0 0 0 48px #86deae05}.couple-cover>span{display:flex;gap:7px;align-items:center;font-size:9px;letter-spacing:1.5px;color:#b8d9c7}.couple-cover>span .icon{width:17px}.couple-monogram{font-family:Georgia,serif;font-size:56px;line-height:1.1;color:#e9f5ed}.couple-cover small{font-size:11px;color:#b4c4bb}.couple-card-body{padding:26px}.couple-card-body h2{font-size:25px;margin:8px 0 12px}.couple-card-body>p{font-size:14px;line-height:1.7}.couple-card-body .chip{font-size:11px;display:flex;gap:5px;align-items:center}.couple-card-body .chip .icon{width:14px}.couple-members{margin-top:22px}.discovery-control{border-top:1px solid var(--line);padding-top:20px;margin-top:12px}.discovery-control p{font-size:12px;margin:8px 0 15px}.introduction-card{margin-bottom:16px}.introduction-card .actions{margin-top:18px}.introduction-card>p{font-size:14px}.couple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.connector-search{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:0 0 24px}.connector-search .field{flex:1;min-width:170px;margin:0}.connector-search>button{min-height:46px}.library-banner{border-radius:24px;padding:36px;background:var(--surface);display:flex;justify-content:space-between;gap:24px;overflow:hidden}.library-banner h2{font-family:Georgia,serif;font-size:39px;line-height:1.12;font-weight:400;margin:14px 0}.library-banner p{font-size:13px;max-width:440px}.library-spines{display:flex;align-items:flex-end;gap:8px;padding:0 20px}.library-spines span{writing-mode:vertical-rl;display:block;background:#263d33;color:#edeee5;padding:26px 17px;height:210px;border-radius:3px 7px 7px 3px;letter-spacing:4px;font:16px Georgia,serif;box-shadow:inset 4px 0 #0002}.library-spines span:nth-child(2){height:240px;background:#867056}.library-spines span:nth-child(3){height:190px;background:#423c49}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:28px}.catalog-book{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card)}.editorial-book{height:262px;position:relative;padding:23px 19px 23px 24px;display:flex;flex-direction:column;justify-content:space-between;background:#233d34;color:#f1eee2;box-shadow:inset 6px 0 #0002}.editorial-book:after{content:"";position:absolute;inset:14px;border:1px solid #ffffff36;pointer-events:none}.editorial-book.tone-1{background:#77644c}.editorial-book.tone-2{background:#3e4653}.editorial-book.tone-3{background:#68483f}.book-imprint{font-size:8px;letter-spacing:1.4px;position:relative;z-index:1}.editorial-book h3{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.2;overflow-wrap:anywhere}.editorial-book p{font-family:Georgia,serif;color:inherit;opacity:.8;font-size:13px;margin-top:16px}.editorial-book>span{font-size:8px;letter-spacing:.6px;max-width:150px}.catalog-book-meta{padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;flex:1}.catalog-book-meta>h3{font-size:14px}.catalog-book-meta>p{font-size:11px}.catalog-book-meta .actions{margin-top:auto;padding-top:10px}.catalog-book-meta small{font-size:10px;color:var(--muted)}.reading-progress{height:4px;border-radius:3px;background:var(--line);width:100%;overflow:hidden}.reading-progress>span{height:100%;display:block;background:#429767}.reader-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.imported-prose{white-space:pre-wrap;font-family:Georgia,serif;font-size:18px;line-height:1.85;overflow-wrap:anywhere}.connector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.connector-grid>.pane{margin:0}.connector-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:10px}.connector-card h2{font-size:23px;margin-bottom:14px}.connector-card p{font-size:13px;margin-bottom:15px}.connector-status{font-size:12px;display:block;margin:20px 0 4px}.cinema-banner{background:#161a18;color:white;border-radius:24px;padding:42px;position:relative}.cinema-banner .eyebrow{color:#86deae}.cinema-banner h2{font-size:44px;font-weight:450;letter-spacing:-1.4px;margin:14px 0}.cinema-banner p{color:#c1cbc5;font-size:14px;max-width:530px;line-height:1.8;margin-bottom:22px}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:24px 0}.film-tile{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card)}.film-poster{min-height:265px;background:radial-gradient(ellipse at 90% 100%,#526a57,transparent 75%),#1c2421;color:#ecf2ed;padding:27px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.film-poster>span:first-child{font-size:9px;letter-spacing:2px;position:absolute;top:22px}.film-poster h2{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.05;margin-bottom:15px;max-width:230px}.film-poster small{font-size:11px;color:#bfc9c3}.poster-play{position:absolute;right:20px;top:48px;padding:16px;border:1px solid #fff4;border-radius:50%}.film-copy{padding:23px}.film-copy>p{font-size:12px;margin:14px 0}.film-copy>a{margin-top:12px;display:inline-flex}.watch-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(240px,1fr);gap:24px;align-items:start}.shared-main{min-width:0}.shared-main #room-queue{margin-top:24px}.watch-shell{min-width:0}.watch-player{border-radius:22px;overflow:hidden;background:#111716;color:#fff}.playback-consent{padding:45px 30px;min-height:355px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.playback-consent .eyebrow{color:#86deae}.playback-consent h2{font-family:Georgia,serif;font-size:40px;font-weight:400;margin:18px 0}.playback-consent p{max-width:470px;font-size:13px;line-height:1.8;color:#bac8c0;margin-bottom:24px}.watch-status{border-top:1px solid #ffffff20;padding:15px 20px;font-size:11px;line-height:1.5;color:#acbeb4}.watch-player video{width:100%;aspect-ratio:16/9;background:#080a09;display:block}.watch-player audio{width:100%;min-height:150px}.playback-controls{padding:18px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.playback-controls>.small-note{width:100%}.seek-form{display:flex;gap:7px;align-items:center}.seek-form input{width:85px;min-height:40px}.room-conversation{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px}.room-conversation>h3{margin-bottom:18px}.room-conversation>.small-note{margin:12px 0}.watch-chat{height:285px;overflow:auto;margin:12px 0;border-top:1px solid var(--line);padding-top:10px}.room-chat-message{border-radius:12px;padding:12px;background:var(--surface);margin-bottom:9px}.room-chat-message strong{font-size:11px}.room-chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin-top:5px}.room-conversation form .button{margin-top:10px}#timeline-label{font-variant-numeric:tabular-nums}#couple-results{margin-top:24px}.narrow{max-width:650px}
@media(max-width:1200px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.watch-layout{grid-template-columns:minmax(0,1fr)}.watch-chat{height:220px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.couple-grid{grid-template-columns:1fr}.library-spines{padding:0;transform:scale(.85);transform-origin:right center}}
@media(max-width:650px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editorial-book{height:230px;padding:22px 16px 20px 22px}.editorial-book h3{font-size:21px}.catalog-book-meta{padding:13px}.catalog-book-meta .badge{white-space:normal}.catalog-book-meta .button{font-size:11px;padding:9px 11px}.library-banner{padding:25px}.library-banner h2{font-size:33px}.library-spines{display:none}.couple-intro{padding:26px}.couple-intro h2{font-size:28px}.couple-steps{gap:10px}.couple-steps span{flex:1;min-width:90px;line-height:1.7}.couple-steps strong{display:block;margin:0}.connector-search{align-items:stretch}.connector-search .field,.connector-search>button{width:100%;min-width:0;flex:auto}.connector-grid,.film-grid{grid-template-columns:1fr}.cinema-banner{padding:28px}.cinema-banner h2{font-size:36px}.film-poster{min-height:230px}.playback-consent{min-height:285px;padding:28px 20px}.playback-consent h2{font-size:32px}.watch-layout{gap:18px}.reader-toolbar .button{font-size:11px}.imported-prose{font-size:17px}.account-option{min-height:116px}.couple-card-body{padding:22px}}
/* Activity experiences: original visual system, real content, no dating UI. */
.listening-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#202323;color:#fff;padding:36px;border-radius:22px;margin:20px 0 28px;overflow:hidden}.listening-hero h2{font-size:clamp(28px,4vw,46px);line-height:1.1;margin:12px 0}.listening-hero p{max-width:540px;color:#d6dada}.record-art{flex:0 0 190px;width:190px;height:190px;border-radius:50%;background:repeating-radial-gradient(circle,#171919 0px,#171919 4px,#343838 5px,#1c1f1f 7px);display:grid;place-items:center}.record-art span{width:70px;height:70px;border:24px solid #86deae;border-radius:50%;background:#202323}.music-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.music-tile,.game-tile{min-width:0;border:1px solid var(--line,#dedfdf);border-radius:18px;overflow:hidden;background:var(--card,#fff)}.music-art,.game-art{min-height:200px;background:#252929;color:#fff;padding:22px;display:flex;flex-direction:column;gap:12px;justify-content:space-between}.music-art svg{color:#86deae;width:35px;height:35px}.music-art h3{font-size:23px}.music-art small{color:#c6d1cc}.music-tile:nth-child(3n+2) .music-art{background:#2e3b35}.music-tile:nth-child(3n) .music-art{background:#33403f}.solo-player:empty{display:none}.solo-player{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:20px;border:1px solid #86deae;border-radius:16px;margin:18px 0}.solo-player div{flex:1}.solo-player small{display:block;color:var(--muted,#666)}.solo-player audio{max-width:100%}.playlist-items,.track-review{max-height:320px;overflow:auto;margin:14px 0}.provider-launches{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0}.provider-launches a{font-size:13px;text-decoration:underline}.party-invitation .chips{margin:14px 0}.party-invitation .button.full{margin:16px 0}.native-path{border-left:4px solid #86deae}.provider-card p{font-size:14px;line-height:1.6}.game-art>span{font-size:12px;color:#86deae}.game-art>svg{width:42px;height:42px;color:#86deae}.game-art h2{font-size:23px}.game-players{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}.game-players span{padding:8px 14px;border:1px solid var(--line,#ddd);border-radius:20px}.game-players .is-turn{background:#86deae;color:#18251c}.arcade-grid{display:grid;gap:8px;width:100%;margin:18px auto;max-width:480px}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-7{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;background:#293b33;padding:12px;border-radius:16px}.arcade-cell{aspect-ratio:1;border:1px solid var(--line,#d8dedb);border-radius:12px;font:600 40px inherit;font-size:clamp(20px,4vw,40px);color:var(--text,#222);background:var(--card,#fff);cursor:pointer}.arcade-cell:disabled{cursor:default;opacity:1}.cols-7 .arcade-cell{border-radius:50%;border:0;background:#17251f}.arcade-cell.disc-1{color:#196a40;background:#c7eed6}.arcade-cell.disc-2{color:#704019;background:#f1ddc4}.cols-7 .disc-1{background:#86deae}.cols-7 .disc-2{background:#e7c598}.memory-card{font-size:23px}.drop-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:480px;margin:auto}.drop-columns .button{padding:10px 0;min-width:0}.arcade-table h2{font-size:26px}.watch-player audio{width:100%;margin:50px 0}.watch-player:has(audio){min-height:180px}.watch-player video{max-width:100%}.track-review .item-copy{overflow-wrap:anywhere}
@media(max-width:1050px){.music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-art{flex-basis:140px;width:140px;height:140px}}
@media(max-width:600px){.listening-hero{padding:24px}.record-art{display:none}.music-grid{grid-template-columns:minmax(0,1fr)}.music-art{min-height:170px}.arcade-cell{border-radius:8px}.arcade-grid{gap:6px}.cols-7{gap:4px;padding:8px}.provider-launches{gap:10px}.line-item .actions{flex-wrap:wrap}.game-players span{font-size:13px}.section-nav{flex-wrap:wrap}.solo-player audio{width:100%}}
/* Hidden for the moment a translation takes to load (web/i18n-start.js). */
html.translating body{visibility:hidden}