:root{color-scheme:dark;--bg:#090e18;--side:#0b111e;--panel:#101827;--border:#243042;--muted:#8390a4;--text:#eff3fb;--accent:#a39bfa;--accent2:#77c6d7}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);letter-spacing:.005em}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.side{width:246px;flex:none;border-right:1px solid #202b3a;background:#0b111c;display:flex;flex-direction:column;padding:31px 18px 20px}.identity,.login-brand{display:flex;align-items:center;gap:11px;padding:0 12px}.brand-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#b3aaff,#685dd2);color:#0e1020;box-shadow:0 8px 23px #786aff27}.brand-icon svg{width:20px;fill:currentColor}.identity b{display:block;font-weight:850;letter-spacing:.09em;font-size:16px}.identity b span{font-weight:450;color:#a9a1ef;margin-left:5px}.identity small{display:block;letter-spacing:.13em;font-size:8px;font-weight:700;color:#76859a;margin-top:-3px}.side-label{margin:69px 13px 14px;font-size:9px;font-weight:750;letter-spacing:.18em;color:#69758c}nav{display:grid;gap:6px}.nav-item{border:1px solid transparent;border-radius:10px;background:transparent;color:#96a2b5;display:flex;gap:11px;align-items:center;text-align:left;width:100%;padding:11px 13px;font-size:13px;font-weight:570}.nav-item:hover{background:#182131}.nav-item.active{background:#201e3b;border-color:#36305c;color:#dbd7ff}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.nav-item span{margin-left:auto;background:#283242;border-radius:7px;padding:0 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.engine{display:flex;align-items:center;gap:10px;background:#141f2e;border:1px solid #253447;border-radius:11px;padding:12px}.engine-indicator,.tiny-dot,.pulse{height:7px;width:7px;border-radius:50%;background:#78d3ad;box-shadow:0 0 0 4px #78d3ad13}.engine b,.feature b{display:block;font-weight:650;font-size:12px}.engine small,.feature small{display:block;color:#8190a4;font-size:10px;margin-top:2px}.side-foot{padding:24px 7px 14px;color:#566579;font-size:9px;letter-spacing:.13em;line-height:2}.side-signout{background:none;border:0;color:#8190a3;font-size:12px;padding:8px}.side-signout span{margin-left:10px}.maincol{min-width:0;flex:1}.top{height:74px;border-bottom:1px solid #202b3b;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumb{color:#7b889b;font-size:12px}.breadcrumb strong{color:#cad3e0;font-weight:560}.chevron{padding:0 12px;color:#4e5e73}.top-right{display:flex;align-items:center;gap:21px}.private-tag{display:flex;align-items:center;gap:9px;color:#9aabc0;font-size:10px;font-weight:700;letter-spacing:.1em}.avatar{width:31px;height:31px;border:1px solid #665c99;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#332a55;color:#d9d0ff;font-size:12px;font-weight:700}.mobile-brand{display:none}main{max-width:1500px;margin:0 auto;padding:46px 49px 35px}.eyebrow{display:flex;gap:10px;align-items:center;color:#9a94e7;font-size:10px;font-weight:750;letter-spacing:.19em}.eyebrow .line{width:19px;height:1px;background:#938cde}.version{color:#536178;margin-left:7px}.heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;gap:20px}.heading h1{font-size:clamp(30px,3.2vw,48px);line-height:1.17;letter-spacing:-.055em;font-weight:720;margin:16px 0 10px}.heading h1 em,.login-card h1 em{font-style:normal;color:#a9a0fa}.heading p{color:#94a1b5;font-size:13px;margin:0;max-width:490px;line-height:1.7}.pill{display:inline-flex;gap:10px;align-items:center;padding:9px 13px;border:1px solid #34424e;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#b7c4d4}.pulse{background:#83d4b6}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:21px}.panel{border-radius:14px;background:linear-gradient(155deg,#131b2a 0%,#111927 65%,#101723 100%);border:1px solid #273145;box-shadow:0 20px 70px #01040b1d;min-width:0}.creation{padding:27px 27px 24px}.preview{padding:27px 25px 24px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.panel-head>div{display:flex;gap:12px;align-items:center}.panel-head h2{margin:0;font-size:15px;letter-spacing:-.015em;font-weight:700}.section-number{color:#a59bed;font-size:11px;font-weight:750}.head-note{font-size:9px;letter-spacing:.13em;color:#6e7d92;font-weight:700}.field-title,.control-group label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;font-weight:790;color:#c7d2e4;margin:0 0 11px}.field-title span{font-size:9px;color:#63748a;font-weight:700}.prompt-area{border:1px solid #394557;border-radius:10px;background:#0b1220;overflow:hidden;transition:border-color .2s}.prompt-area:focus-within{border-color:#867dda}.prompt-area textarea{height:182px;resize:vertical;border:0;outline:0;width:100%;background:none;color:#ecf0f9;padding:18px;font-size:13px;line-height:1.75}.prompt-area textarea::placeholder{color:#67768b}.prompt-footer{display:flex;justify-content:space-between;padding:11px 15px;border-top:1px solid #253044;color:#6f7f95;font-size:10px}.subheading{margin:26px 0 14px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:720}.subheading span{font-size:9px;color:#66778c;font-weight:700;letter-spacing:.12em}.control-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.control-group label{font-size:10px;margin-bottom:11px}.quality-cards{display:flex;gap:9px}.quality{width:50%;padding:13px 12px;text-align:left;background:#0c1421;color:#aebacc;border:1px solid #334056;border-radius:9px;transition:all .2s}.quality.active{background:#211d38;border-color:#8275c6;box-shadow:inset 0 0 0 1px #8275c624}.quality-top{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#e4e7f9}.quality-top svg{height:16px;width:16px;stroke:#b5a7ff;fill:none;stroke-width:1.6}.quality small{display:block;margin-top:6px;color:#8490a7;font-size:10px}.quality small span{margin:0 2px}.select-wrap{position:relative}.select-wrap select{appearance:none;border:1px solid #334056;color:#e8eef9;background:#0c1421;border-radius:9px;height:65px;padding:0 14px;width:100%;outline:0}.select-wrap span{position:absolute;right:16px;top:20px;color:#a8a0e9;pointer-events:none}.helper{margin-top:6px;color:#6b7a91;font-size:10px}.generate-wrap{margin-top:29px}.generate{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(106deg,#b7aafa,#9285e8);box-shadow:0 12px 25px #7468ce26;border:1px solid #c8bcff;border-radius:9px;color:#111329;width:100%;height:51px;font-weight:790;font-size:13px;transition:transform .2s,filter .2s}.generate:hover{filter:brightness(1.09);transform:translateY(-1px)}.generate svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.button-arrow{margin-left:auto;margin-right:17px;font-size:19px}.generate>svg{margin-left:auto}.generate>span:nth-child(2){margin-left:0}.generate-wrap p{font-size:10px;color:#728297;text-align:center;margin:13px 0 0}.preview-stage{height:342px;position:relative;background:radial-gradient(ellipse at 50% 48%,#1d2541 0%,#101728 55%,#0c1421 100%);border:1px solid #30384d;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-stage:before,.preview-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}.preview-stage:after{inset:14px;border:1px solid #b8b3e214;border-radius:4px;background:none;mask-image:none}.empty-state,.render-state{text-align:center;z-index:1;padding:10px 25px}.orbit{width:100px;height:100px;border:1px solid #7875b64a;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px;box-shadow:0 0 0 12px #9a8fee08,0 0 0 29px #9a8fee05}.orbit-inner{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid #716ab0;background:linear-gradient(145deg,#42396a,#251e43);color:#c4b9ff}.orbit-inner svg{width:24px;height:24px;fill:currentColor}.empty-state h3,.render-state h3{font-size:19px;line-height:1.4;margin:0 0 7px;letter-spacing:-.035em}.empty-state p,.render-state p{margin:0;color:#8593a7;font-size:11px}.preview-foot{display:flex;align-items:center;justify-content:space-between;margin:15px 1px 26px;gap:10px;color:#8898ae;font-size:10px;letter-spacing:.11em;font-weight:700}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#7fcaab;margin-right:7px}.download{display:flex;align-items:center;gap:7px;text-decoration:none;color:#bab0ff;letter-spacing:0;text-transform:none;font-size:12px;font-weight:700}.download svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.preview-bottom{display:flex;gap:20px;border-top:1px solid #263347;padding-top:19px}.feature{display:flex;align-items:center;gap:9px;flex:1}.feature-icon{width:37px;height:37px;background:#211d38;border:1px solid #37304f;border-radius:8px;display:grid;place-items:center;color:#b2a7fa;font-size:19px}.result-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;background:#060910}.spin-art{width:75px;height:75px;border-radius:50%;background:#292448;display:grid;place-items:center;margin:0 auto 20px;position:relative;color:#beb2ff}.spin-art svg{width:27px;fill:currentColor}.spin-ring{position:absolute;inset:-9px;border:2px solid #a99cf84a;border-top-color:#b3a5ff;border-radius:50%;animation:rotate 1.2s linear infinite}.moving-track{width:170px;height:4px;background:#33314f;border-radius:10px;overflow:hidden;margin:24px auto 16px}.moving-track span{display:block;width:35%;height:100%;background:#ac9fff;border-radius:8px;animation:track 2s ease-in-out infinite}.render-tip{font-size:10px;color:#697c96}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes track{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}.bottom-detail{display:flex;justify-content:space-between;margin-top:30px;font-size:9px;font-weight:750;color:#596a80;letter-spacing:.14em}.bottom-detail i{color:#a79ceb;margin:0 8px;font-style:normal}.library-heading{margin-bottom:31px}.outline-button{border:1px solid #39465a;background:#151e2c;color:#d1dbeb;padding:11px 16px;border-radius:9px;font-size:12px}.outline-button:hover{border-color:#9b91eb}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.library-card{background:#131c2b;border:1px solid #2b384a;border-radius:11px;overflow:hidden}.thumb{aspect-ratio:16/9;background:linear-gradient(120deg,#22203f,#101827);display:grid;place-items:center;position:relative;cursor:pointer}.thumb video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.thumb>span{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#141327aa;border:1px solid #a6a1d999;color:#ddd8ff}.library-card-body{padding:15px}.library-card h3{font-size:13px;font-weight:650;line-height:1.5;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-meta{display:flex;justify-content:space-between;color:#8696aa;font-size:11px}.library-actions{display:flex;gap:10px;margin-top:14px}.library-actions button,.library-actions a{border:1px solid #3a4560;background:#1c2536;color:#e0e6f4;padding:7px 10px;border-radius:7px;font-size:11px;text-decoration:none}.library-empty{text-align:center;padding:70px 20px;border:1px dashed #344157;border-radius:14px}.library-empty h2{font-size:21px;margin:0}.library-empty p{color:#8b9bb0}.library-empty button{margin-top:17px}.empty-glyph{font-size:45px;color:#a99de9}.login-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at 60% 20%,#232242 0%,#0a0f19 56%,#060911 100%)}.login-card{width:min(100%,455px);padding:43px 41px;background:#121a29;border:1px solid #303c52;border-radius:17px;box-shadow:0 30px 120px #0007}.login-brand{padding:0;margin-bottom:47px;font-size:18px;font-weight:500;letter-spacing:.06em}.login-brand .brand-icon{width:37px;height:37px;font-size:17px;font-weight:900}.login-brand b{color:#aea2ff}.login-card h1{font-size:42px;line-height:1.14;letter-spacing:-.055em;margin:19px 0}.login-card>p{color:#92a2b8;font-size:13px;line-height:1.8;margin-bottom:32px}.login-card form label{display:block;color:#a2b0c2;font-size:10px;letter-spacing:.14em;font-weight:800;margin-bottom:10px}.login-card input{background:#0c1320;width:100%;height:52px;border:1px solid #38465b;border-radius:9px;padding:0 15px;color:white;outline:none;margin-bottom:13px}.login-card input:focus{border-color:#a89cec}.login-card .generate{justify-content:space-between;padding-left:21px}.login-note{display:block;text-align:center;margin-top:30px;color:#64758d;font-size:9px;letter-spacing:.1em}.login-error{font-size:12px;color:#efa6a6;min-height:20px;margin-top:9px}.toast{position:fixed;bottom:23px;right:25px;padding:12px 17px;background:#352a43;color:#f4e8ff;border:1px solid #7e638e;border-radius:9px;z-index:30;box-shadow:0 20px 50px #0005;display:none;max-width:350px}.toast.show{display:block}.mobile-nav{display:none}
@media(max-width:1250px){.side{width:220px}.top{padding:0 30px}main{padding:35px 30px}.studio-layout{gap:16px}.creation,.preview{padding:22px}.control-grid{grid-template-columns:1fr}.preview-stage{height:370px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.side{width:72px;padding:27px 12px}.identity{padding:0;justify-content:center}.identity>div:last-child,.side-label,.nav-item:not(.active) span,.nav-item span,.side .nav-item{font-size:0}.nav-item{display:flex;justify-content:center;padding:13px 0}.nav-item svg{width:20px;height:20px}.side .engine>div:last-child,.side-foot,.side-signout{display:none}.engine{justify-content:center}.studio-layout{grid-template-columns:1fr}.control-grid{grid-template-columns:1.6fr 1fr}.preview-stage{height:310px}.top{height:67px}main{max-width:760px}}@media(max-width:640px){.shell{display:block}.side{display:none}.top{height:62px;padding:0 20px}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:850;letter-spacing:.08em;font-size:12px}.mini-mark{width:26px;height:26px;background:#a99ff8;color:#111628;display:grid;place-items:center;border-radius:7px;font-size:12px}.breadcrumb{display:none}.private-tag{font-size:8px}.top-right{gap:13px}.avatar{width:28px;height:28px}main{padding:29px 17px 105px}.heading{margin-bottom:24px}.heading h1{font-size:36px;margin:14px 0 11px}.heading p{font-size:12px;line-height:1.7}.heading-right{display:none}.studio-layout{gap:16px}.creation,.preview{padding:21px 18px}.panel-head{margin-bottom:25px}.panel-head h2{font-size:14px}.field-title span,.subheading span{display:none}.prompt-area textarea{height:150px}.prompt-footer span:first-child{max-width:220px}.control-grid{grid-template-columns:1fr;gap:16px}.control-group label{margin-bottom:8px}.select-wrap select{height:52px}.preview-stage{height:265px}.preview-bottom{gap:8px}.feature-icon{width:31px;height:31px}.feature b{font-size:10px}.feature small{font-size:9px}.bottom-detail{display:none}.mobile-nav{display:flex;position:fixed;z-index:5;bottom:0;left:0;right:0;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#101725f5;border-top:1px solid #273144;justify-content:space-around;align-items:center;backdrop-filter:blur(12px)}.mobile-nav-button{border:0;background:none;color:#8492a5;font-size:11px;display:flex;gap:5px;flex-direction:column;align-items:center;min-width:100px}.mobile-nav-button.active{color:#b6a9ff}.mobile-nav-button span{font-size:18px}.library-grid{grid-template-columns:1fr}.library-heading{display:block}.library-heading .outline-button{margin-top:20px}.login-card{padding:32px 25px}.login-card h1{font-size:36px}}

/* PCS_PHOTO_PORTRAIT_V1 */
.photo-control{margin:23px 0 18px}.photo-drop{min-height:82px;display:flex;align-items:center;gap:14px;border:1px dashed #6c628f;background:#151627;border-radius:11px;padding:15px;cursor:pointer}.photo-drop:hover{border-color:#b8aafa;background:#1c2036}.photo-drop b{display:block;color:#eeeaff;font-size:13px}.photo-drop small{display:block;color:#91a0b7;font-size:11px;margin-top:4px;line-height:1.4}.photo-icon{font-size:24px;color:#b8abfa;display:grid;place-items:center;border:1px solid #594f84;width:42px;height:42px;border-radius:10px}.photo-preview{display:flex;align-items:center;gap:12px;padding:9px 2px}.photo-preview img{width:58px;height:58px;object-fit:cover;border:1px solid #504f76;border-radius:8px}.photo-preview span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bcc7d9;font-size:11px}.photo-preview button{background:#292440;border:1px solid #655b84;color:#e2daff;border-radius:7px;padding:7px 10px;font-size:11px}.photo-note{color:#75859c;font-size:10px;margin:0 0 10px}.orientation-setting{margin:14px 0 18px}.orientation-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.orientation-choice{border:1px solid #344158;background:#0c1421;border-radius:9px;min-height:64px;text-align:left;color:#eef0fa;padding:11px 13px;font-weight:650}.orientation-choice>span{font-size:20px;color:#a99cf8;margin-right:7px}.orientation-choice small{display:block;color:#8898b1;font-size:10px;margin-top:3px}.orientation-choice.active{background:#211d38;border-color:#9285e8;box-shadow:inset 0 0 0 1px #9285e833}

/* Beta administration and improved registration viewport */
.login-layer{overflow-y:auto;align-items:start;padding:24px 18px}
.login-card{margin:auto;max-height:none}
.admin-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 20px}
.admin-controls select{background:#0c1421;color:#e8eef9;border:1px solid #39465a;border-radius:8px;padding:11px}
.admin-line{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 2px;border-bottom:1px solid #2b384a;overflow-wrap:anywhere}
.admin-line b{font-size:13px}.admin-line small{display:block;color:#93a3b8;font-size:11px;margin-top:5px}
.admin-new-codes{border:1px solid #7869a6;border-radius:9px;padding:16px;margin-bottom:20px;background:#17192e}
.admin-new-codes p{font-size:12px;margin-bottom:10px}.admin-new-codes textarea{width:100%;padding:12px;background:#0b1220;color:#eae6ff;border:1px solid #3a4660;border-radius:8px;margin-bottom:10px}
@media(max-width:640px){.admin-line{flex-direction:column;align-items:flex-start}.admin-controls{align-items:stretch;flex-direction:column}.admin-controls select,.admin-controls button{width:100%}.login-card{padding:30px 22px}}

/* PCS_ADMIN_REVIEW_V1 */
.admin-user-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;max-width:66%}
.admin-user-actions small{flex-basis:100%;text-align:right}
.admin-user-actions button{font-size:11px;padding:9px 11px;cursor:pointer}
.admin-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:15px 0 24px}
.admin-media-card{border:1px solid #344057;background:#0c1421;border-radius:10px;padding:12px;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:9px}
.admin-media-card img{width:100%;height:190px;object-fit:contain;border-radius:7px;background:#070b13}
.admin-media-card video{width:100%;max-height:240px;background:#000;border-radius:7px}
.admin-media-card small,.review-notice{color:#a0acc1;font-size:12px;line-height:1.5}
.admin-media-card .outline-button{display:inline-block;align-self:flex-start}
@media(max-width:720px){.admin-user-actions{max-width:100%;justify-content:flex-start}.admin-user-actions small{text-align:left}.admin-media-grid{grid-template-columns:1fr}}

/* PCS_SIX_PIN_V1 */
.pin-entry{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0 0 13px}
.login-card .pin-entry input.pin-digit,.pin-settings .pin-entry input.pin-digit{width:100%;min-width:0;height:52px;text-align:center;padding:0;border:1px solid #52617a;background:#0c1320;color:#eef1ff;border-radius:9px;font-size:23px;font-weight:700;margin:0}
.login-card input.pin-secret,.pin-settings input.pin-secret{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;pointer-events:none!important}
.pin-toggle{background:none;border:0;color:#bcb1ff;font-size:12px;margin:0 0 17px;cursor:pointer;text-decoration:underline}
.pin-hint{display:block;color:#8997ad;font-size:11px;line-height:1.5;margin:0 0 18px}
.pin-settings{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#040813da;padding:20px}
.pin-settings-card{width:min(100%,450px);background:#121a29;border:1px solid #354057;border-radius:16px;padding:27px}
.pin-settings-card h2{margin:0 0 8px}.pin-settings-card p{color:#97a6bd;font-size:12px}.pin-settings-card label{display:block;color:#a7b4c7;font-size:10px;margin:14px 0 8px}.pin-settings-card>input{width:100%;padding:12px;color:#fff;background:#0c1320;border:1px solid #354057;border-radius:8px}
.pin-settings-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.pin-settings-actions>*{flex:1}.pin-settings-actions .generate{height:42px}
@media(max-width:400px){.pin-entry{gap:4px}.login-card .pin-entry input.pin-digit{height:46px;font-size:20px}}

/* PCS_MOBILE_SIGNOUT_V1 */
.mobile-signout {
    display: none;
    background: transparent;
    color: #d9d0ff;
    border: 1px solid #665c99;
    border-radius: 8px;
    padding: 9px 11px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}
@media (max-width: 900px) {
    .mobile-signout {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 420px) {
    .mobile-signout { padding: 8px; font-size: 11px; }
    .top-right { gap: 7px; }
}