:root{color-scheme:dark;--bg:#0a1020;--surface:#10192c;--surface2:#142038;--border:#263451;--muted:#9aa9c3;--text:#ecf4ff;--primary:#4a91ff;--primary2:#6eb3ff;--accent:#40dfc2;--radius:22px;--shadow:0 26px 78px rgba(0,0,0,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.85 Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}p{margin:0}h1,h2,h3{line-height:1.5;margin:0}h2{font-size:25px}h3{font-size:18px}button:focus-visible,a:focus-visible,input:focus-visible,.dropzone:focus-visible{outline:2px solid #8acaff;outline-offset:3px}.hidden{display:none!important}.ambient{position:absolute;pointer-events:none;z-index:-1;filter:blur(10px)}.ambient1{width:630px;height:600px;top:-280px;left:2%;background:radial-gradient(circle,rgba(25,98,228,.14),transparent 65%)}.ambient2{width:780px;height:720px;top:360px;right:-320px;background:radial-gradient(circle,rgba(20,185,165,.1),transparent 65%)}.layout{max-width:1140px;margin:0 auto;padding:0 30px}.topbar{height:90px;display:flex;align-items:center;gap:30px;justify-content:space-between;border-bottom:1px solid rgba(133,162,209,.12)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:bold;white-space:nowrap;line-height:1.25}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#7386aa;margin-top:4px;font-family:Arial,sans-serif}.brand .accent{color:var(--primary2)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(140deg,#3387ff,#3163cc);border-radius:13px;font-size:27px;box-shadow:0 5px 30px #348aff40}.nav{display:flex;align-items:center;gap:30px;color:#a5b4d0;font-size:13px}.nav a:hover,.footer a:hover{color:#fff}.header-pill{font-size:12px;color:#abd8d1;border:1px solid #24594e;border-radius:99px;padding:7px 13px;background:#11312e75;white-space:nowrap}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-left:8px;box-shadow:0 0 0 4px #41dcc11a}.hero{text-align:center;padding:80px 0 54px;max-width:780px;margin:auto}.eyebrow,.section-kicker{color:#64a7ff;font-size:12px;font-weight:bold;letter-spacing:.1px}.eyebrow{display:inline-block;background:#132849;border:1px solid #2d5181;padding:7px 20px;border-radius:99px}.mini-star{color:#7dbaff;padding-left:6px}.hero h1{font-size:clamp(34px,5vw,57px);font-weight:800;line-height:1.55;margin:18px 0 15px;letter-spacing:-1px}.gradient-text{background:linear-gradient(120deg,#9ac7ff,#4e91ff 55%,#48dbc5);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{color:#a6b6ce;font-size:15px;max-width:600px;margin:0 auto}.hero-pills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-pills span{border:1px solid #2a3956;color:#a8bad7;border-radius:99px;padding:6px 14px;background:#16213980;font-size:12px}.workspace,.results,.recover-section{background:linear-gradient(155deg,#121d34,#10192c 60%);border:1px solid #293952;border-radius:25px;padding:30px;box-shadow:var(--shadow)}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.workspace-head h2{margin-top:3px}.step-mark{background:#202e47;color:#b6c8e6;border:1px solid #34445e;border-radius:9px;font-size:12px;padding:7px 12px}.method-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 25px}.method{display:flex;align-items:center;gap:12px;text-align:right;border:1px solid #2b3b58;border-radius:16px;background:#111c30;color:#e6effe;padding:16px;min-width:0}.method:hover{border-color:#5877a3}.method.active{background:#142c51;border-color:#408cff;box-shadow:0 0 0 1px #408cff2a}.method-icon,.instruction-icon{font-size:26px;color:#84b9ff;display:grid;place-items:center;border-radius:12px;background:#25436c;width:49px;height:49px;flex-shrink:0}.method strong{font-size:14px;display:block;line-height:1.4}.method small{color:#95a9c8;display:block;margin-top:5px;font-size:11px}.dropzone{border:1.5px dashed #4570a7;border-radius:18px;padding:40px 22px 32px;text-align:center;background:radial-gradient(circle at 50% 0%,#19355b7a,transparent 58%),#101e34;transition:.2s}.dropzone.dragover{background:#203758;border-color:#6fbbff}.upload-symbol{display:grid;place-items:center;font-size:35px;margin:0 auto 20px;border:1px solid #355b89;background:linear-gradient(140deg,#284b7e,#1b355b);color:#b4d3ff;border-radius:20px;width:70px;height:70px}.dropzone p{color:var(--muted);max-width:550px;margin:8px auto 22px;font-size:13px}.dropzone p b{color:#c0d9ff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:12px 20px;font-size:13px;font-weight:bold;line-height:1.5;transition:.18s;border:1px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(110deg,#4c95ff,#3476e9);color:white;box-shadow:0 7px 28px #2269e740}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{filter:grayscale(.6);opacity:.65;cursor:not-allowed;transform:none}.btn-secondary{background:#1a2942;color:#d4e4fd;border-color:#344969}.btn-secondary:hover{background:#243956}.btn-sm{padding:8px 13px;font-size:12px}.fine-print{display:block;margin-top:15px;color:#7f93b3;font-size:11px}.instructions{background:#111e33;padding:25px;border:1px solid #30425d;border-radius:17px}.instructions-heading{display:flex;gap:13px;align-items:center;margin-bottom:20px}.instructions-heading p{color:var(--muted);font-size:13px}.steps{margin:0;padding:0 28px 0 0;color:#c9d6eb}.steps li{padding:8px 4px 9px 0}.steps li::marker{font-weight:bold;color:var(--primary2)}.steps code{direction:ltr;display:inline-block;background:#23334f;color:#a9cffc;padding:0 7px;border-radius:5px;font-size:12px}.notice{display:flex;gap:9px;color:#b8c5dc;background:#1c2b44;border:1px solid #344968;border-radius:10px;padding:12px;font-size:12px;margin-top:14px}.notice span{color:#79b4ff;font-size:18px}.instructions-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.results{margin-top:26px}.text-button{border:0;background:transparent;color:#87b8ff;font-size:13px}.text-button:hover{text-decoration:underline}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:0 0 22px}.stat{border:1px solid #2e3f5d;background:linear-gradient(145deg,#1a2942,#15213a);padding:18px 21px;border-radius:15px}.stat span,.stat small{display:block;color:#91a7c9;font-size:12px}.stat strong{display:block;font-size:31px;color:#ecf4ff;margin:2px 0;font-family:Tahoma,Arial,sans-serif}.stat small{font-size:11px}.result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.search-wrap{position:relative;max-width:450px;flex:1}.search-wrap span{position:absolute;right:14px;top:8px;font-size:28px;color:#86a3cf}.search-wrap input{width:100%;padding:12px 43px 12px 14px}.checklabel{display:flex;align-items:center;gap:8px;font-size:12px;color:#bcc9dd;cursor:pointer}.checklabel input{width:16px;height:16px;accent-color:#4a91ff}.search-wrap input,.cloud-actions input,.recover-form input,.admin-card input{outline:none;border-radius:11px;border:1px solid #344661;background:#0c1628;color:white;font-size:13px}.search-wrap input:focus,.cloud-actions input:focus,.recover-form input:focus,.admin-card input:focus{border-color:#5496fa}.table-scroll{width:100%;overflow-x:auto;border:1px solid #2b3a56;border-radius:14px}.contacts-table{width:100%;border-collapse:collapse;min-width:610px;text-align:right;white-space:nowrap;font-size:13px}.contacts-table th{background:#1d2e49;color:#a9bcda;font-size:12px;padding:13px 17px;font-weight:normal}.contacts-table td{border-top:1px solid #263650;padding:11px 17px;color:#cbd9ed;max-width:300px;overflow:hidden;text-overflow:ellipsis}.contacts-table tbody tr:hover{background:#1c2c45}.contacts-table td:first-child{color:#8196b7}.contacts-table .ltr{text-align:left;direction:ltr}.table-footer{display:flex;justify-content:space-between;align-items:center;color:#92a7c9;margin-top:12px;font-size:12px}.pager{display:flex;align-items:center;gap:10px}.pager button{border:1px solid #384a66;color:#d8e8ff;background:#192944;border-radius:8px;width:28px;height:28px}.pager button:disabled{opacity:.35;cursor:default}.export-area{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#183f61,#183551);border:1px solid #356281;border-radius:16px;padding:22px;margin-top:25px}.export-area p{color:#b3c6dd;font-size:12px;margin-top:5px}.export-buttons{display:flex;flex-wrap:wrap;gap:9px}.cloud-box{background:#0e192b;border:1px solid #2b3e5c;border-radius:17px;margin-top:17px;padding:23px}.cloud-glyph{display:inline-grid;place-items:center;color:#76c6e8;border:1px solid #3d6182;background:#1e3b57;width:37px;height:37px;border-radius:10px;font-size:27px;margin-bottom:10px}.cloud-box h3 small{font-weight:normal;font-size:10px;color:#b3c8df;background:#243852;padding:3px 8px;border-radius:30px;margin-right:8px}.cloud-box p{max-width:850px;color:#99acc7;font-size:12px;margin:7px 0 15px}.cloud-actions{margin-top:13px;display:flex;gap:10px}.cloud-actions input{padding:12px 15px;flex:1;min-width:0}.cloud-result{margin-top:15px}.receipt{padding:15px;background:#153327;border:1px solid #2d745a;border-radius:12px;color:#d5ffe6;font-size:12px}.receipt code{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;background:#0a251c;border-radius:6px;padding:9px;margin:5px 0 10px;user-select:all}.receipt button{border:1px solid #5c9f88;background:#254e3e;padding:7px 10px;border-radius:7px;color:white;cursor:pointer}.recover-section{margin-top:40px}.section-header{text-align:center;max-width:680px;margin:0 auto 26px}.section-header h2,.section-header h1{font-size:28px;margin:6px 0 4px}.section-header p{color:#94a8c6;font-size:13px}.recover-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.recover-form label,.admin-card label{color:#a9bedb;display:flex;flex-direction:column;gap:7px;font-size:12px}.recover-form input,.admin-card input{padding:13px 15px;width:100%;min-width:0}.how-section{padding:85px 0 60px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{border:1px solid #273752;border-radius:18px;background:#111e33;padding:25px}.feature-icon{display:grid;place-items:center;border-radius:12px;width:50px;height:50px;background:#1b3357;border:1px solid #315586;color:#81b8ff;font-size:20px;font-weight:bold;direction:ltr;margin-bottom:18px}.feature h3{font-size:16px}.feature p{margin-top:6px;color:#9eb0cc;font-size:12px}.security{display:flex;gap:25px;align-items:center;border:1px solid #274c58;background:linear-gradient(105deg,#15383e,#112c35);border-radius:20px;padding:30px;margin:0 0 62px}.security h2{font-size:22px;margin:5px 0 7px}.security p{font-size:13px;color:#acc3cb}.security-icon{display:grid;place-items:center;flex-shrink:0;width:86px;height:86px;font-size:60px;color:#6bdbc9;border-radius:20px;border:1px solid #387a75;background:#1e5555}.topbar~main{}.layout>footer{border-top:1px solid #25334b;padding:25px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#778cae;font-size:11px}.footer-brand{display:flex;align-items:center;gap:9px;color:white;font-weight:bold;font-size:14px}.footer-brand .brand-mark{width:28px;height:28px;font-size:18px;border-radius:9px}.toast{position:fixed;z-index:20;bottom:25px;left:25px;max-width:420px;line-height:1.8;color:#e5f5ff;background:#213959;border:1px solid #547fac;box-shadow:var(--shadow);border-radius:12px;padding:13px 19px;font-size:13px;opacity:0;pointer-events:none;transform:translateY(15px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#b75d76;background:#402739}.admin-main{min-height:65vh;padding:70px 0}.admin-card{max-width:450px;margin:0 auto;background:#101c31;border:1px solid #293a55;border-radius:18px;padding:28px}.admin-card h2{margin-bottom:22px}.admin-card form{display:grid;gap:17px}.admin-table-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:28px 0 15px}.subtle{color:#8fa3bf;font-size:12px;margin-top:14px}.danger-btn{border:1px solid #95516a;border-radius:7px;color:#ffb2c1;background:#48263a;padding:6px 10px;font-size:12px}
@media(max-width:800px){.nav{display:none}.topbar{height:76px}.hero{padding:60px 0 42px}.workspace,.results,.recover-section{padding:20px}.method{padding:11px;gap:7px}.method-icon{width:39px;height:39px;font-size:20px}.method small{font-size:10px}.export-area{display:block}.export-buttons{margin-top:15px}.recover-form{grid-template-columns:1fr 1fr}.recover-form button{grid-column:1/-1}.feature{padding:17px}}
@media(max-width:580px){.layout{padding:0 15px}.topbar{height:70px}.header-pill{display:none}.brand{font-size:17px}.brand-mark{width:37px;height:37px}.hero{padding:45px 5px 35px}.hero h1{font-size:37px}.hero p{font-size:13px}.hero-pills{gap:7px}.hero-pills span{font-size:10px;padding:5px 9px}.workspace,.results,.recover-section{padding:16px;border-radius:17px}.workspace-head h2{font-size:21px}.step-mark{font-size:10px;padding:5px 8px}.method-tabs{gap:6px}.method{padding:11px 7px;display:block;text-align:center;border-radius:12px}.method-icon{margin:0 auto 6px;width:34px;height:34px;font-size:18px}.method strong{font-size:11px}.method small{font-size:9px;margin-top:2px}.dropzone{padding:30px 12px}.dropzone h3{font-size:16px}.dropzone p{font-size:12px}.instructions{padding:16px}.instructions-heading h3{font-size:15px}.steps{font-size:12px}.stats{gap:7px}.stat{padding:12px 9px;border-radius:10px}.stat span{font-size:10px}.stat strong{font-size:23px}.stat small{font-size:9px}.result-toolbar{display:block}.result-toolbar .checklabel{margin:12px 2px}.search-wrap{max-width:none}.export-buttons .btn{flex:1;padding:11px}.cloud-actions{display:block}.cloud-actions input{width:100%;margin-bottom:9px}.cloud-actions button{width:100%}.recover-form{display:block}.recover-form label{margin:0 0 12px}.recover-form button{width:100%}.how-section{padding:55px 0 35px}.feature-grid{grid-template-columns:1fr}.feature-icon{margin-bottom:8px}.security{display:block;padding:20px;margin-bottom:36px}.security-icon{width:55px;height:55px;font-size:40px;margin-bottom:10px}.layout>footer{flex-wrap:wrap}.toast{left:15px;right:15px;bottom:15px}}

.delete-details{margin:15px 0 0;border:1px solid #30425d;border-radius:15px;background:#121e32;padding:14px 20px}.delete-details summary{cursor:pointer;color:#aabdda;font-size:13px;user-select:none}.delete-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;margin-top:16px}.delete-form label{display:grid;gap:6px;font-size:12px;color:#a5b9d5}.delete-form input{width:100%;padding:13px;border:1px solid #344661;background:#0c1628;color:white;border-radius:10px;min-width:0}.delete-form button{color:#ffb8c5;border-color:#82475b}@media(max-width:760px){.delete-form{grid-template-columns:1fr}.delete-form button{width:100%}}
body{overflow-x:hidden}

/* iPhone Shortcut installation and sharing flow */
.hero-cta{display:flex;gap:12px;justify-content:center;margin:28px 0 3px;flex-wrap:wrap}
.hero-cta .btn{min-width:188px}
.shortcut-install{border:1px solid #304767;background:linear-gradient(130deg,#142949,#0f1c30 75%);border-radius:19px;padding:25px}
.shortcut-install-head{display:flex;gap:16px;align-items:center}
.shortcut-install-head p{color:#a7b8d2;font-size:13px;margin-top:3px}
.shortcut-icon{width:63px;height:63px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#386bdb,#7934aa);font-size:36px;color:white;border-radius:17px}
.shortcut-flow{display:flex;align-items:center;justify-content:space-around;gap:7px;margin:23px 0;padding:17px 12px;border-radius:13px;background:#0d1a2e}
.shortcut-flow>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#b5c6df}
.shortcut-flow strong{background:#294f7e;color:white;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;border-radius:100%}
.shortcut-flow i{font-style:normal;color:#557fae}
.shortcut-status{display:inline-block;font-size:12px;border:1px solid #5b5772;background:#29243e;color:#d9c9ed;border-radius:9px;padding:10px 14px}
.shortcut-status.ready{background:#143b34;color:#a2eedc;border-color:#286e5d}
.shortcut-status.pending{background:#302b21;color:#edd5a0;border-color:#635535}
.shortcut-main-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.shortcut-main-actions .btn{flex:1;min-width:180px}
.shortcut-main-actions [aria-disabled="true"]{opacity:.52;cursor:not-allowed;box-shadow:none}
.shortcut-privacy{margin-top:7px}
.shortcut-next{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:17px;border-top:1px solid #2a3e5d;padding-top:17px;color:#a5b9d3;font-size:12px}
.shortcut-next strong{color:#e3efff}
.shortcut-manual{border-top:1px solid #293b57;margin-top:18px;padding-top:18px}
.shortcut-manual summary{cursor:pointer;font-size:13px;font-weight:bold;color:#9ec8ff}
.shortcut-manual .steps{margin:15px 0}
.admin-shortcut-box{background:#142039;border:1px solid #344866;border-radius:17px;padding:23px;margin:30px 0}
.admin-shortcut-box .admin-table-head{margin:0 0 9px}
.shortcut-admin-form{display:grid;gap:14px;margin-top:18px}
.shortcut-admin-form label{display:grid;gap:6px;font-size:12px;color:#aebfdb}
.shortcut-admin-form input{background:#0c1628;color:#ecf4ff;border:1px solid #374c6d;padding:12px;border-radius:10px;min-width:0;width:100%;direction:ltr;text-align:left}
.shortcut-admin-buttons{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:700px){.shortcut-flow{display:grid;grid-template-columns:1fr;justify-items:start}.shortcut-flow i{transform:rotate(-90deg);margin-right:7px}.shortcut-install{padding:15px}.shortcut-main-actions{display:grid}.shortcut-next .btn{width:100%}.shortcut-install-head{align-items:flex-start}.shortcut-icon{width:46px;height:46px;font-size:29px}.admin-shortcut-box{padding:15px}.hero-cta .btn{width:100%}}