*{box-sizing:border-box;margin:0;padding:0}:root{--neon:#fff;--text:#fff;--muted:#cfcfcf;--bg:#171717;--border:#ffffff14;--panel:#ffffff08;--panel2:#ffffff0d;--shadow:0 18px 40px #00ff0026,0 6px 20px #0006}body{background:var(--bg);color:var(--text);font-family:Helvetica,Arial,sans-serif;line-height:1.6}.container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px;display:flex}header{text-align:center;padding:20px 0}.logo{color:var(--neon);font-size:2.5rem;font-weight:700}main{text-align:center;flex-direction:column;flex:1;align-items:center;padding:40px 0;display:flex}.app-description{max-width:600px;margin:30px 0 40px}.app-description h2{color:var(--neon);margin-bottom:12px;font-size:2.1rem}.app-description p{color:var(--muted)}.download-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.download-btn{transition:transform .25s;display:inline-block}.download-btn:hover{transform:scale(1.05)}.download-btn img{width:auto;height:60px}.prototype{width:min(96vw,880px)}.prototype-controls{background:var(--panel);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:10px;margin:6px auto 14px;padding:8px 12px;display:flex}.prototype-controls label{color:var(--muted)}.prototype-controls select{color:#eee;border:1px solid var(--border);background:#111;border-radius:8px;outline:none;padding:6px 8px}.sim-wrapper{width:100%;margin:10px 0 18px;position:relative}.device-sim{width:360px;height:780px;box-shadow:var(--shadow);transform-origin:top;background:#000;border:10px solid #2b322ef1;border-radius:32px;outline:1px solid #00ff0014;position:absolute;top:0;left:50%}.screen{background:#111;border-radius:22px;padding-top:16px;padding-bottom:14px;position:absolute;inset:0;overflow:hidden}.app-root{border:1px solid var(--border);background:linear-gradient(#ffffff05,#ffffff03);border-radius:16px;flex-direction:column;display:flex;position:absolute;inset:16px 12px 14px}.app-bar{border-bottom:1px solid var(--border);background:var(--panel2);justify-content:center;align-items:center;padding:10px 12px;display:flex;position:relative}.app-title{letter-spacing:.3px;font-weight:700}.content{padding:12px 12px 74px;overflow:auto}.empty{border:1px dashed var(--border);color:var(--muted);background:#ffffff05;border-radius:14px;padding:16px}.collections-list{flex-direction:column;gap:10px;display:flex}.collection-row{border:1px solid var(--border);background:#141414;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.row-left{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.thumb{border:1px solid var(--border);cursor:pointer;background:#0f0f0f;border-radius:10px;flex:none;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.meta{min-width:0}.meta h4{color:var(--neon);white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px;font-size:1rem;overflow:hidden}.meta .count{color:#bdbdbd;font-size:.85rem}.row-actions{gap:8px;display:flex}.icon-btn{cursor:pointer;border:0px solid var(--border);color:#aeaeae;background:0 0;border-radius:10px;place-items:center;width:34px;height:34px;transition:transform .1s,background .2s;display:inline-grid}.icon-btn:hover{background:#222}.icon-btn:active{transform:scale(.97)}.icon-btn svg{width:18px;height:18px}.bottom-bar{border-radius:12px;justify-content:flex-end;align-items:center;gap:8px;height:46px;padding:0 8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.add-btn{cursor:pointer;border:1px solid var(--border);background:#5a5f68;border-radius:10px;place-items:center;width:36px;height:36px;transition:transform .1s,background .2s;display:inline-grid}.add-btn:hover{background:#222}.add-btn:active{transform:scale(.97)}.add-btn svg{color:#fff;width:20px;height:20px}.device--tablet{border-radius:28px;width:800px;height:1080px}@media (width<=768px){.app-description h2{font-size:1.8rem}.download-btn img{height:50px}}.modal-overlay{z-index:20;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal{text-align:left;background:#141414;border:1px solid #ffffff14;border-radius:16px;width:min(92%,360px);padding:16px;box-shadow:0 18px 40px #00000080}.modal h3{color:#0f0;margin-bottom:10px}.modal .field{flex-direction:column;gap:6px;margin:10px 0;display:flex}.modal label{color:#cfcfcf;font-size:.95rem}.modal input[type=number],.modal select{color:#eee;background:#111;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:8px 10px}.modal .row{align-items:center;gap:10px;display:flex}.modal .actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.modal .btn{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:10px;padding:8px 12px}.modal .btn.primary{background:#0e2a12;border-color:#00ff0040}.modal .btn:hover{background:#222}.session-view{z-index:10;background:#000;border-radius:16px;flex-direction:column;display:flex;position:absolute;inset:16px 12px 14px;overflow:hidden}.session-bar{grid-template-columns:auto 1fr auto;align-items:center;padding:20px;display:grid}.session-bar .title{text-align:center}.session-bar .btn{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:10px;padding:6px 10px}.session-stage{background:#000;flex:1;place-items:center;display:grid;overflow:hidden}.session-stage img{object-fit:contain;max-width:100%;max-height:100%;display:block}.hidden{display:none!important}.modal .field.row{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;display:flex}.modal .field.row label{min-width:90px}.modal .field.row select{flex:1;max-width:60%}.modal .field.row input[type=checkbox]{transform:scale(1.1)}.session-stage{user-select:none;position:relative;overflow:hidden}.session-stage img{object-fit:contain;will-change:transform;width:100%;height:100%;transition:transform .38s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0;transform:translate(0%)}.session-stage .incoming-left{transform:translate(-100%)}.session-stage .incoming-right{transform:translate(100%)}.session-stage .out-left{transform:translate(-100%)}.session-stage .out-right{transform:translate(100%)}header{position:relative}.hamburger{border:1px solid var(--border);cursor:pointer;background:#1a1a1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:34px;display:flex;position:absolute;top:14px;right:12px}.hamburger span{background:#fff;width:18px;height:2px;display:block}@media (width>=1100px){.hamburger{display:none}}.right-nav{border-left:1px solid var(--border);z-index:40;background:#0c0c0e;width:220px;padding:16px;display:none;position:fixed;top:0;bottom:0;right:0}.right-nav nav ul{flex-direction:column;gap:10px;list-style:none;display:flex}.right-nav .nav-link{text-align:left;border:1px solid var(--border);color:#fff;background:#121212;border-radius:10px;padding:10px 12px;text-decoration:none;display:block}.right-nav .nav-link:hover{background:#1c1c1c}@media (width>=1100px){.right-nav{display:block}.container{padding-right:240px}}.drawer-backdrop{opacity:0;pointer-events:none;z-index:39;background:#00000073;transition:opacity .25s;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{border-left:1px solid var(--border);z-index:40;background:#111;width:min(80vw,320px);height:100%;padding:16px;transition:transform .25s;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-drawer nav ul{flex-direction:column;gap:10px;list-style:none;display:flex}.mobile-drawer .nav-link{border:1px solid var(--border);color:#fff;background:#151515;border-radius:10px;padding:10px 12px;text-decoration:none;display:block}.mobile-drawer.open{transform:translate(0)}@media (width>=1100px){.drawer-backdrop,.mobile-drawer{display:none}}.top-nav{gap:12px;display:none}.top-nav .nav-link{border:1px solid var(--border);color:#fff;background:#121212;border-radius:10px;padding:8px 12px;text-decoration:none;display:inline-block}.top-nav .nav-link:hover{background:#1c1c1c}@media (width>=1100px){header{position:relative}.top-nav{display:flex;position:absolute;top:14px;right:12px}.hamburger{display:none}.container{padding-right:0}.drawer-backdrop,.mobile-drawer{display:none}}.right-nav{display:none!important}.benefits{text-align:left;width:min(96vw,1000px);margin:10px auto 36px}.benefits-title{color:var(--neon);text-align:center;margin:0 0 12px;font-size:1.8rem}.benefits-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;list-style:none;display:grid}.benefit{border:1px solid var(--border);background:#141414;border-radius:12px;gap:12px;padding:12px;transition:transform .12s,border-color .2s;display:flex}.benefit:hover{border-color:#00ff0040;transform:translateY(-1px)}.icon-check{background:#00ff001f;border:1px solid #00ff0040;border-radius:999px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.icon-check svg{width:18px;height:18px;stroke:var(--neon)}.benefit-content h3{color:#fff;margin:0 0 4px;font-size:1rem}.benefit-content p{color:#cfcfcf;margin:0;font-size:.92rem}@media (width<=480px){.benefits-list{gap:10px}.benefit{padding:10px}}.site-footer{border-top:1px solid var(--border);color:#888;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-size:.95rem;display:flex}.site-footer .footer-nav a{color:#cfcfcf;border-bottom:1px dashed #0000;text-decoration:none;transition:border-color .2s,color .2s}.site-footer .footer-nav a:hover{color:#fff;border-bottom-color:#ffffff59}@media (width<=768px){.site-footer{text-align:center;flex-direction:column}}.create-bar{grid-template-columns:auto 1fr auto;align-items:center;display:grid}.create-bar .title{text-align:center;font-weight:700}.create-form{text-align:left}.create-form .form-row{flex-direction:column;gap:6px;margin:10px 0;display:flex}.create-form label{color:#cfcfcf;font-size:.95rem}.create-form input[type=text],.create-form textarea{color:#eee;border:1px solid var(--border);background:#111;border-radius:10px;outline:none;padding:8px 10px}.create-form .form-actions{gap:10px;margin-top:6px;display:flex}.preview-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px;display:grid}.preview-item{border:1px solid var(--border);background:#0f0f0f;border-radius:10px;overflow:hidden}.preview-item img{object-fit:cover;width:100%;height:100px;display:block}.preview-caption{color:#bbb;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:.75rem;overflow:hidden}.btn.btn-lg{color:#000;background:#fff;border-radius:20px;min-height:22px;padding:4px 1px;font-size:smaller}.pulse-once{transition:transform .18s;transform:scale(.98)}.hint{color:#9aa;margin-top:6px;font-size:.55rem}.create-preview-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.create-preview-item{border:1px solid var(--border);background:#0f0f0f;border-radius:10px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.create-preview-item img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=420px){.create-preview-grid{gap:8px}}:root{--btn-accent-1:#26d968;--btn-accent-2:#1daf52;--btn-text:#fff;--btn-border:#ffffff38;--btn-shadow:0 6px 18px #257e4647;--btn-shadow-hover:0 10px 24px #206f3d5c;--btn-ring:#10b98173}@media (prefers-color-scheme:dark){:root{--btn-accent-1:#40dd7a;--btn-accent-2:#21ca5f;--btn-border:#ffffff2e;--btn-shadow:0 6px 18px #1547278c;--btn-shadow-hover:0 10px 28px #123f23a6}}.btn-support{appearance:none;border:1px solid var(--btn-border);color:var(--btn-text);background-image:linear-gradient(to bottom,var(--btn-accent-1),var(--btn-accent-2));letter-spacing:.2px;box-shadow:var(--btn-shadow);will-change:transform;border-radius:.6rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,filter .2s,opacity .2s;display:inline-flex;transform:translateY(0)}.btn-support:hover{box-shadow:var(--btn-shadow-hover);filter:brightness(1.04);transform:translateY(-1px)}.btn-support:active{filter:brightness(.98);transform:translateY(0)}.btn-support:focus-visible{box-shadow:0 0 0 3px var(--btn-ring),var(--btn-shadow-hover);outline:none}.btn-support[aria-disabled=true],.btn-support[disabled]{opacity:.6;pointer-events:none;filter:none;box-shadow:none;transform:none}.btn-support svg{flex:none;width:1.05em;height:1.05em}