:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:#08070d;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,input,a{touch-action:manipulation}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(ellipse 75% 40% at 50% 0%,rgba(87,30,85,.12),transparent 80%),#08070d}.app-shell.is-offline{justify-content:center}.letter-stage{width:min(100%,520px);height:clamp(240px,37vh,430px);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:12px auto 20px;transition:height 1s ease;contain:layout}.letter-stage.disabled{height:clamp(300px,55vh,520px)}.letter-stage.compact{height:180px;width:240px;margin:0 auto 20px}.letter-svg{overflow:visible;width:100%;height:100%;max-width:500px;min-height:0;display:block}.controls-reveal{width:min(100%,570px)}.control-card{padding:28px;border:1px solid rgba(255,160,222,.11);border-radius:28px!important;box-shadow:0 20px 80px #0000004d,0 0 45px #ff1e8d08!important}.eyebrow{color:#cf88bb;letter-spacing:.18em!important;font-size:.64rem!important}.power-button{background:#282031!important;color:#c1b2c9!important;border:1px solid #3b2c42!important;transition:all .8s ease!important}.power-button.on{color:#ff7abe!important;background:#ff37a61a!important;border-color:#ff37a659!important;box-shadow:0 0 22px #ff23911a}.live-chip{background:#ff37a614!important;border:1px solid rgba(255,55,166,.17)!important;color:#efa5cc!important;font-size:.7rem!important}.live-dot{display:block!important;width:6px!important;height:6px!important;border-radius:50%;background:#ff57b0;box-shadow:0 0 8px #ff168c;margin-left:9px!important}.network-strip{padding:13px 16px;border:1px solid rgba(255,255,255,.06);background:#0f0c14;border-radius:17px}.ip-link{display:block;font-size:.94rem!important;font-weight:600!important;letter-spacing:.015em;text-decoration:none;color:#f4e6f4}.ip-link:hover{color:#ff63b3}.time-label,.value-label{font-variant-numeric:tabular-nums;font-weight:600!important}.section-label{font-size:.87rem!important;font-weight:600!important}.preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.preset{min-width:0!important;border-color:#3a293d!important;color:#e8dce9!important;padding:10px 6px!important;font-size:.72rem!important}.preset-dot{width:10px;height:10px;border-radius:50%;margin-right:6px;flex-shrink:0}.color-row{margin:12px 0 16px;justify-content:space-between;gap:0!important}.swatch{padding:6px!important;border:1px solid transparent!important;min-width:44px!important;min-height:44px!important}.swatch span{width:25px;height:25px;display:block;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3}.swatch.selected{border-color:#ffffffb3!important}.custom-color{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#ff168c,#9a4cff,#11d9db,#ffa633,#ff168c);border:4px solid #14111b}.custom-color input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.custom-color svg{pointer-events:none;font-size:22px;filter:drop-shadow(0 1px 2px #000)}.custom-color:focus-within{outline:2px solid #fff;outline-offset:2px}.effects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.effect-button{min-height:66px!important;padding:12px!important;border-color:#38283e!important;color:#d4c6db!important;justify-content:flex-start!important;transition:background .35s,box-shadow .35s,border-color .35s!important}.effect-button.selected{background:#ff37a61f!important;border:1px solid rgba(255,55,166,.55)!important;color:#ff83c1!important;box-shadow:inset 0 0 20px #ff37a605}.effect-button:last-child{grid-column:1/-1}.effect-title{display:block;font-size:.78rem;line-height:1.4}.effect-sub{display:block;font-size:.64rem;font-weight:400;line-height:1.45;opacity:.7}.portal-shell{min-height:100vh;min-height:100dvh;padding:24px 16px max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse 80% 40% at 50% 0%,#241021,transparent),#08070d}.portal-card{width:min(100%,480px);padding:30px;border-radius:28px!important;border:1px solid #38233b}.connection-success{display:flex;gap:8px;align-items:center}.connection-success .MuiTypography-root{min-width:0;overflow-wrap:anywhere}.connection-success .MuiChip-root{flex-shrink:0}.ip-hero{text-align:center;padding:24px 10px;margin:20px 0;background:#0e0a13;border:1px solid #35203b;border-radius:20px}.big-ip{font-size:clamp(1.7rem,6vw,2.6rem)!important;letter-spacing:-.02em!important;font-weight:650!important;color:#ff96cd}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:420px){.control-card,.portal-card{padding:20px}.letter-stage{height:250px;margin-top:0}.control-card h5{font-size:1.18rem}.effects-grid{gap:8px}.effect-button{padding:10px!important}.effect-button .MuiButton-startIcon{margin-right:7px}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-row{flex-wrap:wrap;justify-content:flex-start;column-gap:2px!important}}@media(min-width:900px){.app-shell{padding-top:20px}.letter-stage{height:330px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.letter-stage{transition:none}}.wifi-list{max-height:340px;overflow-y:auto;padding:8px!important;border:1px solid #35243d;border-radius:17px;background:#0e0b14}.wifi-list .Mui-selected{background:#ff37a621!important;box-shadow:inset 0 0 0 1px #ff37a65c}.wifi-list .MuiListItemText-root{min-width:0;overflow-wrap:anywhere}