*{box-sizing:border-box}html{color-scheme:light}html[data-golome-theme=dark]{color-scheme:dark}body{margin:0;background:var(--golome-canvas);color:var(--golome-text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100dvh;display:flex;flex-direction:column}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;font-weight:600;min-height:48px;border:1px solid var(--golome-border);border-radius:14px;padding:12px 20px;color:var(--golome-text);background:var(--golome-surface);cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:hover:not(:disabled){background:var(--golome-soft)}button.primary{display:flex;align-items:center;justify-content:space-between;gap:48px;background:var(--golome-primary);color:var(--golome-on-primary);border-color:var(--golome-primary);min-width:280px;margin:32px 0 16px}button.primary:hover:not(:disabled){background:var(--golome-primary-hover)}:focus-visible{outline:3px solid var(--golome-focus);outline-offset:5px}a{color:inherit}header{width:min(1120px,100%);margin:0 auto;padding:36px max(24px,env(safe-area-inset-right)) 28px max(24px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{text-decoration:none;display:flex;flex-direction:column;line-height:1;gap:8px}.wordmark strong{font-size:32px;letter-spacing:-1px;font-weight:700}.wordmark span{font-size:10px;letter-spacing:2.1px}main{width:min(960px,100%);margin:auto;padding:56px 24px 64px;flex:1}h1{font-size:clamp(40px,5vw,64px);line-height:1.12;letter-spacing:-2px;font-weight:650;margin:16px 0 24px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--golome-muted);margin:0}.lead{font-size:20px;line-height:1.55;color:var(--golome-muted);margin:0 0 28px}.hint{font-size:14px;color:var(--golome-muted);max-width:480px;margin:20px 0}.sister-preview{display:flex;gap:28px;border-top:1px solid var(--golome-border);padding-top:28px;margin-top:36px;max-width:480px}.sister-preview>div{display:flex;align-items:center;gap:12px}.sister-preview img{border-radius:16px}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:24px;margin:36px 0}.app-tile{text-decoration:none;background:var(--golome-surface);border:1px solid var(--golome-border);border-radius:28px;display:flex;flex-direction:column;gap:16px;align-items:center;padding:28px 24px;min-height:230px;text-align:center;transition:transform .15s ease,background .15s ease}.app-tile:hover{background:var(--golome-soft);transform:translateY(-3px)}.app-tile img{width:104px;height:104px;border-radius:26px}.app-tile strong{font-size:20px}.app-tile span{font-size:13px;color:var(--golome-muted)}.empty{padding:24px;border-radius:22px;background:var(--golome-soft);max-width:560px}#error{max-width:600px;border:1px solid var(--golome-danger);border-radius:16px;padding:16px 20px;color:var(--golome-danger);margin-top:24px}#message{color:var(--golome-muted);margin:16px 0}footer{width:min(1120px,100%);margin:0 auto;padding:24px 24px max(24px,env(safe-area-inset-bottom));font-size:12px;color:var(--golome-muted);display:flex;gap:12px}.skip{position:absolute;left:16px;top:-80px;padding:12px;background:var(--golome-surface);z-index:10}.skip:focus{top:12px}[hidden]{display:none!important}@media(max-width:600px){header{padding-top:max(28px,env(safe-area-inset-top));padding-bottom:20px}.wordmark strong{font-size:28px}main{padding-top:40px;padding-bottom:40px}h1{font-size:40px;letter-spacing:-1.3px}.lead{font-size:18px}.app-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.app-tile{padding:24px 12px;min-height:214px;border-radius:24px}.app-tile img{width:88px;height:88px;border-radius:22px}.sister-preview{gap:20px}.sister-preview img{width:48px;height:48px}.sister-preview>div{gap:8px;font-size:14px}button.primary{width:100%;min-width:0}}@media(max-width:360px){header,main,footer{padding-left:20px;padding-right:20px}.app-grid{gap:12px}.app-tile img{width:76px;height:76px}.app-tile{min-height:200px}.app-tile strong{font-size:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.appearance-label{font-size:12px;color:var(--golome-muted)}#appearance{font:inherit;font-size:14px;border:1px solid var(--golome-border);border-radius:14px;min-height:48px;padding:10px 12px;background:var(--golome-surface);color:var(--golome-text)}@media(max-width:600px){.appearance-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}header{align-items:flex-start}.header-actions{max-width:180px}}