.app-shell{background:#0a0a1f;flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.app-top-bar{z-index:60;background:#080817;border-bottom:1px solid #252537;flex-shrink:0;position:sticky;top:0}.app-logo-row{border-bottom:1px solid #1d1d2b;justify-content:space-between;align-items:center;gap:6px;padding:10px 14px 6px;display:flex}.app-logo-brand{flex:auto;align-items:center;gap:4px;min-width:0;display:flex}.app-logo-text{letter-spacing:.18em;color:#66faff;text-shadow:0 0 12px #00f7ff66;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700;overflow:hidden}.app-logo-actions{flex:none;align-items:center;gap:6px;display:flex}@media (width<=380px){.app-logo-text{letter-spacing:.1em;white-space:normal;text-overflow:clip;font-size:8px;line-height:1.25;overflow:visible}}@media (width>=381px) and (width<=430px){.app-logo-text{letter-spacing:.1em;text-overflow:clip;font-size:8px;overflow:visible}}.conn-chip{letter-spacing:.12em;white-space:nowrap;color:#80ffff;background:#00ffff14;border:1px solid #00ffff59;flex-shrink:0;padding:4px 6px;font-family:IBM Plex Mono,monospace;font-size:7px;line-height:1}.conn-chip-offline{color:#f58989;background:#ee2b2b1a;border-color:#ee2b2b66}.credits-chip{cursor:pointer;background:#dc52ff1a;border:1px solid #dc52ff66;flex-shrink:0;align-items:center;gap:3px;padding:3px 7px;transition:all .15s;display:flex}.credits-chip:hover{background:#dc52ff2e;border-color:#dc52ffb3}.credits-chip-value{color:#e680ff;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;line-height:1}.credits-chip-label{letter-spacing:.12em;color:#e680ff;font-family:IBM Plex Mono,monospace;font-size:7px;line-height:1}.avatar-menu-wrap{flex-shrink:0;margin-left:6px;position:relative}.topbar-avatar-btn{cursor:pointer;background:#16162d;border:1.5px solid #393956;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.topbar-avatar-btn:hover,.topbar-avatar-btn[aria-expanded=true]{border-color:#00f7ff99;box-shadow:0 0 8px #00f7ff40}.topbar-avatar-btn--photo{border-color:#00f7ff8c;box-shadow:0 0 0 2px #00f7ff2e,0 0 10px #00f7ff4d}.topbar-avatar-btn--photo:hover,.topbar-avatar-btn--photo[aria-expanded=true]{border-color:#00f7ffe6;box-shadow:0 0 0 2px #00f7ff59,0 0 16px #00f7ff73}.topbar-avatar-img{object-fit:cover;width:100%;height:100%;display:none}.topbar-avatar-img--ready{display:block}.topbar-avatar-letter{color:#66fafff2;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;line-height:1}.topbar-avatar-anon{color:#66faffd9;flex-shrink:0;width:16px;height:16px}.avatar-dropdown{z-index:999;background:#0f0f24;border:1px solid #2d2d43;flex-direction:column;min-width:160px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #05050fb3}.avatar-dropdown-email{letter-spacing:.06em;color:#ababba;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #212131;padding:10px 14px 8px;font-family:IBM Plex Mono,monospace;font-size:8px;overflow:hidden}.avatar-dropdown-item{letter-spacing:.12em;color:#d5d5dd;cursor:pointer;text-align:left;background:0 0;border:none;padding:11px 14px;font-family:IBM Plex Mono,monospace;font-size:9px;transition:background .12s,color .12s}.avatar-dropdown-item:hover{color:#99fcff;background:#00f7ff0f}.avatar-dropdown-signout{color:#ababba}.avatar-dropdown-signout:hover{color:#f0a8a8;background:#d926260f}.avatar-dropdown-signin{color:#f0b3ff}.avatar-dropdown-signin:hover{color:#e680ff;background:#dc52ff14}.avatar-dropdown-admin{color:#e066fff2}.avatar-dropdown-admin:hover{color:#e680ff;background:#dc52ff12}.avatar-dropdown-link{cursor:pointer;text-decoration:none;display:block}.avatar-dropdown-divider{background:#212131;height:1px;margin:2px 0}.avatar-dropdown-sub{flex-direction:column;display:flex}.avatar-dropdown-sub-toggle{justify-content:space-between;align-items:center;width:100%;display:flex}.avatar-dropdown-sub-caret{color:#818198;margin-left:8px;font-size:10px}.avatar-dropdown-sub-panel{background:#0b0b19;border-top:1px solid #212131;border-bottom:1px solid #212131;flex-direction:column;display:flex}.avatar-dropdown-sub-item{color:#c1c1cd;padding-left:26px;font-size:8.5px}.top-action-btn{letter-spacing:.1em;color:#a7a7be;cursor:pointer;background:0 0;border:1px solid #2d2d43;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:8px;transition:all .15s}.top-action-btn:hover{color:#66faff;border-color:#00f7ff80}.app-tabs{justify-content:space-evenly;align-items:stretch;display:flex;position:relative}.app-tab{text-align:center;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.14em;color:#a7a7be;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:25%;min-width:0;padding:10px 14px;font-family:IBM Plex Mono,monospace;font-size:10px;transition:color .2s,background .2s,text-shadow .2s;overflow:hidden}@media (width<=430px){.app-tab{letter-spacing:.08em;padding-inline:4px;font-size:9px}.app-tab-count,.tab-hint{display:none}}.app-tab:hover:not(.app-tab-disabled){color:#66faff}.app-tab-active{text-shadow:0 0 12px #00f7ff80;background:#00f7ff0d;color:#66faff!important;border-bottom-color:#0000!important}.app-tab-disabled{cursor:not-allowed;color:#a7a7be!important}.tab-hint{opacity:.5}.app-tab-indicator{pointer-events:none;will-change:transform, width;background:#00f7ff;height:2px;transition:transform .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;bottom:0;left:0;box-shadow:0 0 6px #00f7ffd9,0 0 16px #00f7ff66}@keyframes tab-highlight{0%{color:#a7a7be;background:0 0}20%{color:#b3fcff;background:#00f7ff2e;border-bottom-color:#00f7ff}60%{color:#66faff;background:#00f7ff1a;border-bottom-color:#00f7ff99}to{color:#a7a7be;background:0 0;border-bottom-color:#0000}}.app-tab-pulse{animation:1.8s ease-out forwards tab-highlight}.app-content{flex:1;position:relative}.screen-wrapper{position:relative}.screen-scroll{overflow-x:hidden}.example-gallery{padding:0 0 20px}.eg-divider{background:#29293d;height:1px;margin-bottom:20px}.eg-header{padding:0 20px 16px}.eg-title{letter-spacing:.15em;color:#66faff;margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.eg-sub{color:#a7a7be;font-family:Inter,sans-serif;font-size:11px}.eg-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;display:grid}.eg-card{cursor:pointer;background:#121226;border:1px solid #29293d;transition:border-color .15s;overflow:hidden}.eg-card:hover{border-color:#00f7ff80}.eg-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.eg-info{padding:10px}.eg-species{color:#66faff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-family:IBM Plex Mono,monospace;font-size:11px;font-style:italic;overflow:hidden}.eg-planet{color:#a7a7be;margin-bottom:6px;font-family:Inter,sans-serif;font-size:10px}.eg-tags{flex-wrap:wrap;gap:4px;display:flex}.eg-tags span{color:#ababba;background:#0a0a1f;border:1px solid #252537;padding:2px 5px;font-family:IBM Plex Mono,monospace;font-size:8px}.app-footer{letter-spacing:.08em;color:#a7a7be;text-align:center;border-top:1px solid #1d1d2b;padding:16px 20px 24px;font-family:IBM Plex Mono,monospace;font-size:9px}@media (width>=431px){.app-shell{border-left:1px solid #1f1f2e;border-right:1px solid #1f1f2e}}.unsaved-overlay{z-index:9999;background:#05050fd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.unsaved-dialog{text-align:center;background:#0f0f24;border:1px solid #dc52ff66;width:90%;max-width:300px;padding:28px 24px 24px;position:relative}.unsaved-close{color:#9898b3;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-family:IBM Plex Mono,monospace;font-size:16px;line-height:1;position:absolute;top:6px;right:8px}.unsaved-close:hover{color:#f0b3ff}.unsaved-icon{color:#f0b3ff;text-shadow:0 0 16px #dc52ff80;margin-bottom:12px;font-size:28px}.unsaved-title{letter-spacing:.15em;color:#f0b3ff;margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:700}.unsaved-body{color:#d3d3de;margin-bottom:20px;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}.unsaved-actions{gap:10px;display:flex}.unsaved-btn-stay{letter-spacing:.1em;color:#f0b3ff;cursor:pointer;background:#dc52ff1f;border:1px solid #dc52ff99;flex:1;padding:10px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:background .15s}.unsaved-btn-stay:hover{background:#dc52ff38}.unsaved-btn-leave{letter-spacing:.1em;color:#a7a7be;cursor:pointer;background:0 0;border:1px solid #393956;flex:1;padding:10px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;transition:all .15s}.unsaved-btn-leave:hover{color:#f0a8a8;border-color:#dd3c3c80}@media print{.app-shell,.app-content,.screen-wrapper,.screen-scroll{height:auto!important;max-height:none!important;overflow:visible!important}.app-nav,.app-topbar,.app-top-bar,.app-tabs,.app-footer{display:none!important}}