*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--surface:#1e293b;--surface-2:#27384f;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}html,body,#app{background:var(--bg);height:100%;color:var(--text)}.list-view{flex-direction:column;height:100%;display:flex}.app-header{padding:20px 16px 16px;padding-top:calc(20px + env(safe-area-inset-top));border-bottom:1px solid var(--border);flex-shrink:0}.app-header h1{font-size:20px;font-weight:700}.list-scroll{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.project-list{flex-direction:column;gap:8px;list-style:none;display:flex}.other-toggle{border:none;border-top:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;padding:10px 4px;font-family:inherit;font-size:13px;display:flex}.other-toggle:active{color:var(--text)}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 16px;font-family:inherit;transition:background .1s;display:flex}.project-card:active{background:var(--surface-2)}.card-name{font-size:17px;font-weight:600}.card-url{color:var(--text-muted);font-size:13px}.iframe-view{z-index:10;background:#fff;display:flex;position:fixed;inset:0}.project-iframe{border:none;flex:1;width:100%;height:100%}.back-btn{top:calc(12px + env(safe-area-inset-top));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);z-index:20;-webkit-tap-highlight-color:transparent;background:#0f172ad9;border:1px solid #ffffff26;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:14px;position:fixed;left:12px}.hidden{display:none!important}