:root{color:#161617;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{flex-direction:column;min-height:100vh;padding:32px;display:flex;position:relative;overflow:hidden}.home-shell{color:#f5f5f7;background:#050505}.home-shell:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#000000f5 0%,#000000eb 46%,#0000008a 78%,#0000 100%);width:62%;position:absolute;inset:0 auto 0 0}.home-shell:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#000000b8 0%,#00000080 54%,#000000a8 100%);position:absolute;inset:0}.home-shell .shell-content,.home-shell .site-footer{z-index:2;position:relative}.home-shell h1{color:#fff;text-shadow:0 10px 42px #000000d1}.home-shell .lede{color:#f5f5f7;text-shadow:0 8px 28px #000000d1}.home-shell .eyebrow{color:#61a8ff;text-shadow:0 6px 20px #000000e6}.hero-copy{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e;border-radius:8px;max-width:680px;margin-left:-30px;padding:28px 30px;box-shadow:0 24px 90px #0000006b}.home-shell .panel{color:#161617;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0}.home-shell .site-footer{color:#ffffffad}.home-shell .site-footer a{color:#ffffffdb}.shell-content{flex:1}.hero{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:48px;max-width:1120px;min-height:calc(100vh - 132px);margin:0 auto;display:grid}.eyebrow{letter-spacing:0;color:#06c;text-transform:uppercase;font-size:13px;font-weight:700}h1{letter-spacing:0;margin:0 0 20px;font-size:clamp(36px,5vw,64px);line-height:1}.hero h1{font-size:clamp(44px,6vw,76px);line-height:.96}.page-title{font-size:clamp(42px,5vw,64px)}.admin-title{margin-bottom:18px;font-size:clamp(42px,5vw,58px);line-height:1.02}h2{margin:28px 0 12px}.lede{color:#515154;max-width:640px;font-size:21px;line-height:1.35}.panel{background:#fff;border:1px solid #d9d9de;border-radius:8px;box-shadow:0 10px 32px #0000000d}.form{gap:16px;padding:22px;display:grid}label{color:#515154;gap:7px;font-size:13px;font-weight:650;display:grid}input,select,textarea{color:#161617;background:#fff;border:1px solid #c7c7cc;border-radius:8px;width:100%;padding:12px 13px}textarea{resize:vertical;line-height:1.35}.split{grid-template-columns:1fr 1fr;align-items:end;gap:14px;display:grid}.checkbox{align-items:center;gap:10px;min-height:45px;display:flex}.checkbox input{width:18px;height:18px}.primary,.secondary,.ghost,button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.primary{color:#fff;background:#161617;font-weight:750}.secondary{color:#fff;background:#06c;font-weight:750}.ghost{color:#06c;background:0 0}.error{color:#b42318}.success{color:#067647}.muted{color:#6e6e73}.form-note{color:#6e6e73;text-align:center;margin:-2px 0 0;font-size:12px;line-height:1.4}.turnstile-box{justify-content:center;align-items:center;display:flex;overflow:hidden}.turnstile-box.is-complete{display:none}.turnstile-box iframe{max-width:100%}.narrow{max-width:720px;margin:0 auto}.back{color:#06c;margin-bottom:18px;display:inline-block}.event-landing{align-content:center;max-width:960px;min-height:calc(100vh - 132px);margin:0 auto;display:grid}.actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.source-page{max-width:920px;margin:0 auto;padding:36px 0}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.source-app{background:#fff;border:1px solid #d9d9de;border-radius:8px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.source-app:hover{border-color:#06c}.source-app img{object-fit:cover;background:#111;border-radius:22.5%;width:58px;height:58px}.source-app span{gap:3px;min-width:0;display:grid}.source-app strong,.source-app small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-app svg{color:#6e6e73}.links{align-items:stretch;gap:10px;max-width:720px;margin:28px auto 0;display:grid}.links.compact{max-width:420px;margin:10px 0 0}.link-card{background:#fff;border:1px solid #d9d9de;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;min-height:58px;padding:12px 16px;display:flex;overflow:hidden}.link-card:hover{border-color:#06c}.link-card:focus-visible{outline-offset:2px;outline:3px solid #06c}.link-card span{text-align:left;gap:2px;min-width:0;display:grid}.link-card strong,.link-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-card small{color:#6e6e73}.copy-link{color:#161617;background:0 0;flex:none;width:28px;height:28px;padding:0}.copy-link:hover{background:#f5f5f7}.searchbox{background:#fff;border:1px solid #d9d9de;border-radius:8px;align-items:center;gap:10px;height:56px;margin:20px 0;padding:0 16px;display:flex}.searchbox input{border:0;outline:0;padding:0}.results{gap:10px;margin-bottom:18px;display:grid}.result{text-align:left;background:#fff;border:1px solid #d9d9de;justify-content:flex-start;padding:10px}.result.selected{outline:3px solid #0066cc38}.result img,.selected-app img,.app-row img{object-fit:cover;border-radius:22.5%;width:58px;height:58px}.result span,.app-row span{gap:3px;min-width:0;display:grid}.result strong,.result small,.app-row strong,.app-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}small{color:#6e6e73}.selected-list{gap:10px;display:grid}.selected-app{grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:12px;display:grid}.selected-app img{width:48px;height:48px}.selected-app span{min-width:0;display:grid}.selected-app strong,.selected-app small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-app button{color:#161617;background:#f5f5f7;width:38px;height:38px;padding:0}.honeypot{opacity:0;position:absolute;left:-10000px}.admin-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);align-items:start;gap:20px;max-width:1280px;margin:0 auto;display:grid}.admin-intro{grid-column:1/-1;grid-template-columns:minmax(260px,auto) minmax(420px,1fr);align-items:end;gap:24px;display:grid}.admin-intro .links{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;margin:0}.admin-settings{grid-column:1}.admin-import{grid-column:2}.admin-main{grid-column:1/-1}.settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.settings .checkbox,.settings .wide-setting{grid-column:1/-1}.settings-message{grid-column:1/-1;margin:0}.support-panel{align-items:start;gap:8px;margin-top:14px;padding:16px;display:grid}.support-panel strong{font-size:15px}.support-panel span{color:#6e6e73;font-size:13px;line-height:1.35}.support-panel .secondary{justify-self:start;margin-top:4px}.import-panel{margin-bottom:24px}.app-log{max-height:54vh;padding-right:8px;overflow:auto}.app-list{gap:10px;display:grid}.app-row{background:#fff;border:1px solid #d9d9de;border-radius:8px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.app-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.app-row button,.app-row a{color:#161617;background:#f5f5f7;border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;display:inline-flex}.app-row a svg,.app-row button svg{width:18px;height:18px}.empty{color:#6e6e73;place-items:center;min-height:60vh;display:grid}.site-footer{color:#86868b;flex-wrap:wrap;justify-content:center;gap:8px 18px;padding-top:24px;font-size:12px;display:flex}.site-footer a{color:#515154;text-underline-offset:2px;text-decoration:underline}.demo-wall{z-index:0;opacity:.64;filter:saturate(1.05);pointer-events:none;align-content:center;gap:18px;display:grid;position:absolute;inset:-6vh -10vw}.demo-wall-row{gap:18px;width:max-content;animation:42s linear infinite demoMarquee;display:flex}.demo-icon{object-fit:cover;background:#111;border-radius:22.5%;flex:none;width:94px;height:94px;box-shadow:inset 0 1px #ffffff5c,inset 0 -14px 30px #00000038,0 18px 54px #00000080}@keyframes demoMarquee{0%{transform:translate(-10%)}to{transform:translate(-45%)}}.wall{align-content:center;gap:var(--gap);width:100vw;height:100vh;padding-block:var(--gap);background:#000;display:grid;overflow:hidden}.wall-row{gap:var(--gap);width:max-content;animation:marquee var(--duration) linear infinite;display:flex}.wall-row.paused{animation-play-state:paused}.wall-icon-link{width:var(--tile-size);height:var(--tile-size);outline-offset:4px;border-radius:22.5%;flex:none;display:block}.wall-icon-link:focus-visible{outline:3px solid #61a8ff}.wall-icon-link:hover .wall-icon{transform:translateY(-2px)}.wall-icon{border-radius:inherit;object-fit:cover;background:#111;width:100%;height:100%;transition:transform .14s;box-shadow:0 12px 40px #00000073}.wall-footer{color:#fff;pointer-events:none;background:linear-gradient(#0000,#000c 26%,#000000eb);min-height:136px;padding:24px 28px 18px;position:fixed;bottom:0;left:0;right:0}.wall-footer-main{align-items:flex-end;min-width:0;display:flex;position:absolute;bottom:31px;left:28px;right:150px}.wall-title{width:100%;font-size:calc(28px * var(--title-size) / 100);white-space:nowrap;text-overflow:ellipsis;line-height:1.05;display:block;overflow:hidden}.wall-qr{color:#fff;pointer-events:auto;justify-items:center;gap:6px;font-size:15px;font-weight:800;display:grid;position:absolute;bottom:16px;right:28px}.wall-qr svg{background:#fff;border-radius:8px;flex:none;width:96px;height:96px;padding:7px}.wall-tools{z-index:2;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141416e0;border-radius:8px;align-items:center;gap:10px;padding:10px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,8px)}.wall-tools.visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.wall-tools button,.wall-stepper button{color:#fff;background:#ffffff29;flex:none;width:42px;height:42px;padding:0}.wall-stepper{border-left:1px solid #ffffff29;align-items:center;gap:6px;padding-left:8px;display:flex}.wall-stepper span{color:#c7c7cc;text-transform:uppercase;font-size:12px;font-weight:700}.wall-title-editor{color:#c7c7cc;text-transform:uppercase;align-items:center;gap:8px;min-height:0;font-size:12px;font-weight:700;display:flex}.wall-title-editor input{color:#fff;background:#ffffff1f;border-color:#ffffff2e;width:190px;height:42px;padding:8px 10px}.wall-save-message{color:#c7c7cc;white-space:nowrap;font-size:12px}.wall-empty{color:#fff;place-items:center;height:100vh;font-size:24px;display:grid}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=820px){.shell{padding:20px}.home-shell:before{background:linear-gradient(#000000f0 0%,#000000d6 58%,#0000006b 100%);width:100%}.home-shell:after{background:linear-gradient(#000000c2 0%,#0000008f 58%,#000000d1 100%)}.demo-wall{opacity:.48;gap:14px}.demo-icon{width:72px;height:72px}.hero,.admin-grid{grid-template-columns:1fr;min-height:auto}.source-grid{grid-template-columns:1fr}.admin-intro,.admin-main,.admin-settings,.admin-import{grid-area:auto}.admin-intro{grid-template-columns:1fr;align-items:start}.admin-intro .links{grid-template-columns:1fr}.admin-intro{order:1}.admin-settings{order:2}.admin-import{order:3}.admin-main{order:4}.settings{grid-template-columns:1fr}.app-log{max-height:none;padding-right:0;overflow:visible}.hero{align-items:start}h1,.page-title,.admin-title{font-size:42px}.app-row{grid-template-columns:52px minmax(0,1fr)}.app-actions{grid-column:1/-1;justify-content:flex-start}.wall-footer{min-height:104px;padding:18px 12px 12px;bottom:0;left:0;right:0}.wall-footer-main{bottom:31px;left:12px;right:94px}.wall-title{font-size:calc(19px * var(--title-size) / 100)}.wall-qr svg{width:70px;height:70px;padding:5px}.wall-qr strong{font-size:12px}.wall-qr{bottom:10px;right:12px}.wall-tools{position:fixed;bottom:112px;left:12px;right:12px;overflow-x:auto;transform:translateY(8px)}.wall-tools.visible{transform:translateY(0)}.wall-stepper span{display:none}.wall-title-editor input{width:150px}}
