:root{color:#f8f7ff;background:#070613;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#35135f 0,#0000 32%),#070613;min-width:900px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;padding:.75rem 1rem;transition:all .16s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 22px #00f5ff40}button:disabled{opacity:.45;cursor:not-allowed}select,input,textarea{color:#fff;background:#0b0a1cdb;border:1px solid #ffffff24;border-radius:18px;outline:none;width:100%}select,input{padding:.85rem 1rem}.app-shell{isolation:isolate;background:var(--wallpaper-base,radial-gradient(circle at top left, #35135f 0, transparent 32%), #070613);min-height:100vh;padding:2rem;position:relative;overflow:hidden}.wallpaper-layer{z-index:-3;pointer-events:none;background:var(--wallpaper-art);opacity:var(--wallpaper-opacity,1);position:fixed;inset:0}.wallpaper-layer:before,.wallpaper-layer:after{content:"";background:var(--wallpaper-before), var(--wallpaper-after);mix-blend-mode:screen;position:absolute;inset:0}.wallpaper-layer:after{opacity:.72;transform:var(--wallpaper-after-transform,none)}.orb{z-index:-1;filter:blur(14px);opacity:.65;border-radius:50%;position:fixed}.orb-a{background:var(--orb-a,#00f5ff);width:300px;height:300px;top:50px;right:-90px}.orb-b{background:var(--orb-b,#ff3df2);width:260px;height:260px;bottom:-120px;left:12%}.hero-card,.glass-card,.tabbar{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#ffffff24,#ffffff0f);border:1px solid #ffffff24;box-shadow:0 24px 80px #00000059}.hero-card{border-radius:34px;justify-content:space-between;align-items:center;gap:1rem;padding:1.6rem 2rem;display:flex}.hero-status-stack{flex-direction:column;align-items:flex-end;gap:.65rem;min-width:245px;display:flex}.eyebrow{color:#7df9ff;text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.72rem}.title-row{flex-wrap:wrap;align-items:center;gap:1rem;margin:.2rem 0;display:flex}h1{margin:.2rem 0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1}.logo-mark{color:#ffeb3b;text-shadow:0 0 24px #ff3df2}.version-badge{color:#070613;letter-spacing:.06em;background:linear-gradient(135deg,#ffeb3b,#7df9ff);border-radius:999px;align-items:center;padding:.42rem .72rem;font-weight:950;display:inline-flex;box-shadow:0 0 22px #7df9ff47}.subtitle,.muted,.hint{color:#b9b3d8}.subtitle{max-width:780px;margin:0}.hint{margin:.65rem 0 0;font-size:.9rem}.status-pill{background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;padding:.55rem .9rem;font-weight:800;display:inline-flex}.status-pill.small{font-size:.78rem}.registration-badge{color:#d9d4ff;width:auto;max-width:100%;box-shadow:none;background:#0000003d;border:1px solid #7df9ff3d;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .8rem;font-size:.82rem;font-weight:900;display:inline-flex}.registration-badge.registered{color:#61ff9d;background:#61ff9d14;border-color:#61ff9d61}.registration-badge.expired{color:#ffe66d;background:#ffe66d1a;border-color:#ffe66d80}.ready,.completed,.ok{color:#61ff9d}.running{color:#7df9ff}.failed,.bad,.danger{color:#ff6b8a}.cancelled,.warn{color:#ffe66d}.analysing,.converting{color:#ffeb3b}.tabbar{border-radius:24px;flex-wrap:wrap;gap:.6rem;margin:1rem 0;padding:.6rem;display:flex}.tabbar button.active{color:#080713;background:linear-gradient(135deg,#00f5ff,#9b5cff 55%,#ff3df2);font-weight:900}.content-grid{grid-template-columns:minmax(0,1fr) 330px;gap:1rem;display:grid}.glass-card{border-radius:30px;padding:1.35rem}.primary-panel{min-height:475px}.field-label{color:#7df9ff;margin:1rem 0 .45rem;font-weight:800;display:block}.url-input{resize:vertical;min-height:118px;padding:1rem;font-size:1rem}.queue-input{min-height:150px;margin-top:.6rem}.queue-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0;display:grid}.queue-controls label{color:#7df9ff;gap:.35rem;font-weight:800;display:grid}.queue-controls span{font-size:.85rem}.mode-grid{grid-template-columns:repeat(3,1fr);gap:.9rem;margin:1rem 0;display:grid}.toggle-card{text-align:left;background:#ffffff14;border:1px solid #ffffff1f;border-radius:24px;min-height:125px}.toggle-card span{font-size:1.7rem;display:block}.toggle-card strong,.toggle-card small{display:block}.toggle-card small{color:#b9b3d8;margin-top:.35rem}.toggle-card.selected{background:linear-gradient(135deg,#00f5ff4d,#ff3df238);border-color:#7df9ff}.action-row,.mini-actions,.folder-row{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1rem;display:flex}.primary-button{color:#070613;background:linear-gradient(135deg,#7df9ff,#ffeb3b);font-weight:950}.confirm{color:#16040a;background:linear-gradient(135deg,#ff6b8ae6,#ffe66dcc);font-weight:900}.traffic-card{background:#00000038;border:1px solid #7df9ff2e;border-radius:24px;margin-top:1rem;padding:1rem}.traffic-card h3{margin:0}.traffic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.9rem;display:grid}.traffic-grid label{color:#7df9ff;gap:.35rem;font-weight:800;display:grid}.traffic-grid small{color:#b9b3d8;font-weight:500}.inline-switch{color:#7df9ff;align-items:center;gap:.6rem;font-weight:800;display:inline-flex}.inline-switch input{accent-color:#00f5ff;width:22px;height:22px}.live-dock-heading{justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.85rem;display:flex}.live-dock-heading h2{margin:0}.log-button{color:#d9d4ff;background:#00000038;border:1px solid #7df9ff38;border-radius:12px;align-items:center;gap:.35rem;padding:.48rem .68rem;font-size:.82rem;font-weight:900;display:inline-flex}.log-button:hover:not(:disabled){color:#070613;background:linear-gradient(135deg,#7df9ff,#ffeb3b)}.help-button{color:#070613;vertical-align:middle;background:#7df9ff;border:1px solid #ffffff80;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:.35rem;padding:0;font-size:.85rem;font-weight:900;display:inline-flex}.help-button:hover:not(:disabled){background:#ffeb3b;transform:translateY(-1px)}.progress-wrap{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;height:18px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#00f5ff,#ff3df2,#ffeb3b);min-width:0;height:100%;transition:width .24s;box-shadow:0 0 28px #00f5ff99}.notice-row{align-items:flex-start;gap:.55rem;margin:1rem 0;display:flex}.notice{color:#fff;flex:1;min-height:4.5rem;margin:0;line-height:1.5}.copy-notice-button{color:#d9d4ff;background:#00000038;border:1px solid #7df9ff38;border-radius:12px;flex:none;place-items:center;width:2.15rem;height:2.15rem;padding:0;display:inline-grid}.copy-notice-button:hover:not(:disabled){color:#070613;background:linear-gradient(135deg,#7df9ff,#ffeb3b)}.copy-sheets-icon{border:1.8px solid;border-radius:2px;width:14px;height:17px;display:block;position:relative}.copy-sheets-icon:before{content:"";opacity:.78;border:1.8px solid;border-radius:2px;width:14px;height:17px;position:absolute;top:4px;left:-5px}.access-status-line{--access-colour:#b9b3d8;min-width:0;color:var(--access-colour);border:1px solid color-mix(in srgb, var(--access-colour) 34%, transparent);white-space:nowrap;text-overflow:ellipsis;background:#00000038;border-radius:14px;align-items:center;gap:.45rem;margin:.8rem 0 .45rem;padding:.55rem .7rem;font-size:.86rem;font-weight:900;line-height:1;display:flex;overflow:hidden}.access-status-line span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.access-status-dot{background:var(--access-colour);width:.55rem;height:.55rem;box-shadow:0 0 14px color-mix(in srgb, var(--access-colour) 70%, transparent);border-radius:999px;flex:none}.access-checking{--access-colour:#b9b3d8}.access-public-direct{--access-colour:#61ff9d}.access-public-compatibility{--access-colour:#7df9ff}.access-authenticated-cookies{--access-colour:#ffe66d}.access-authenticated-cookies-compatibility{--access-colour:#ffc857}.access-recovery{--access-colour:#ff9f43}.access-restricted-failed,.access-unavailable{--access-colour:#ff6b8a}.dependency-grid{gap:.6rem;margin:1rem 0;display:grid}.dependency-grid span,.path-chip,.tool-card{overflow-wrap:anywhere;background:#00000038;border:1px solid #ffffff1a;border-radius:18px;padding:.8rem}.path-chip{color:#d9d4ff}.safety-note{color:#ffe66d;font-size:.9rem;line-height:1.5}.list-item{background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;margin:.8rem 0;padding:1rem;display:flex}.list-item strong,.list-item small{overflow-wrap:anywhere;display:block}.list-item small{color:#b9b3d8;margin-top:.25rem}.section-heading-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading-row h2{margin:0}.switch-row{background:#ffffff14;border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.switch-row span small{color:#b9b3d8;margin-top:.35rem;font-weight:500;line-height:1.4;display:block}.switch-row input{accent-color:#00f5ff;width:22px;height:22px}.wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:.85rem 0 1rem;display:grid}.wallpaper-option{text-align:left;background:#ffffff12;border:1px solid #ffffff1f;border-radius:22px;gap:.45rem;min-height:172px;padding:.75rem;display:grid;position:relative;overflow:hidden}.wallpaper-option.selected{border-color:#7df9ff;box-shadow:0 0 0 2px #7df9ff33,0 0 28px #00f5ff33}.wallpaper-option.selected:after{content:"Selected";color:#071014;background:#7df9ff;border-radius:999px;padding:.25rem .45rem;font-size:.68rem;font-weight:950;position:absolute;top:.75rem;right:.75rem}.wallpaper-option strong{z-index:1;position:relative}.wallpaper-option small{z-index:1;color:#b9b3d8;line-height:1.35;position:relative}.wallpaper-preview{background:var(--wallpaper-base);border:1px solid #ffffff26;border-radius:16px;height:82px;display:block;position:relative;overflow:hidden}.wallpaper-preview .wallpaper-layer{z-index:0;opacity:1;position:absolute}.tool-card{gap:.25rem;margin:.7rem 0;display:grid}.site-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.8rem 0 1rem;display:grid}.site-access-grid .tool-card{margin:0}.site-access-grid small{color:#b9b3d8;overflow-wrap:anywhere}.analysis-card,.supported-card,.settings-card{background:#0000003d;border:1px solid #7df9ff2e;border-radius:24px;margin:1rem 0;padding:1rem}.settings-card h3{margin:0 0 .35rem}.registration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.registration-checklist{background:#0000003d;border:1px solid #7df9ff2e;border-radius:22px;margin:1rem 0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;line-height:1.8}.registration-checklist span{color:#7df9ff;font-weight:900}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03020cb8;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.modal-card{width:min(780px,100vw - 3rem);max-height:calc(100vh - 4rem);overflow:auto}.log-modal{width:min(900px,100vw - 3rem)}.log-textarea{resize:vertical;white-space:pre;min-height:360px;margin-top:1rem;padding:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.45}.analysis-head{align-items:center;gap:1rem;display:flex}.analysis-head img{object-fit:cover;border:1px solid #ffffff29;border-radius:16px;width:132px;height:74px}.analysis-card h3,.supported-card h3{margin:0 0 .35rem}.analysis-card details{background:#ffffff0f;border-radius:16px;margin-top:.7rem;padding:.7rem}.analysis-card summary{cursor:pointer;color:#7df9ff;font-weight:800}.analysis-card details small{color:#b9b3d8;overflow-wrap:anywhere;margin-top:.35rem;display:block}.chip-row{flex-wrap:wrap;gap:.55rem;margin-top:.8rem;display:flex}.source-grid{flex-wrap:wrap;gap:.45rem;display:flex}.source-grid span{color:#d9d4ff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:.45rem .65rem;font-size:.82rem}@media (width<=980px){.content-grid{grid-template-columns:1fr}.hero-card{flex-direction:column;align-items:flex-start}.hero-status-stack{align-items:flex-start;min-width:0}.mode-grid,.registration-grid,.queue-controls,.traffic-grid,.wallpaper-grid,.site-access-grid{grid-template-columns:1fr}}.wallpaper-aurora{--wallpaper-base:radial-gradient(circle at top left, #35135f 0, transparent 32%), #070613;--wallpaper-art:radial-gradient(circle at 18% 18%, #ff3df242, transparent 26%), radial-gradient(circle at 82% 18%, #00f5ff3d, transparent 24%), radial-gradient(circle at 45% 92%, #7df9ff1f, transparent 28%);--wallpaper-before:radial-gradient(#fff 0 1px, transparent 1.4px) 0 0 / 78px 78px;--wallpaper-after:linear-gradient(135deg, #ffffff14, transparent 45%);--orb-a:#00f5ff;--orb-b:#ff3df2}.wallpaper-nebula{--wallpaper-base:radial-gradient(circle at 22% 18%, #5a135f 0, transparent 34%), radial-gradient(circle at 76% 28%, #b54b23 0, transparent 25%), #060511;--wallpaper-art:radial-gradient(ellipse at 50% 46%, #ff3d8440, transparent 35%), radial-gradient(ellipse at 68% 62%, #ffb84d29, transparent 32%), radial-gradient(circle at 15% 74%, #7df9ff29, transparent 20%);--wallpaper-before:radial-gradient(#fff 0 1px, transparent 1.8px) 10px 20px / 62px 62px, radial-gradient(#ffd1fb 0 1px, transparent 1.5px) 18px 6px / 118px 118px;--wallpaper-after:conic-gradient(from 120deg at 45% 50%, transparent, #ff3df22e, transparent, #ffeb3b1f, transparent);--orb-a:#ff9f43;--orb-b:#ff3df2}.wallpaper-matrix{--wallpaper-base:radial-gradient(circle at top, #21ff8d29, transparent 36%), #020806;--wallpaper-art:linear-gradient(90deg, #61ff9d21 1px, transparent 1px) 0 0 / 38px 100%, linear-gradient(180deg, #61ff9d3d, transparent 18%, #61ff9d14 19%, transparent 42%) 0 0 / 72px 180px;--wallpaper-before:repeating-linear-gradient(180deg, #61ff9d1f 0 2px, transparent 2px 18px);--wallpaper-after:radial-gradient(circle at 76% 22%, #61ff9d42, transparent 24%);--orb-a:#61ff9d;--orb-b:#11995b}.wallpaper-orbit{--wallpaper-base:radial-gradient(circle at 78% 52%, #2c67ff38, transparent 23%), #050816;--wallpaper-art:radial-gradient(circle at 75% 52%, transparent 0 11%, #7df9ff3d 11.3% 11.8%, transparent 12.2% 19%, #7df9ff21 19.3% 19.8%, transparent 20.2%), radial-gradient(circle at 15% 20%, #ffffff24, transparent 10%);--wallpaper-before:linear-gradient(28deg, transparent 48%, #7df9ff33 49%, transparent 50%), radial-gradient(#fff 0 1px, transparent 1.6px) 0 0 / 84px 84px;--wallpaper-after:conic-gradient(from 220deg at 76% 52%, #7df9ff2e, transparent 22%, #9b5cff2e, transparent 58%);--orb-a:#2f6bff;--orb-b:#7df9ff}.wallpaper-synthwave{--wallpaper-base:linear-gradient(180deg, #12051f 0%, #18082b 50%, #050511 100%);--wallpaper-art:radial-gradient(circle at 50% 36%, #ff7e4052, transparent 16%), linear-gradient(180deg, transparent 52%, #ff3df21f 52.5%, transparent 54%);--wallpaper-before:repeating-linear-gradient(90deg, transparent 0 46px, #00f5ff2e 47px 48px), repeating-linear-gradient(180deg, transparent 0 28px, #ff3df22e 29px 30px);--wallpaper-after:linear-gradient(0deg, #00f5ff29, transparent 42%);--wallpaper-after-transform:perspective(500px) rotateX(62deg) translateY(34%);--orb-a:#ff7e40;--orb-b:#9b5cff}.wallpaper-blueprint{--wallpaper-base:linear-gradient(135deg, #06162c, #0a3158 58%, #04101f);--wallpaper-art:linear-gradient(#7df9ff1c 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, #7df9ff1c 1px, transparent 1px) 0 0 / 32px 32px;--wallpaper-before:linear-gradient(#ffffff1f 1px, transparent 1px) 0 0 / 160px 160px, linear-gradient(90deg, #ffffff1f 1px, transparent 1px) 0 0 / 160px 160px;--wallpaper-after:radial-gradient(circle at 72% 18%, #7df9ff2e, transparent 18%), linear-gradient(120deg, transparent 42%, #7df9ff24 42.5% 43.5%, transparent 44%);--orb-a:#7df9ff;--orb-b:#1d8fff}.wallpaper-comet{--wallpaper-base:radial-gradient(circle at 18% 80%, #9b5cff38, transparent 30%), #070718;--wallpaper-art:linear-gradient(135deg, transparent 0 30%, #7df9ff57 31%, transparent 33%), linear-gradient(135deg, transparent 0 54%, #ffeb3b38 55%, transparent 56.5%), radial-gradient(circle at 70% 30%, #ffffff38, transparent 5%);--wallpaper-before:repeating-linear-gradient(135deg, transparent 0 90px, #ffffff14 92px 94px, transparent 96px 180px);--wallpaper-after:radial-gradient(#fff 0 1px, transparent 1.5px) 0 0 / 68px 68px;--orb-a:#ffe66d;--orb-b:#7df9ff}.wallpaper-circuit{--wallpaper-base:radial-gradient(circle at 80% 12%, #00f5ff2e, transparent 24%), #050912;--wallpaper-art:linear-gradient(90deg, #00f5ff1f 1px, transparent 1px) 0 0 / 54px 54px, linear-gradient(#9b5cff1c 1px, transparent 1px) 0 0 / 54px 54px;--wallpaper-before:radial-gradient(circle, #7df9ff57 0 2px, transparent 2.5px) 0 0 / 108px 108px, linear-gradient(90deg, transparent 48%, #00f5ff29 48.5% 49%, transparent 49.5%);--wallpaper-after:linear-gradient(45deg, transparent 43%, #ff3df22e 44%, transparent 45%), linear-gradient(-45deg, transparent 54%, #7df9ff29 55%, transparent 56%);--orb-a:#00f5ff;--orb-b:#9b5cff}.wallpaper-eclipse{--wallpaper-base:radial-gradient(circle at 50% 38%, #05050a 0 12%, #ffb84d7a 12.5%, #ffb84d14 15%, transparent 30%), #08070d;--wallpaper-art:radial-gradient(circle at 50% 38%, transparent 0 12%, #ffeb3b33 12.4% 13%, transparent 14%), radial-gradient(circle at 20% 20%, #ffffff1f, transparent 2%);--wallpaper-before:radial-gradient(#fff 0 1px, transparent 1.5px) 6px 8px / 76px 76px;--wallpaper-after:conic-gradient(from 0deg at 50% 38%, #ffeb3b2e, transparent 10%, #ffb84d29, transparent 35%, #ffeb3b24, transparent 70%);--orb-a:#ffeb3b;--orb-b:#ff8f3d}.wallpaper-stellar{--wallpaper-base:linear-gradient(135deg, #030918, #0b1538 54%, #040612);--wallpaper-art:linear-gradient(32deg, transparent 49%, #7df9ff26 49.4% 50%, transparent 50.4%), linear-gradient(-18deg, transparent 39%, #ffffff1a 39.5% 40%, transparent 40.5%);--wallpaper-before:radial-gradient(circle, #ffffffeb 0 1.3px, transparent 1.8px) 0 0 / 92px 92px, radial-gradient(circle, #7df9ffbf 0 1px, transparent 1.4px) 20px 30px / 132px 132px;--wallpaper-after:radial-gradient(circle at 28% 26%, #7df9ff33, transparent 14%), radial-gradient(circle at 68% 58%, #9b5cff2e, transparent 18%);--orb-a:#7df9ff;--orb-b:#5d7cff}
