:root{--surface:var(--card);--surface-2:var(--card-2);--border:var(--line);--radius:16px}
:root[data-theme="light"]{color-scheme:light;--bg:#faf7f5;--side:#fffaf8;--card:#fffefd;--card-2:#f1eae8;--line:#58465020;--text:#302735;--muted:#776b7c;--soft:#625367;--accent:#a85543;--green:#337958;--pink:#a84977}
:root[data-theme="dark"]{color-scheme:dark;--bg:#17131f;--side:#1d1827;--card:#211c2c;--card-2:#292234;--line:#ffffff13;--text:#f7f0ec;--muted:#aaa0b7;--soft:#c8bdd1;--accent:#eeab94;--green:#9bceb5;--pink:#dd9ab4}
body{font-size:16px}input,select,textarea{background:var(--bg);border-color:var(--line);min-height:44px;font-size:16px}.btn{min-height:44px;font-size:16px}.btn.primary{background:var(--accent);color:var(--bg)}.btn.secondary{background:var(--card-2);border-color:var(--line);color:var(--text)}.text-btn{font-size:15px}.small,.page-heading p,.form-help,.form-error,.chat-name,.member-state,.library-credit{font-size:14px}.nav button{font-size:16px}.pill{font-size:13px}.breadcrumb span:last-child{color:var(--text)}.hero-content,.hero-mini{color:#f7f0ec}.hero-content .btn.primary{background:#eeab94;color:#362523}.hero-content .hero-label{color:#f4bcab}.hero-content h2{color:#fff4ec}.hero-content em{color:#f4baa4}.hero-content p{color:#eee0ea}.chat-compose input{font-size:16px}.chat-message .bubble{font-size:16px;overflow-wrap:anywhere}.invite-link{background:var(--bg);color:var(--text)}.modal{background:var(--card);border-color:var(--line)}.modal-header p,.help-list,.help-list li{font-size:16px}.modal-option p{font-size:14px}.eyebrow{font-size:12px}.sidebar-profile .status{font-size:12px}.sidebar-note p{font-size:14px}.topbar-date{font-size:14px}.queue-info h3,.film-info h3{font-size:16px}.queue-info p,.film-info p{font-size:14px}.film-grid{gap:16px}.quality-control{width:140px}.quality-control select{padding:6px;min-height:34px;font-size:13px}.topbar-version{color:var(--accent);font-size:12px}.library-toolbar{padding:18px;margin-bottom:18px}.library-search{display:flex;gap:12px;align-items:center;max-width:620px}.library-search input{border:0;background:var(--bg)}.source-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.source-tabs button{padding:8px 15px;border-radius:24px;font-size:15px;color:var(--soft)}.source-tabs button.selected{background:var(--accent);color:var(--bg)}.library-notice{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);margin:0 0 24px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.library-film{overflow:hidden}.library-art{height:170px;position:relative;background:var(--card-2)}.library-art img{width:100%;height:100%;object-fit:cover}.library-art>.pill{position:absolute;top:12px;left:12px;background:#17131fd9;color:#f7f0ec}.library-art>strong{position:absolute;inset:0;display:grid;place-items:center;background:#17131fa6;color:#fff;font-size:25px}.library-info{padding:20px}.library-info h2{margin:8px 0;font-size:21px}.library-info>p:not(.eyebrow){color:var(--muted);font-size:15px;min-height:48px}.library-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}.library-actions .btn{padding:9px 12px;font-size:14px}.library-credit{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.library-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:24px;color:var(--muted);font-size:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.preference-card{padding:26px}.preference-card h2{display:flex;align-items:center;gap:10px;font-size:22px}.preference-card>p{margin:14px 0 20px;font-size:16px;color:var(--muted)}.preference-card label{display:block;font-size:15px;margin:18px 0 8px}.preference-note{margin-top:20px;color:var(--muted);font-size:14px;line-height:1.8}.settings-links,.free-feature-list{display:flex;gap:10px;flex-wrap:wrap}.free-feature-list span{padding:8px 12px;background:var(--card-2);border-radius:9px;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.player-controls{flex-wrap:wrap;gap:7px}.player-stage{background:#08070b}.player-footer{font-size:13px}.sidebar-bottom>button{font-size:14px}.start-action small{font-size:14px}.start-action b{font-size:17px}.page-heading .heading-buttons{flex-wrap:wrap}.hero-mini{background:#17131f70}.platform-info{font-size:14px;color:var(--soft)}.platform-info a{color:var(--accent)}.queue-item .pill{font-size:12px}.brand-en{font-size:11px}.chat-header span{font-size:13px}.chat-system{font-size:13px}
:root[data-font="large"] .content{font-size:18px}:root[data-font="large"] .content p,:root[data-font="large"] .chat-message .bubble,:root[data-font="large"] .nav button,:root[data-font="large"] input,:root[data-font="large"] .btn{font-size:18px}
.sidebar-note p,.home-footer{color:var(--muted)}.ritual-card{background:var(--card-2)}.ritual-card h3{color:var(--text)}.ritual-card p{color:var(--muted)}.ritual-card svg{color:var(--accent)}.library-art>.pill{z-index:1}
input.progress{min-height:0;height:6px;border:0;padding:0}
@media(max-width:760px){.topbar,.mobile-nav{background:var(--side);color:var(--text)}.mobile-nav button{color:var(--muted)}.mobile-nav button.active{color:var(--accent)}}
@media(max-width:1100px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-grid{grid-template-columns:minmax(0,1fr) 290px}.quality-control{width:125px}}
@media(max-width:760px){.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));height:72px;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{font-size:12px;gap:3px}.mobile-nav button span{font-size:12px}.topbar-version{display:none}.topbar-date{font-size:12px;padding-right:5px}.topbar-right{gap:7px}.topbar{height:67px}.content{padding:23px 18px 102px}.page-heading h1{font-size:25px}.page-heading{align-items:flex-start}.page-heading>.pill{font-size:11px}.home-grid,.room-grid,.settings-grid{grid-template-columns:1fr}.hero{min-height:360px}.hero-content h2{font-size:32px}.hero-content p{font-size:15px}.hero-mini{font-size:12px}.film-grid{grid-template-columns:1fr}.film-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.film-art{min-height:135px;height:100%}.film-info{padding:16px}.film-info h3{font-size:16px;white-space:normal}.film-info p{font-size:14px}.film-art .film-duration,.film-art .film-tag{font-size:11px}.film-art .film-play{height:32px;width:32px}.ritual-card p{font-size:14px}.ritual-card h3{font-size:16px}.ritual-card .pill{display:none}.home-footer{font-size:13px}.start-card .small{font-size:15px}.room-heading .row{flex-wrap:wrap}.room-heading h1{font-size:24px}.subrow{font-size:12px;gap:7px;flex-wrap:wrap}.room-heading .heading-buttons{justify-content:flex-start;width:100%}.room-heading{flex-direction:column}.room-heading .btn{font-size:14px;padding:10px 12px}.player-top{font-size:12px;padding:11px}.player-top .row{gap:5px}.player-top .pill{font-size:11px}.player-controls .icon-btn{height:32px;width:32px}.play-time{font-size:12px}.quality-control{width:118px}.quality-control select{font-size:12px}.rate-select{font-size:12px}.player-footer{font-size:11px;padding:10px}.movie-under h2{font-size:18px}.movie-under p{font-size:13px}.player-actions{flex-wrap:wrap}.player-actions .btn{font-size:14px}.queue-info h3{font-size:15px}.queue-info p{font-size:12px}.member-name{font-size:16px}.member-state{font-size:13px}.member .avatar{width:38px;height:38px;font-size:15px}.members-footer{font-size:13px}.chat-message .chat-name{font-size:13px}.chat-body{height:300px}.chat-compose input{font-size:16px}.chat-header h3{font-size:17px}.library-grid{grid-template-columns:1fr}.library-art{height:160px}.library-info{padding:20px}.source-tabs button{font-size:14px;padding:8px 12px}.preference-card{padding:23px}.modal-header h2{font-size:22px}.modal-header p{font-size:15px}.form-field label{font-size:15px}.form-help{font-size:14px}.modal .eyebrow{font-size:12px}.memory-grid{grid-template-columns:1fr}.moment-caption h3{font-size:17px}.moment-caption p{font-size:14px}.moment-caption .eyebrow{font-size:12px}.stats-grid{grid-template-columns:1fr}.history-row h3{font-size:17px}.history-row p{font-size:14px}.history-row .history-date{font-size:12px}}
.player-controls .icon-btn,.player-controls .play-time{color:#f6f0f8}.player-controls .rate-select{color:#f6f0f8;background:#211c2c}