:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}:root{--app-bg: #f5f5f7;--app-text: #1d1d1f;--card-bg: rgba(255, 255, 255, .65);--card-border: rgba(0, 0, 0, .08);--glass-glow-shadow: 0 12px 40px rgba(0, 0, 0, .08);--glass-glow-inset: inset 0 1px 1px 0 rgba(255, 255, 255, 1);--scrollbar-thumb: rgba(0, 0, 0, .15);--scrollbar-thumb-hover: rgba(0, 0, 0, .3)}.dark{--app-bg: radial-gradient(circle at top right, #111 0%, #000 70%);--app-text: #fff;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .1);--glass-glow-shadow: 0 20px 50px rgba(0, 0, 0, .5);--glass-glow-inset: inset 0 1px 0 0 rgba(255, 255, 255, .1);--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2)}html{scroll-snap-type:y proximity;scroll-behavior:smooth}body{overflow-y:visible;overflow-x:hidden;background:var(--app-bg);background-attachment:fixed;color:var(--app-text);font-family:Inter,sans-serif;margin:0;transition:background .5s ease,color .5s ease}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.pdf-page-canvas canvas{width:100%!important;height:auto!important;display:block}.react-pdf__Document{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.snap-start{scroll-snap-align:start}.ambient-blob{display:none!important}.glass-glow{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--glass-glow-shadow),var(--glass-glow-inset),inset 0 0 20px #ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.glass-glow:hover{box-shadow:var(--glass-glow-shadow),var(--glass-glow-inset),inset 0 0 30px #ffffff0a}.mesh-pattern{background-image:radial-gradient(circle at 2px 2px,var(--card-border) 1px,transparent 0);background-size:24px 24px}:root{--glass-blur-light: 12px;--glass-blur-medium: 24px;--glass-blur-heavy: 40px;--glass-text-primary: #000000;--glass-text-secondary: rgba(0, 0, 0, .6);--glass-text-placeholder: rgba(0, 0, 0, .4);--glass-opacity-light: rgba(255, 255, 255, .1);--glass-opacity-medium: rgba(255, 255, 255, .15);--glass-opacity-heavy: rgba(255, 255, 255, .25);--glass-border-light: rgba(255, 255, 255, .15);--glass-border-medium: rgba(255, 255, 255, .25);--glass-border-heavy: rgba(255, 255, 255, .35);--glass-shadow-sm: 0 4px 12px rgba(0, 0, 0, .08);--glass-shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--glass-shadow-lg: 0 16px 48px rgba(0, 0, 0, .16);--glass-shadow-xl: 0 24px 64px rgba(0, 0, 0, .2);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .25);--glass-shadow-inset: inset 0 -1px 0 rgba(0, 0, 0, .15)}.liquid-glass{backdrop-filter:blur(var(--glass-blur-medium));-webkit-backdrop-filter:blur(var(--glass-blur-medium));background:var(--glass-opacity-medium);border:1px solid var(--glass-border-medium);box-shadow:var(--glass-shadow-md),var(--glass-highlight),var(--glass-shadow-inset)}.liquid-glass-light{backdrop-filter:blur(var(--glass-blur-light));-webkit-backdrop-filter:blur(var(--glass-blur-light));background:var(--glass-opacity-light);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-sm),var(--glass-highlight)}.liquid-glass-heavy{backdrop-filter:blur(var(--glass-blur-heavy));-webkit-backdrop-filter:blur(var(--glass-blur-heavy));background:var(--glass-opacity-heavy);border:1px solid var(--glass-border-heavy);box-shadow:var(--glass-shadow-lg),var(--glass-highlight),var(--glass-shadow-inset)}.liquid-glass-refract{position:relative;overflow:hidden}.liquid-glass-refract:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none;mix-blend-mode:overlay}.liquid-glass-refract:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.15),transparent 70%);pointer-events:none;opacity:.5}@keyframes liquid-shimmer{0%{background-position:-200% center}to{background-position:200% center}}.liquid-glass-shimmer{position:relative;overflow:hidden}.liquid-glass-shimmer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:liquid-shimmer 3s ease-in-out infinite;pointer-events:none}.liquid-glass-button{position:relative;padding:12px 24px;border-radius:16px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff2e,#ffffff14);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffff4d;color:var(--glass-text-primary);font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.liquid-glass-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000029,inset 0 1px #ffffff59;background:linear-gradient(135deg,#ffffff38,#ffffff1f)}.liquid-glass-button:active{transform:translateY(0);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff40}.liquid-glass-card{border-radius:24px;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);background:#ffffff1f;border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 48px #00000026,inset 0 1px #ffffff40,inset 0 -1px #0000001a;transition:all .3s ease}.liquid-glass-card:hover{transform:translateY(-4px);box-shadow:0 24px 64px #0003,inset 0 1px #ffffff4d;background:#ffffff26}.liquid-glass-tabbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;border-radius:999px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 40px #0000002e,inset 0 1px #ffffff59;transition:all .3s ease;z-index:1000}.liquid-glass-tabbar.scrolled{transform:translate(-50%) scale(.92);opacity:.85}.liquid-glass-tab{padding:10px 24px;border-radius:999px;background:transparent;color:var(--glass-text-secondary);font-weight:500;transition:all .3s ease;cursor:pointer;border:none}.liquid-glass-tab.active{background:#ffffff4d;color:var(--glass-text-primary);box-shadow:0 4px 16px #00000026}.liquid-glass-tab:hover:not(.active){background:#ffffff1f;color:var(--glass-text-primary)}.liquid-glass-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff14;transition:all .3s ease}.liquid-glass-navbar.scrolled{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#ffffff2e;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 24px #0000001f}.liquid-glass-input{width:100%;padding:14px 20px;border-radius:16px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff26;color:var(--glass-text-primary);font-size:16px;transition:all .3s ease}.liquid-glass-input::placeholder{color:var(--glass-text-placeholder)}.liquid-glass-input:focus{outline:none;background:#ffffff26;border-color:#fff6;box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff40}.liquid-glass-toggle{position:relative;width:56px;height:32px;border-radius:999px;background:#888!important;border:2px solid #555555!important;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d!important;display:block!important;opacity:1!important;flex-shrink:0}.liquid-glass-toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff!important;box-shadow:0 2px 4px #00000080!important;transition:all .3s cubic-bezier(.4,0,.2,1);content:""!important;display:block!important}.liquid-glass-toggle.checked{background:#007aff!important;border-color:#0056cc!important;box-shadow:0 4px 16px #007aff99!important}.liquid-glass-toggle.checked .liquid-glass-toggle-thumb{left:29px}.liquid-glass-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0006;animation:fade-in .3s ease;display:flex;align-items:center;justify-content:center}.liquid-glass-modal{position:relative;width:90%;max-width:480px;border-radius:28px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#ffffff2e;border:1px solid rgba(255,255,255,.25);box-shadow:0 24px 80px #0000004d,inset 0 1px #ffffff4d;overflow:hidden;animation:slide-up .4s cubic-bezier(.4,0,.2,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 12px 32px #00000026,inset 0 1px #ffffff40}50%{box-shadow:0 16px 48px #0003,inset 0 1px #ffffff59}}.glass-rounded-sm{border-radius:12px}.glass-rounded-md{border-radius:16px}.glass-rounded-lg{border-radius:20px}.glass-rounded-xl{border-radius:24px}.glass-rounded-2xl{border-radius:28px}.glass-rounded-full{border-radius:999px}.glass-text-white{color:var(--glass-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.2)}.glass-text-white-70{color:var(--glass-text-secondary)}.glass-text-white-50{color:var(--glass-text-placeholder)}@media(max-width:768px){.liquid-glass-tabbar{bottom:16px;padding:6px;gap:6px}.liquid-glass-tab{padding:8px 16px;font-size:14px}.liquid-glass-modal{width:95%}}@media(prefers-color-scheme:dark){:root{--glass-opacity-light: rgba(255, 255, 255, .08);--glass-opacity-medium: rgba(255, 255, 255, .12);--glass-opacity-heavy: rgba(255, 255, 255, .18);--glass-text-primary: #ffffff;--glass-text-secondary: rgba(255, 255, 255, .7);--glass-text-placeholder: rgba(255, 255, 255, .5)}}.dark{--glass-opacity-light: rgba(255, 255, 255, .08);--glass-opacity-medium: rgba(255, 255, 255, .12);--glass-opacity-heavy: rgba(255, 255, 255, .18);--glass-text-primary: #ffffff;--glass-text-secondary: rgba(255, 255, 255, .7);--glass-text-placeholder: rgba(255, 255, 255, .5)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.liquid-glass-button:focus-visible,.liquid-glass-input:focus-visible,.liquid-glass-tab:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}
