html{-webkit-text-size-adjust:100%;font-size:16px}
:root{--kabin-arka:#0d0711;--kabin-kutu:#1b0e24;--kabin-vurgu:#e11d48;--kabin-yazi:#fce7f3;--kabin-soluk:#f5d0fe;--kabin-cizgi:#4a2159}
body{margin:0;background-color:var(--kabin-arka);color:var(--kabin-yazi);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.62;padding-bottom:5.5rem}
.app-shell{max-width:36rem;margin:0 auto;padding:0.9rem}
.status-pill{display:flex;justify-content:space-between;align-items:center;background:#1f1129;border:1px solid var(--kabin-cizgi);padding:0.5rem 0.9rem;border-radius:99px;font-size:0.78rem;margin-bottom:0.9rem}
.story-strip{display:flex;gap:0.85rem;overflow-x:auto;padding:0.5rem 0.1rem 0.9rem;border-bottom:1px solid #3b1c47;margin-bottom:1rem}
.story-item{text-align:center;font-size:0.74rem;color:#f472b6;flex-shrink:0;cursor:pointer;background:transparent;border:0}
.story-ring{width:3.6rem;height:3.6rem;border-radius:50%;border:3px solid var(--kabin-vurgu);background:#261230;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.95rem;margin:0 auto 0.3rem}
h1{font-size:1.42rem;font-weight:800;color:#fff;margin:0 0 0.6rem;line-height:1.3}
h2{font-size:1.12rem;font-weight:700;color:#fda4af;margin:1.25rem 0 0.55rem}
h3{font-size:0.98rem;font-weight:700;color:#fff;margin:0.8rem 0 0.35rem}
p{font-size:0.92rem;color:var(--kabin-soluk);margin:0 0 0.8rem}
.dial-pad-card{background:var(--kabin-kutu);border:2px solid var(--kabin-vurgu);border-radius:1.1rem;padding:1rem;text-align:center;margin:1rem 0;box-shadow:0 8px 24px rgba(225,29,72,0.22)}
.dial-screen{background:#09040c;border:1px solid var(--kabin-cizgi);border-radius:0.75rem;padding:0.75rem;margin-bottom:0.75rem}
.dial-num{font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:0.5px;display:block;margin-top:0.25rem}
.room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;margin-bottom:0.75rem}
.room-btn{background:#2d163b;color:var(--kabin-yazi);border:1px solid #58286b;padding:0.6rem;border-radius:0.55rem;font-weight:700;font-size:0.8rem;cursor:pointer}
.room-btn.secili{background:var(--kabin-vurgu);color:#fff;border-color:#fb7185}
.call-cta{display:block;background:linear-gradient(90deg,#e11d48 0%,#be123c 100%);color:#fff;font-weight:900;font-size:1.02rem;padding:0.9rem;border-radius:0.75rem;text-decoration:none;text-align:center}
.sub-card{background:#190d21;border:1px solid #3b1c47;border-radius:0.75rem;padding:0.9rem;margin-bottom:0.8rem}
.comp-list{list-style:none;padding:0;margin:0.75rem 0;display:flex;flex-direction:column;gap:0.55rem}
.comp-list li{background:#190d21;border-left:4px solid #f43f5e;padding:0.7rem 0.85rem;border-radius:0 0.6rem 0.6rem 0;font-size:0.86rem;color:var(--kabin-soluk)}
.bottom-dock{position:fixed;bottom:0;left:0;right:0;background:#14091b;border-top:1px solid var(--kabin-cizgi);display:grid;grid-template-columns:repeat(5,1fr);padding:0.45rem 0.25rem;z-index:90}
.dock-link{text-align:center;color:var(--kabin-soluk);text-decoration:none;font-size:0.7rem;font-weight:600;padding:0.25rem 0.1rem}
.dock-link.aktif{color:#fb7185;font-weight:800}
.kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin:0.85rem 0}
.kpi-box{background:#160b1e;border:1px solid var(--kabin-cizgi);border-radius:0.6rem;padding:0.6rem;text-align:center;font-size:0.78rem}