*{box-sizing:border-box}
:root{
    --bg:#0b0a12;--bg-2:#120f1d;--panel:rgba(20,17,33,.92);--panel-2:rgba(27,22,45,.92);
    --line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.12);--text:#f8fafc;
    --muted:#cbd5e1;--soft:#8d99ae;--primary:#ff6b93;--primary-2:#7c3aed;
    --blue:#2563eb;--danger:#7f1d1d;--danger-2:#991b1b;--shadow:0 18px 50px rgba(0,0,0,.32);
}
html,body{margin:0;padding:0;min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);
background:radial-gradient(circle at top left, rgba(124,58,237,.18), transparent 30%),
radial-gradient(circle at top right, rgba(255,107,147,.14), transparent 26%),linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%)}
button,input{font:inherit} button{border:0}
input{width:100%;height:48px;border-radius:14px;border:1px solid var(--line);background:#0f1321;color:#fff;padding:0 15px;outline:none;transition:.2s ease}
input:focus{border-color:rgba(255,107,147,.65);box-shadow:0 0 0 4px rgba(255,107,147,.10)}
.app-shell{max-width:1080px;margin:0 auto;padding:28px 16px 50px}
.hero{margin-bottom:20px}
.hero__brand{display:flex;align-items:center;gap:18px;padding:22px;border-radius:26px;background:linear-gradient(180deg, rgba(22,18,36,.92), rgba(18,15,31,.94));border:1px solid var(--line);box-shadow:var(--shadow)}
.hero__icon{width:74px;height:74px;border-radius:22px;background:linear-gradient(135deg, var(--primary), var(--primary-2));display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:#fff;flex:0 0 auto}
.hero__content h1{margin:6px 0 8px;font-size:34px;line-height:1.1}
.hero__content p{margin:0;color:var(--muted);line-height:1.65;max-width:760px}
.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:12px;color:#e2e8f0;letter-spacing:.02em}
.dashboard{display:grid;gap:18px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}
.panel--spotlight{background:linear-gradient(135deg, rgba(255,107,147,.10), transparent 45%),linear-gradient(180deg, rgba(23,19,37,.95), rgba(17,13,28,.95))}
.panel__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.panel__head--stack{align-items:flex-start;flex-wrap:wrap}
.panel__tools{display:flex;gap:8px;flex-wrap:wrap}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-bottom:6px}
h2{margin:0;font-size:22px;line-height:1.2}
.field + .field{margin-top:14px}
.field label{display:block;font-size:14px;color:#dbe3ef;margin-bottom:8px}
.domain-input{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.domain-input input{flex:1;min-width:220px}
.domain-input span{color:#94a3b8;font-size:15px}
.hint-text{margin-top:8px;color:var(--soft);font-size:13px;line-height:1.55}
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.open-btn,.delete-btn,.pin-btn,.quick-btn{height:44px;border-radius:14px;padding:0 16px;cursor:pointer;font-weight:700;transition:.18s ease}
.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.danger-btn:hover,.open-btn:hover,.delete-btn:hover,.pin-btn:hover,.quick-btn:hover{transform:translateY(-1px);opacity:.96}
.primary-btn{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}
.secondary-btn{background:#334155;color:#fff}
.ghost-btn{background:rgba(255,255,255,.04);color:#dbe3ef;border:1px solid var(--line-strong)}
.ghost-btn--small{height:38px;padding:0 14px;font-size:13px}
.ghost-btn.is-active{background:rgba(255,107,147,.12);border-color:rgba(255,107,147,.35);color:#fff}
.danger-btn{background:linear-gradient(180deg, var(--danger-2), var(--danger));color:#fff}
.result-box{margin-top:15px;min-height:24px;color:var(--muted);line-height:1.6}
.result-box .result-inner{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.result-box .result-inner.error{color:#fecaca;border-color:rgba(248,113,113,.25);background:rgba(127,29,29,.22)}
.result-box .result-inner.ok{color:#d1fae5;border-color:rgba(16,185,129,.22);background:rgba(6,78,59,.18)}
.quick-open-box{margin-top:2px}
.quick-open-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line)}
.quick-open-info{min-width:0;flex:1}
.quick-open-title{font-size:16px;font-weight:800;color:#fff}
.quick-open-sub{margin-top:5px;color:var(--muted);font-size:13px;word-break:break-word}
.quick-open-actions{display:flex;gap:8px;flex-wrap:wrap}
.quick-btn{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}
.saved-stores{display:grid;gap:12px}
.store-item{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.store-item.is-pinned{border-color:rgba(255,107,147,.26);background:linear-gradient(180deg, rgba(255,107,147,.08), rgba(255,255,255,.03))}
.store-info{min-width:0;flex:1}
.store-topline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.store-name{font-size:16px;font-weight:800;color:#fff;word-break:break-word}
.store-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.store-chip.pinned{background:rgba(255,107,147,.14);border-color:rgba(255,107,147,.32)}
.store-url{margin-top:6px;color:var(--muted);font-size:13px;word-break:break-word}
.store-meta{margin-top:6px;color:var(--soft);font-size:12px}
.store-actions{display:flex;gap:8px;flex-wrap:wrap}
.open-btn{background:var(--blue);color:#fff}
.delete-btn{background:#374151;color:#fff}
.pin-btn{background:#1f2937;color:#fff}
.empty-state{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:18px;border:1px dashed var(--line-strong);color:#94a3b8;background:rgba(255,255,255,.02)}
.empty-state__icon{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}
.empty-state__title{color:#e5edf8;font-weight:700;margin-bottom:4px}
.empty-state__text{line-height:1.6}
@media (max-width:760px){
.hero__brand,.quick-open-card,.store-item{flex-direction:column;align-items:flex-start}
.hero__content h1{font-size:30px}
.quick-open-actions,.store-actions,.action-row{width:100%}
.primary-btn,.secondary-btn,.danger-btn,.open-btn,.delete-btn,.pin-btn,.quick-btn{width:100%}
}

.hero__icon-wrap{flex:0 0 auto}
.hero__logo{width:74px;height:74px;border-radius:22px;display:block;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.hero__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.hero__status{font-size:13px;color:#b7c3d6}
.install-btn{height:44px;border-radius:14px;padding:0 16px;cursor:pointer;font-weight:700;transition:.18s ease;background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff}
.install-btn:hover{transform:translateY(-1px);opacity:.96}
.ios-install-guide{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999}
.ios-install-guide__card{max-width:540px;margin:0 auto;padding:16px 18px;border-radius:18px;background:rgba(16,20,34,.96);border:1px solid var(--line-strong);box-shadow:var(--shadow)}
.ios-install-guide__title{font-weight:800;color:#fff;margin-bottom:6px}
.ios-install-guide__text{color:var(--muted);line-height:1.6;margin-bottom:12px}
@media (max-width:760px){
.hero__actions{width:100%}
.install-btn{width:100%}
}