:root{--paper:#f6f4ed;--surface:#fffdf8;--ink:#283c35;--muted:#797d72;--line:#e2e2d6;--green:#244c40;--dark:#203d36;--gold:#af8750;--soft:#e9eee4;--danger:#a14e3e;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans)}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #b69256;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #8b9f88;outline-offset:2px}button{border:0}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2,.serif{font-family:var(--serif)}h1{font-size:36px;line-height:1.18}h2{font-size:27px}h3{font-size:16px;font-weight:600}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2.2px;font-weight:650;color:var(--muted)}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:10px 15px;font-weight:500;min-height:42px;text-decoration:none;transition:background .15s,transform .15s}.btn:hover:not(:disabled){background:#eeeee4}.btn.primary{background:var(--green);border-color:var(--green);color:#fffdf7}.btn.primary:hover:not(:disabled){background:#32604f}.btn.ghost{background:transparent}.btn.small{padding:6px 10px;min-height:34px;font-size:12px}.btn.danger{color:var(--danger)}.icon{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:7px;background:transparent;font-size:20px}.icon:hover{background:#e4e8df}.badge{font-size:10px;letter-spacing:.4px;padding:4px 8px;border-radius:5px;background:var(--soft);color:var(--green);white-space:nowrap}.dot{display:inline-block;width:6px;height:6px;background:#85ac89;border-radius:50%;margin-right:6px}.brand{display:flex;gap:12px;align-items:center}.brand-symbol{width:40px;height:46px;color:#dcc79a;display:grid;place-items:center}.brand-symbol svg{width:36px;height:42px}.brand-name{font:23px var(--serif);letter-spacing:.2px}.brand small{display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-top:4px;color:#a6b8aa}.boot{text-align:center;padding:20vh 24px}.boot .brand-symbol{margin:auto}.boot p{margin-top:20px;color:var(--muted)}
/* The study */
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);height:100dvh}.sidebar{background:var(--dark);color:#e8eadd;padding:28px 21px 20px;display:flex;flex-direction:column;gap:26px;min-height:0}.sidebar .brand{padding:0 3px}.room-switch{width:100%;background:#2b473e;border:1px solid #496054;border-radius:7px;padding:12px;color:#f0eedf;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.room-switch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .eyebrow{color:#91a899;font-size:9px;letter-spacing:1.8px;padding-left:12px}.nav{display:grid;gap:6px;margin-top:10px}.nav button{display:flex;align-items:center;gap:12px;padding:12px;border-radius:6px;background:transparent;text-align:left;color:#b8c8ba}.nav button:hover{background:#2b493f}.nav button.active{background:#365247;color:#fbf6e8}.nav .nav-icon{width:22px;font-size:19px;text-align:center;color:#b7cbb4}.nav .count{margin-left:auto;font-size:11px;opacity:.6}.sidebar-bottom{margin-top:auto;border-top:1px solid #405a4d;padding-top:17px}.sidebar-bottom .btn{border-color:#4b6356;color:#d7dfd0;font-size:12px;width:100%;background:transparent}.sidebar-note{font:italic 15px/1.6 var(--serif);color:#9eb09f;margin-top:16px;padding:0 5px}.workspace{min-width:0;display:flex;flex-direction:column;min-height:0}.topbar{padding:20px 30px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f9f7f0}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin-bottom:7px}.topbar h1{font-size:27px}.top-actions{display:flex;align-items:center;gap:10px}.connection{font-size:11px;color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;flex:1;min-height:0}.story{min-width:0;min-height:0;display:flex;flex-direction:column}.story-toolbar{padding:16px 29px 0;display:flex;align-items:center;justify-content:space-between}.tabs{display:flex;gap:23px;border-bottom:1px solid var(--line)}.tabs button{background:none;padding:8px 0 12px;color:var(--muted);font-size:12px;border-bottom:2px solid transparent}.tabs button.active{border-color:var(--green);color:var(--green);font-weight:600}.story-toolbar .eyebrow{font-size:9px;letter-spacing:1.3px}.timeline{flex:1;overflow-y:auto;padding:20px 30px;scrollbar-width:thin;scrollbar-color:#cccdbf transparent}.chapter-rule{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#969887;margin:8px 0 24px}.chapter-rule:before,.chapter-rule:after{content:'';height:1px;background:var(--line);flex:1}.message{margin-bottom:27px;animation:appear .25s ease}.message-head{display:flex;align-items:center;gap:10px;margin-bottom:11px;font-size:12px}.message-head time{margin-left:auto;font-size:10px;color:#989b90}.mini-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6ebdf;color:#60715d;font-size:18px}.message.narrator{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:24px 25px;box-shadow:0 3px 12px #34432a03;position:relative}.message.narrator:before{content:'';position:absolute;left:-1px;top:24px;bottom:24px;width:3px;background:#b5a078;border-radius:2px}.message.narrator .mini-mark{background:#f2edde;color:#9e8356}.message-text{font:17px/1.85 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}.message.action,.message.chat{padding:0 8px}.message.action .message-text{padding-left:40px;font-size:16px;color:#566052}.message.chat .message-text{font:14px/1.7 var(--sans);padding-left:40px}.message.system{font:11px/1.6 var(--sans);color:var(--muted);padding:8px 10px;border-left:2px solid var(--line)}.message.system details{overflow-wrap:anywhere}.compose{padding:15px 30px 20px;background:var(--paper);border-top:1px solid var(--line)}.turn-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-bottom:10px}.turn-dots{display:flex;gap:5px}.turn-dot{width:8px;height:8px;border:1px solid #aeb7a4;border-radius:50%}.turn-dot.done{background:#6c8c70;border-color:#6c8c70}.composer-box{border:1px solid #d2d8c9;background:var(--surface);border-radius:9px;padding:12px 14px}.composer-box textarea{width:100%;resize:vertical;min-height:66px;max-height:220px;border:0;background:transparent;color:var(--ink);font-size:13px;line-height:1.6}.composer-box textarea:focus{outline:none}.composer-box:focus-within{border-color:#809477;box-shadow:0 0 0 2px #80947718}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.composer-hint{font-size:10px;color:#999b90}.generation{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:13px}.generation p{font-size:10px;color:var(--muted);max-width:250px}.generation .btn{font-size:12px}.right-panel{border-left:1px solid var(--line);padding:23px 20px;overflow:auto;background:#f0f1e8;scrollbar-width:thin}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-label .eyebrow{font-size:9px;letter-spacing:1.8px}.character-row{display:flex;gap:11px;align-items:center;width:100%;background:transparent;text-align:left;border:1px solid transparent;border-radius:7px;padding:9px;margin:0 0 4px}.character-row:hover{background:#e8ebdf}.character-row.selected{background:#e1e8dc;border-color:#ced9c8}.avatar{width:40px;height:44px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(145deg,#c4ccb7,#8a9c80);color:#f7f8ec;font:27px var(--serif);overflow:hidden;flex:none}.avatar.tone-1{background:linear-gradient(145deg,#c6bba9,#8e8b79)}.avatar.tone-2{background:linear-gradient(145deg,#b5bfc0,#718b89)}.avatar img{width:100%;height:100%;object-fit:cover}.character-row strong{font-size:12px;font-weight:600;display:block}.character-row small{font-size:10px;color:var(--muted)}.character-row .mine-tag{margin-left:auto;font-size:9px;color:#597451}.divider{height:1px;background:var(--line);margin:22px 0}.profile-hero{position:relative;aspect-ratio:1.35;background:#d9ded0;border-radius:7px;overflow:hidden;margin-bottom:14px}.profile-hero img{width:100%;height:100%;object-fit:cover}.profile-art{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 90%,#7a927388,transparent 65%),linear-gradient(145deg,#e4e5d5,#bec9b1);color:#73856a;font:75px var(--serif)}.profile-art:before,.profile-art:after{content:'✧';font-size:25px;opacity:.35;margin:25px}.profile-title{display:flex;justify-content:space-between;align-items:start;gap:10px}.profile-title h2{font-size:24px}.profile-title p{font-size:11px;color:var(--muted);margin-top:3px}.profile-text{font-size:12px;line-height:1.75;margin:14px 0;color:#737a6d;white-space:pre-wrap}.status{font-size:10px;display:inline-flex;align-items:center;gap:6px;margin:10px 0}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:#7e9f75}.inventory-mini{display:grid;gap:7px}.item{display:flex;gap:10px;align-items:center;background:#f9f9f0;border:1px solid #e0e4d5;padding:9px 11px;border-radius:6px}.item-icon{color:#9d9479;font-size:20px}.item .name{font-size:11px;flex:1}.item .qty{font-size:10px;color:#8c907f}.item small{font-size:10px;display:block;color:var(--muted)}
.mobile-home{display:none}
.modal-actions{flex-wrap:wrap}
.message{animation:none}
.sidebar .brand{gap:8px}
.sidebar .brand-name{font-size:21px;white-space:nowrap}
.sidebar .brand-symbol{width:29px;flex:none}
/* Library and notebooks */
.player-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 20px;background:#eee5d2;border-bottom:1px solid #dcccab;font-size:12px;flex:none}
.player-notice span{min-width:0;overflow-wrap:anywhere}
.scene-illustration{margin:20px 0 0}
.scene-illustration img{display:block;max-width:100%;width:100%;max-height:560px;object-fit:contain;border-radius:8px;background:#edf0e7}
.scene-illustration figcaption{font:11px var(--sans);color:var(--muted);margin-top:8px;text-align:right}
.scene-progress{margin-top:16px}
.scene-progress .btn{margin:10px 8px 0 0}
.scene-progress small{display:block;margin-top:8px}
.message .proposal{margin-top:18px;margin-bottom:0;box-shadow:none}
.auto-badge{background:#f0ead9;color:#887248;font-size:9px}
.director-form{display:grid;gap:20px;max-width:950px}
.sidebar{overflow-y:auto;scrollbar-width:thin}
.style-fieldset{border:0;padding:0;margin:0;min-width:0}
.style-fieldset legend{font:25px var(--serif);margin-bottom:8px}
.style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin-top:16px}
.style-choice{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:18px;cursor:pointer;gap:12px}
.style-choice:has(input:checked){border-color:var(--green);background:#edf1e7;box-shadow:0 0 0 1px var(--green)}
.style-choice input{width:17px;height:17px;accent-color:var(--green);flex:none}
.style-example{font:16px/1.7 var(--serif);font-weight:400;color:#5b6a58}
.director-form .model-card h3{margin-bottom:18px}
.director-scales{display:grid;gap:24px}
.director-scale output{font-size:11px;color:var(--green);font-weight:400}
.director-scale input{accent-color:var(--green);padding:0;cursor:pointer;height:28px}
.scale-ends{font-size:10px;font-weight:400;color:var(--muted);gap:20px}
.scale-ends span:last-child{text-align:right}
.preparation{margin-bottom:20px;padding:20px}
.preparation h2{font-size:23px}
.preparation .row{margin-top:14px}
.model-card>.row:last-child{margin-top:15px}
.page{overflow:auto;flex:1;padding:30px;min-height:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.page-heading p{color:var(--muted);margin-top:7px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:23px;overflow:hidden}.card .profile-hero{aspect-ratio:1.6}.card p{color:var(--muted);font-size:13px;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}.card .row:last-child{margin-top:18px}.card h2{font-size:25px}.empty{padding:50px 25px;text-align:center;border:1px dashed #d4d9c9;border-radius:10px;color:var(--muted);margin:15px 0}.empty-symbol{font:36px var(--serif);color:#a4af96;margin-bottom:12px}.empty h2{color:var(--ink);font-size:23px;margin-bottom:10px}.empty p{font-size:13px;max-width:430px;margin:0 auto 18px}.note-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.memory-card{max-width:850px}.memory-card .note-body{margin:20px 0}.info-box{background:#ecefe4;border:1px solid #dce2d0;padding:13px 16px;border-radius:7px;color:#6d795f;font-size:12px;line-height:1.7}.proposal{margin-bottom:14px;border-left:3px solid #b3955e}.proposal pre{white-space:pre-wrap;font:13px/1.75 var(--sans);color:#68745f;margin:14px 0}.proposal .badge{background:#f3ead7;color:#967642}.settings-grid{display:grid;gap:18px;max-width:850px}.model-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:24px}.model-card .eyebrow{margin-bottom:5px}.model-card p{color:var(--muted);font-size:12px;margin:7px 0 18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields .full{grid-column:1/-1}label{display:grid;gap:6px;font-size:12px;font-weight:500}input,textarea,select{width:100%;border:1px solid #d6dccd;border-radius:6px;padding:10px 12px;background:var(--surface);color:var(--ink);min-width:0}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}label.check{display:flex;align-items:center;gap:8px;font-weight:400}.field-note{font-size:11px;color:var(--muted);font-weight:400}.stats{white-space:pre-wrap;line-height:1.9;font-size:12px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.mobile-nav{display:none}
/* Welcome */
.lobby{min-height:100dvh;max-width:1220px;margin:auto;padding:35px 48px 60px}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.lobby .brand-name{color:var(--ink);font-size:26px}.lobby .brand small{color:#83927b}.lobby .brand-symbol{color:var(--green)}.lobby-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;border-bottom:1px solid var(--line);padding-bottom:44px;margin-bottom:32px}.lobby-hero h1{font-size:53px;max-width:620px;margin:18px 0 23px;letter-spacing:-1.5px}.lobby-hero h1 em{color:#758363;font-weight:400}.lobby-hero p{font-size:14px;color:var(--muted);max-width:420px;line-height:1.9;margin-bottom:26px}.lobby-art{height:330px;position:relative;border-radius:180px 180px 20px 20px;overflow:hidden;background:linear-gradient(#dce3d5,#e9e7d7 68%,#a9b6a2);isolation:isolate}.lobby-art svg{width:100%;height:100%;display:block}.art-label{position:absolute;bottom:20px;left:0;right:0;text-align:center;font:italic 14px var(--serif);color:#f1f0df;letter-spacing:1px}.lobby-footer{display:flex;justify-content:space-between;gap:20px;color:#929985;font-size:11px;margin-top:35px}.campaign-card{cursor:pointer;position:relative;text-align:left;transition:transform .2s,box-shadow .2s}.campaign-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #30452c0a}.campaign-card .campaign-icon{font-size:30px;color:#8c9a7c;margin-bottom:22px}.campaign-card h2{font-size:24px}.campaign-card .eyebrow{font-size:9px;margin-top:20px}.new-campaign{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;background:transparent;border-style:dashed;color:var(--muted)}.new-campaign span{font-size:30px;font-weight:200}.new-campaign h3{font-size:13px;font-weight:400;margin-top:12px}
/* Dialogs */
dialog{width:min(620px,calc(100vw - 28px));max-height:90dvh;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:0;color:var(--ink);box-shadow:0 25px 100px #152c3540}dialog::backdrop{background:#1c342b70;backdrop-filter:blur(3px)}.modal-head{padding:23px 25px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{font-size:26px}.modal-body{padding:23px 25px}.modal-body .stack{gap:17px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-body .profile-hero{width:160px;aspect-ratio:1;margin:0 auto 12px}.upload-label{display:inline-flex;cursor:pointer}.file-input{position:absolute;width:1px;height:1px;opacity:0}.error{color:var(--danger);font-size:12px;min-height:18px;margin-top:10px}.link-box{display:flex;gap:8px}.link-box input{font-size:12px}.toast-visible{opacity:1!important;transform:translate(-50%,0)!important}#toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;transition:.2s;z-index:100;background:#254a3e;color:#f6f5e9;box-shadow:0 5px 22px #16332922;padding:13px 20px;border-radius:8px;max-width:min(560px,90vw);font-size:13px}.busy-status{color:#9c8152}.loading-dot{animation:pulse 1.3s infinite}.offline{color:var(--danger)}@keyframes appear{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.35}}
@media(min-width:1600px){.shell{grid-template-columns:260px minmax(0,1fr)}.game-layout{grid-template-columns:minmax(0,1fr) 335px}.timeline,.compose{padding-left:max(45px,calc((100vw - 1300px)/2));padding-right:max(45px,calc((100vw - 1300px)/2))}.topbar{padding-left:40px}.right-panel{padding:28px}.message-text{font-size:18px}}
@media(max-width:1150px){.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:23px 13px}.brand-name{font-size:21px}.game-layout{grid-template-columns:minmax(0,1fr) 240px}.right-panel{padding:20px 13px}.topbar{padding:17px 22px}.topbar h1{font-size:23px}.timeline{padding:17px 20px}.compose{padding:14px 20px}.story-toolbar{padding-left:20px;padding-right:20px}.message.narrator{padding:20px}.connection{display:none}.generation{align-items:flex-start}.generation p{max-width:140px}}
@media(max-width:900px){.game-layout{grid-template-columns:minmax(0,1fr)}.right-panel{display:none}.shell{grid-template-columns:190px minmax(0,1fr)}.generation p{max-width:260px}.lobby-hero h1{font-size:42px}.lobby{padding:25px}.lobby-art{height:290px}}
@media(max-width:640px){html,body{font-size:14px}.shell{display:flex;height:100dvh}.sidebar{display:none}.workspace{width:100%}.topbar{padding:13px 17px 12px;gap:8px}.topbar h1{font-size:21px;line-height:1.25}.breadcrumbs{font-size:9px;margin-bottom:3px;gap:7px}.top-actions .invite-label{display:none}.top-actions .btn{padding:8px 11px;min-height:36px}.top-actions{gap:5px}.mobile-home{display:inline-grid!important}.topbar .eyebrow{font-size:8px}.mobile-nav{display:flex;justify-content:space-around;background:#f9f8f1;border-top:1px solid var(--line);padding:5px 2px calc(5px + env(safe-area-inset-bottom));flex:none;z-index:2}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:1px;background:none;color:#858d7a;font-size:9px;min-height:45px;padding:4px 8px}.mobile-nav button span{font-size:20px;line-height:1.25}.mobile-nav button.active{color:var(--green)}.timeline{padding:15px 14px}.story-toolbar{padding:8px 17px 0}.tabs{gap:20px}.story-toolbar .eyebrow{font-size:8px;letter-spacing:.6px}.chapter-rule{font-size:8px;margin:5px 0 18px}.message.narrator{padding:17px 17px 20px;border-radius:8px}.message-text{font-size:16px;line-height:1.85}.message-head{font-size:11px}.message.action .message-text{font-size:15px;padding-left:20px}.message.action{padding:0 2px}.compose{padding:10px 14px 12px}.turn-line{font-size:10px;margin-bottom:7px}.composer-box{padding:9px 11px}.composer-box textarea{min-height:47px;font-size:16px}.composer-hint{font-size:9px}.generation{margin-top:9px;align-items:center;gap:7px}.generation .btn{font-size:11px;padding:8px 11px;min-height:38px;white-space:nowrap}.generation p{font-size:9px;line-height:1.4;max-width:170px}.page{padding:23px 16px}.page-heading{align-items:flex-start;gap:12px}.page-heading h2{font-size:25px}.page-heading p{font-size:11px}.page-heading .btn{font-size:11px;white-space:nowrap;padding:9px 12px}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.model-card{padding:18px}.card{padding:20px}.lobby{padding:22px 20px 40px}.lobby-header{margin-bottom:35px}.lobby-header .btn{font-size:11px;padding:8px 11px}.lobby .brand-name{font-size:23px}.lobby-hero{grid-template-columns:1fr;gap:26px;padding-bottom:28px}.lobby-hero h1{font-size:43px;letter-spacing:-1px;margin-top:15px}.lobby-hero p{font-size:13px}.lobby-art{height:180px;border-radius:100px 100px 15px 15px}.lobby-footer{flex-direction:column;gap:5px}.lobby .grid{grid-template-columns:1fr}.modal-head{padding:18px 20px}.modal-body{padding:20px}.modal-head h2{font-size:24px}#toast{bottom:80px}.grid{grid-template-columns:1fr}.page-heading .row{flex-wrap:wrap;justify-content:flex-end}.composer-actions .btn{min-height:36px}.mobile-nav .count{position:absolute;font-size:8px;right:5px;top:1px;background:#aa8957;color:white;border-radius:8px;padding:1px 4px}.mobile-nav button{position:relative}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}