@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800;900&display=swap";:root{--bg-app:#fff;--bg-body:#fafbfc;--bg-card:#fff;--text-main:#1e2229;--text-second:#5c6470;--text-muted:#9ca3af;--accent-gold:#ffb347;--accent-blue:#4a90e2;--accent-green:#50b83c;--accent-red:#ff5a5f;--border-light:#ebecef;--font-display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 12px 34px #00000008, 0 1px 3px #00000003;--shadow-card:0 4px 16px #00000004}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-sans);justify-content:center;align-items:flex-start;min-height:100vh;display:flex}#root{justify-content:center;width:100%;padding:0;display:flex}.app-container{background-color:var(--bg-app);border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);flex-direction:column;width:100%;max-width:540px;height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00000005}.app-screen{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.screen-content{padding:24px 24px calc(100px + env(safe-area-inset-bottom,0px)) 24px;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.bottom-nav{width:100%;height:calc(76px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-light);padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px)) 16px;z-index:100;box-sizing:border-box;background-color:#fffffff5;justify-content:space-around;align-items:flex-start;display:flex;position:absolute;bottom:0;left:0}.nav-tab{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 0;font-size:11px;font-weight:600;display:flex}.nav-tab:hover,.nav-tab.active{color:var(--text-main)}.nav-tab.active svg{stroke:var(--text-main);stroke-width:2.5px}.card{background-color:var(--bg-card);border:1px solid var(--border-light);transition:var(--transition-smooth);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.card:hover{box-shadow:var(--shadow-premium);border-color:#d1d5db;transform:translateY(-1px)}button,input,textarea,select{font-family:var(--font-sans)}input,textarea,select{border:1px solid var(--border-light);width:100%;color:var(--text-main);font-family:var(--font-sans);transition:var(--transition-smooth);background-color:#fafafb;border-radius:14px;outline:none;padding:14px 16px;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--text-main);box-shadow:0 0 0 1px var(--text-main);background-color:#fff}button.btn-primary{background-color:var(--text-main);color:#fff;width:100%;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:600;display:flex}button.btn-primary:hover{opacity:.95;transform:translateY(-1px)}button.btn-secondary{border:1px solid var(--border-light);width:100%;color:var(--text-main);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background-color:#fff;border-radius:16px;padding:16px;font-size:15px;font-weight:600}button.btn-secondary:hover{background-color:#fafafb;border-color:#cbd5e1}.reader-sepia{color:#433422!important;background-color:#faf4eb!important}.reader-darker{color:#f3f4f6!important;background-color:#12131c!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes softPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.pulse{animation:2.5s ease-in-out infinite softPulse}@media (width<=540px){.app-container{box-shadow:none;border-left:none;border-right:none}.bottom-nav{border-radius:0;max-width:100%}}.horizontal-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding:8px 0;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{display:none}.splash-screen{z-index:9999;background-color:#111;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1.2s ease-out,visibility 1.2s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.splash-screen.fade-out-splash{opacity:0;visibility:hidden}.splash-mosaic{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:3px;display:grid;position:absolute;inset:0;transform:scale(1.06)}.splash-mosaic-cell{position:relative;overflow:hidden}.splash-mosaic-cell img{object-fit:cover;width:100%;height:100%;animation:1.8s ease-in-out infinite photoFlash}.splash-mosaic-cell:first-child img{animation-delay:0s}.splash-mosaic-cell:nth-child(2) img{animation-delay:.3s}.splash-mosaic-cell:nth-child(3) img{animation-delay:.6s}.splash-mosaic-cell:nth-child(4) img{animation-delay:.9s}.splash-mosaic-cell:nth-child(5) img{animation-delay:.15s}.splash-mosaic-cell:nth-child(6) img{animation-delay:.45s}@keyframes photoFlash{0%{opacity:1;transform:scale(1)}45%{opacity:1;transform:scale(1.04)}50%{opacity:0}55%{opacity:0}60%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}.splash-overlay{background:#00000085;position:absolute;inset:0}.splash-card{z-index:2;-webkit-backdrop-filter:blur(18px);text-align:center;background:#ffffff21;border:1px solid #ffffff38;border-radius:28px;flex-direction:column;align-items:center;gap:10px;padding:32px 36px 28px;display:flex;position:relative;box-shadow:0 24px 60px #00000059}.splash-logo{font-size:72px;line-height:1;animation:2s ease-in-out infinite logoPulse}@keyframes logoPulse{0%{filter:drop-shadow(0 4px 12px #ffffff4d);transform:scale(1)}50%{filter:drop-shadow(0 10px 28px #ff385c99);transform:scale(1.12)}to{filter:drop-shadow(0 4px 12px #ffffff4d);transform:scale(1)}}.splash-title{font-family:var(--font-display);color:#fff;text-shadow:0 2px 12px #0000004d;letter-spacing:-.05em;text-transform:lowercase;max-width:240px;margin-top:12px;font-size:38px;font-weight:900;line-height:100%}.splash-subtitle{color:#ffffffc7;max-width:220px;font-size:13px;line-height:140%}.splash-loader{border:2.5px solid #ffffff40;border-top-color:#ff385c;border-radius:50%;width:28px;height:28px;margin-top:8px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}