.mobile-hub.midnight main>.glass-page{box-sizing:border-box;position:relative;max-width:700px;margin:16px auto;padding:30px 22px 26px;min-height:0;border:0;border-radius:0;background:radial-gradient(ellipse at 95% 0%,#0b426333,transparent 40%),#031426;color:#edf7ff;box-shadow:none}
.glass-page .eyebrow{font-size:12px;letter-spacing:2.4px;color:#19d5ed;margin:0 0 14px}.mobile-hub .glass-page h1{font-size:clamp(32px,8vw,44px);font-weight:850;letter-spacing:-1.3px;line-height:1.15;margin:0 0 14px;color:#f7fbff}.glass-page h1:focus{outline:none}.glass-page h1:focus-visible{outline:2px solid #45e6f5;outline-offset:5px}
.glass-page .glass-lead{font-size:16px;line-height:1.65;color:#b7cfe6;margin:0 0 22px}.glass-page svg{width:32px;height:32px;color:#39e4f3;flex:none}
.glass-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}.midnight #guide .glass-steps li{display:flex;align-items:center;gap:14px;margin:0;padding:21px 16px;border:1px solid #377c9b;border-radius:15px;background:linear-gradient(115deg,#0b3047b3,#071c32 62%,#12436585);box-shadow:inset 0 1px 0 #b0e8ff12;line-height:1.5}.step-number{width:30px;height:30px;border:1px solid #20ddea;color:#36e9f1;border-radius:50%;display:grid;place-items:center;flex:none;font-size:18px}.glass-steps strong{font-size:16px;color:#f2f7ff}.glass-steps p{font-size:14px;line-height:1.65;color:#b3cbe0;margin:6px 0 0}.glass-rules{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid #387891;border-radius:14px;background:linear-gradient(110deg,#0a2b41,#061b30);text-decoration:none}.glass-rules strong{color:#edf8ff}.glass-rules>span{margin-left:auto;font-size:28px}
.glass-profile{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid #367e9d;border-radius:14px;background:linear-gradient(110deg,#10384f,#0a2038);margin-bottom:18px}.glass-profile small{display:block;color:#a1bdd4;font-size:13px;margin-bottom:5px}.glass-profile strong{font-size:16px}.glass-profile p{font-size:13px;line-height:1.5;color:#afcbe0;margin:6px 0 0}
.mobile-hub.midnight .glass-page #story-form{display:grid;grid-template-columns:1fr;gap:16px;margin:0;color:#eaf6ff}.mobile-hub.midnight .glass-page #story-form>label{color:#e5f3ff;font-size:15px;margin:0;grid-column:auto;grid-row:auto}.mobile-hub.midnight .glass-page #story-form input:not([type=checkbox]),.mobile-hub.midnight .glass-page #story-form textarea{background:#061d32;border:1px solid #6895b2;border-radius:10px;color:#eef8ff;padding:12px 14px;min-height:48px;font-size:16px}.glass-page #story-body{min-height:112px!important}.glass-page #story-form .hint{font-size:13px;line-height:1.6;color:#a9bfd3;margin:0}.glass-policy{font-size:14px;color:#adc8df;border-top:1px solid #24475e;padding-top:12px}.glass-policy summary{cursor:pointer}.glass-page .story-upload{border:1px solid #2d5974;border-radius:12px;padding:12px}.glass-page .story-actions{display:flex;gap:8px}.glass-page .story-actions button{flex:1;font-size:15px;background:linear-gradient(110deg,#32eff1,#00b9dc);color:#002239;min-height:48px}.glass-page .story-actions button:disabled{background:#163447;color:#9ab4c6}.glass-page .rights-check{line-height:1.6}.glass-page #story-status{color:#b1d4e8}.glass-page>h2{font-size:20px;margin-top:28px}
.mobile-hub .glass-page .menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}.midnight .glass-page .menu-grid a{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;padding:20px 16px;min-height:150px;box-sizing:border-box;border:1px solid #387f9c;border-radius:15px;background:linear-gradient(120deg,#0b3047aa,#071c32 65%,#10405c66);color:#f0f8ff}.glass-page .menu-grid strong{font-size:16px;line-height:1.4}.glass-page .menu-grid p{font-size:14px;font-weight:400;line-height:1.55;margin:0;color:#b7cce2}.glass-page .menu-grid .glass-arrow{position:absolute;right:18px;top:22px;font-size:25px;color:#4ce9f4}.mobile-hub .glass-page>.hint{font-size:13px;line-height:1.6;color:#98b4cc;margin-top:14px}
@media(max-width:959px){.mobile-hub.midnight main>.glass-page:not(#join){margin:0;min-height:0;padding:26px 20px 28px}.glass-steps svg{width:25px;height:25px}.glass-page .menu-grid a{padding:18px 14px}}
@media(max-width:360px){.mobile-hub.midnight main>.glass-page:not(#join){padding:24px 14px}.midnight #guide .glass-steps li{gap:10px;padding:16px 12px}.glass-steps svg{display:none}.glass-page .menu-grid strong{font-size:15px}}
/* Approved concept 01: navy glass, cyan rim, compact mobile rhythm. */
.mobile-hub .glass-page h1:focus,.mobile-hub .glass-page h1:focus-visible{outline:none!important;box-shadow:none!important}
.mobile-hub.midnight main>.glass-page{background:radial-gradient(ellipse at 100% 8%,#07416355,transparent 38%),linear-gradient(145deg,#021526,#031426 65%,#02111e)}
.mobile-hub .glass-page h1{font-size:clamp(32px,9vw,44px);margin-bottom:12px;letter-spacing:-1px}
.glass-page .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:10px}.glass-page .glass-lead{font-size:14px;line-height:1.65;margin-bottom:20px}
.midnight #guide .glass-steps li{padding:18px 14px;gap:14px;border-color:#398ca7;background:linear-gradient(125deg,#073048a6,#051c30 63%,#103b5580);box-shadow:inset 0 1px 0 #b7ecff20,inset 0 -5px 20px #008db312;border-radius:14px}
.glass-steps strong{font-size:14px}.glass-steps p{font-size:12px;line-height:1.65}.glass-rules{padding:16px 20px}.step-number{font-weight:700;box-shadow:0 0 15px #00e8ef12}
.glass-profile{padding:15px;gap:15px;margin-bottom:14px;background:linear-gradient(110deg,#10374e,#0a2339);border-color:#448aa5}.glass-profile strong{font-size:14px}.glass-profile small{font-size:11px}.glass-profile p{font-size:12px}
.mobile-hub.midnight .glass-page #story-form{gap:13px}.mobile-hub.midnight .glass-page #story-form>label{font-size:13px}.mobile-hub.midnight .glass-page #story-form input:not([type=checkbox]),.mobile-hub.midnight .glass-page #story-form textarea{font-size:14px;min-height:42px;padding:10px 12px;background:linear-gradient(115deg,#061c30,#041a2c)}.glass-page #story-body{min-height:90px!important}
.glass-page .story-count{display:block;text-align:right;color:#90b5d2;font-size:11px;margin-top:4px}.glass-page .story-options{color:#a7c9dd;font-size:12px}.glass-page .story-options summary{padding:8px 0;cursor:pointer}.glass-page .story-options[open]>*:not(summary){margin-top:12px}
.midnight .glass-page .menu-grid a{padding:18px 16px;min-height:144px;gap:10px;border-color:#378bab;border-radius:14px;background:linear-gradient(120deg,#0a334bc0,#041a2d 64%,#0b345099);box-shadow:inset 0 1px 0 #c0efff18,inset 0 -6px 16px #079bbb0c}.glass-page .menu-grid strong{font-size:15px}.glass-page .menu-grid p{font-size:12px}.glass-page .menu-grid svg{width:29px;height:29px}.glass-page .menu-grid .glass-arrow{top:20px;font-size:23px}
@media(max-width:959px){.mobile-hub.midnight main>.glass-page:not(#join){padding:24px 18px 26px}.glass-page .menu-grid{gap:10px}.glass-page .glass-lead{font-size:14px}}
/* Midnight Glass 11: a single, explicit design for the three member views. */
.mobile-hub.midnight main>.glass-page{isolation:isolate;background:radial-gradient(ellipse at 98% 13%,#08456866,transparent 46%),linear-gradient(150deg,#011323,#03172b 65%,#011321)}
.glass-heading{position:relative;isolation:isolate;overflow:hidden;padding:4px 4px 0;min-height:150px;margin-bottom:6px}.glass-heading-globe{position:absolute;z-index:-1;pointer-events:none;width:178px;height:178px;right:-47px;top:0;opacity:.2;filter:drop-shadow(0 0 11px #00c9ff)}.glass-heading h1{max-width:100%}.glass-heading .glass-lead{max-width:90%;color:#b7d2e7}.glass-page#story .glass-heading{min-height:150px}
.midnight #guide .glass-steps li{min-height:108px;box-sizing:border-box;background:linear-gradient(125deg,#0b3951bd,#041a2e 60%,#0b354eaa);border:1px solid #3985a3;box-shadow:inset 0 1px 0 #c1f3ff26,inset 0 0 25px #00bfff08,0 7px 20px #0002}.glass-steps li>svg{width:29px;height:29px}.glass-steps strong{font-size:15px}.glass-steps p{font-size:13px}.glass-page .glass-profile{border:1px solid #3a87a3;box-shadow:inset 0 1px 0 #c5edff22;background:linear-gradient(125deg,#123e58b8,#09273e 65%,#123952)}
.midnight .glass-page .menu-grid a{min-height:153px;padding:18px 17px;background:linear-gradient(130deg,#0a3653c9,#051c31 65%,#0b3b5680);border:1px solid #3788a5;box-shadow:inset 0 1px 0 #aff0ff26,0 6px 20px #0002}.glass-page .menu-grid p{font-size:13px;line-height:1.55}.glass-page .menu-grid strong{font-size:16px}.glass-page .menu-grid .glass-arrow{color:#60e7f5}.glass-page .glass-rules{background:linear-gradient(120deg,#09334a,#062137);border-color:#3c87a3}
@media(max-width:400px){.mobile-hub.midnight main>.glass-page:not(#join){padding:22px 16px}.glass-steps li>svg{width:24px;height:24px}.midnight #guide .glass-steps li{gap:11px;padding:15px 12px}.midnight .glass-page .menu-grid a{padding:16px 13px}.glass-heading{min-height:146px}}
.story-auth-gate{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:20px;border:1px solid #3d8ba8;border-radius:16px;background:linear-gradient(130deg,#0c3852d9,#061d32 67%,#0b3450);box-shadow:inset 0 1px 0 #c8f2ff24,0 12px 34px #0003}.story-auth-gate[hidden]{display:none}.story-lock{width:46px;height:46px;border:1px solid #33dce9;border-radius:50%;display:grid;place-items:center;color:#3ce9f2}.story-lock svg{width:25px;height:25px}.story-auth-gate small{display:block;color:#65dfed;font-size:10px;letter-spacing:1.2px;margin-bottom:5px}.story-auth-gate strong{display:block;color:#f4f9ff;font-size:16px}.story-auth-gate p{grid-column:2;margin:7px 0 0;color:#b5cee2;font-size:13px;line-height:1.55}.story-auth-gate button{grid-column:1/-1;min-height:48px;margin-top:4px;background:linear-gradient(105deg,#38edf0,#0ac8e5);color:#02243a}.story-auth-gate #story-auth-status{grid-column:1/-1;margin:0;color:#a9c9dc;font-size:12px;text-align:center}.story-auth-gate #story-auth-status:empty{display:none}
#story-form[hidden]{display:none!important}
.glass-page .story-upload{display:grid;grid-template-columns:minmax(0,1fr) auto 54px;gap:8px;align-items:center;padding:9px 10px;margin:0}.glass-page .story-upload label{font-size:12px}.glass-page .story-upload input{font-size:12px!important;min-height:36px!important;padding:6px!important}.glass-page .story-upload button{min-height:38px;padding:7px 10px;font-size:12px}.glass-page .story-upload img{grid-column:3;grid-row:1;width:54px;height:54px;margin:0;border-radius:8px;object-fit:cover}.glass-page .story-upload p{grid-column:1/-1;margin:0;font-size:11px;color:#9bc4d8}.glass-page .story-upload p:empty{display:none}
@media(max-width:600px){.glass-page#story{padding-top:15px!important}.glass-page#story .glass-heading{min-height:94px;margin-bottom:4px}.glass-page#story .glass-heading-globe{width:130px;height:130px;right:-34px;top:-10px}.glass-page#story .eyebrow{margin-bottom:5px}.glass-page#story h1{font-size:31px;margin-bottom:5px}.glass-page#story .glass-lead{font-size:13px;line-height:1.4;margin-bottom:5px}.glass-page#story .glass-profile{padding:10px 12px;margin-bottom:10px;gap:11px}.glass-page#story .glass-profile svg{width:24px;height:24px}.glass-page#story .glass-profile p{display:none}.glass-page#story #story-form{gap:8px}.glass-page#story #story-form>label{gap:4px}.glass-page#story #story-form input:not([type=checkbox]){min-height:38px;padding:8px 11px}.glass-page#story #story-body{min-height:72px!important}.glass-page#story .story-count{margin-top:1px}.glass-page#story .story-actions button{min-height:43px}.glass-page#story .story-options summary{padding:5px 0}.glass-page#story>h2,.glass-page#story>#published-stories{display:none}.story-auth-gate{margin-top:8px;padding:16px 14px}}
@media(max-width:600px){
 .glass-page#menu{padding:14px 14px 18px!important}
 .glass-page#menu .glass-heading{min-height:91px;margin:0 0 8px;padding:0}
 .glass-page#menu .glass-heading-globe{width:116px;height:116px;right:-25px;top:-15px;opacity:.16}
 .glass-page#menu .eyebrow{margin:0 0 4px;font-size:10px}
 .glass-page#menu h1{font-size:30px;margin:0 0 3px;line-height:1.1}
 .glass-page#menu .glass-lead{font-size:12px;line-height:1.35;margin:0;max-width:75%}
 .mobile-hub .glass-page#menu .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 9px}
 .midnight .glass-page#menu .menu-grid a{display:grid;grid-template-columns:25px minmax(0,1fr) 12px;align-items:center;gap:8px;min-height:72px;padding:10px 10px;border-radius:12px}
 .glass-page#menu .menu-grid svg{width:24px;height:24px}
 .glass-page#menu .menu-grid strong{font-size:14px;line-height:1.25}
 .glass-page#menu .menu-grid p{display:none}
 .glass-page#menu .menu-grid .glass-arrow{position:static;font-size:20px;line-height:1;text-align:right}
 .glass-page#menu>.hint{margin:5px 2px 0;font-size:11px;line-height:1.35}
 .midnight .glass-page#menu .menu-grid .menu-stadium,.midnight .glass-page#menu .menu-grid .menu-track{grid-column:auto;min-height:72px;background:linear-gradient(105deg,#0c4561,#062239 68%,#0e4960);border-color:#40a7bd}
}