:root{--bg: #f7f7f8;--panel: #ffffff;--ink: #111827;--muted: #6b7280;--line: rgba(17, 24, 39, .14);--line-strong: rgba(17, 24, 39, .24);--blue: #0a84ff;--danger: #d93025;--success: #117a2d;--shadow: 0 12px 34px rgba(17, 24, 39, .08);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 1.875rem;--text-5xl: 2.25rem;--glass-blur: 8px;--glass-saturate: 122%;--glass-border: rgba(255, 255, 255, .48);--glass-line: rgba(255, 255, 255, .34);--glass-sheen-a: rgba(198, 195, 255, .42);--glass-sheen-b: rgba(255, 255, 255, .52);--glass-sheen-c: rgba(173, 168, 255, .2);--ambient-a: rgba(88, 223, 255, .7);--ambient-b: rgba(255, 137, 199, .6);--ambient-c: rgba(87, 180, 255, .48);--ambient-d: rgba(143, 140, 255, .44);--page-wallpaper-url: url(https://firebasestorage.googleapis.com/v0/b/magic-podcast-d1647.firebasestorage.app/o/branding%2Fgradient-blue-6867639.jpg?alt=media);--page-surface: radial-gradient(circle at 12% 10%, rgba(88, 223, 255, .26), rgba(88, 223, 255, 0) 44%), radial-gradient(circle at 84% 14%, rgba(255, 137, 199, .2), rgba(255, 137, 199, 0) 40%), radial-gradient(circle at 42% 96%, rgba(143, 140, 255, .2), rgba(143, 140, 255, 0) 38%), linear-gradient(132deg, rgba(210, 237, 249, .54) 0%, rgba(214, 227, 246, .48) 52%, rgba(234, 213, 235, .54) 100%), var(--page-wallpaper-url);--page-surface-signed-in: radial-gradient(circle at 14% 8%, rgba(88, 223, 255, .32), rgba(88, 223, 255, 0) 42%), radial-gradient(circle at 86% 18%, rgba(255, 137, 199, .28), rgba(255, 137, 199, 0) 38%), radial-gradient(circle at 48% 100%, rgba(143, 140, 255, .3), rgba(143, 140, 255, 0) 40%), radial-gradient(120% 86% at 102% 30%, rgba(255, 176, 220, .22), rgba(255, 176, 220, 0)), linear-gradient(132deg, rgba(205, 234, 251, .44) 0%, rgba(211, 222, 244, .42) 52%, rgba(229, 208, 234, .48) 100%), var(--page-wallpaper-url)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{min-height:100vh;min-height:100lvh;background:var(--page-surface);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-color:var(--bg)}html.signed-in,html:has(body.signed-in){background:var(--page-surface-signed-in);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-color:#ecf1f7}.liquid-filter-defs{position:absolute;width:0;height:0;pointer-events:none}body{min-height:100vh;min-height:100lvh;font-family:SF Pro Text,SF Pro Display,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:transparent;padding:calc(env(safe-area-inset-top,0px) + 18px) calc(env(safe-area-inset-right,0px) + 14px) calc(env(safe-area-inset-bottom,0px) + 48px) calc(env(safe-area-inset-left,0px) + 14px)}body.signed-in{background:transparent}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(26px);opacity:.68}.ambient-orb--a{width:420px;height:420px;left:-140px;top:-110px;background:radial-gradient(circle,var(--ambient-a) 0%,rgba(88,223,255,0) 66%);animation:drift-a 18s ease-in-out infinite}.ambient-orb--b{width:390px;height:390px;right:-90px;top:10%;background:radial-gradient(circle,var(--ambient-b) 0%,rgba(255,137,199,0) 66%);animation:drift-b 22s ease-in-out infinite}.ambient-orb--c{width:340px;height:340px;left:48%;bottom:-150px;background:radial-gradient(circle,var(--ambient-c) 0%,rgba(87,180,255,0) 68%);transform:translate(-50%);animation:drift-c 26s ease-in-out infinite}.ambient-orb--d{width:300px;height:300px;right:14%;bottom:10%;background:radial-gradient(circle,var(--ambient-d) 0%,rgba(143,140,255,0) 70%);animation:drift-d 19s ease-in-out infinite}@keyframes drift-a{0%,to{transform:translateZ(0)}50%{transform:translate3d(36px,22px,0)}}@keyframes drift-b{0%,to{transform:translateZ(0)}50%{transform:translate3d(-34px,28px,0)}}@keyframes drift-c{0%,to{transform:translate3d(-50%,0,0)}50%{transform:translate3d(-50%,-28px,0)}}@keyframes drift-d{0%,to{transform:translateZ(0)}50%{transform:translate3d(-24px,-20px,0)}}.app-header,.layout{width:min(1040px,100%);margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:32px;height:32px;border-radius:10px;object-fit:cover}.brand-name{margin:0;font-size:1rem;font-weight:650;letter-spacing:-.01em}.profile-btn{position:relative;width:38px;height:38px;border:1px solid var(--glass-border);border-radius:999px;background:linear-gradient(160deg,#ffffff3d,#ffffff14);backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(var(--glass-saturate));color:#1f2937;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff8c,0 8px 18px #11182724;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;overflow:hidden;isolation:isolate}.profile-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%);opacity:.22;mix-blend-mode:screen}.profile-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.profile-btn:hover{border-color:var(--line-strong);box-shadow:0 6px 18px #11182724;transform:translateY(-1px)}.profile-btn:focus-visible{outline:2px solid rgba(10,132,255,.35);outline-offset:2px}.profile-btn[aria-expanded=true]{border-color:var(--line-strong);box-shadow:0 6px 18px #11182724}.profile-btn-symbol{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;line-height:1}.profile-btn-symbol-icon{width:18px;height:18px}.profile-menu-wrap{position:relative}.profile-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(300px,calc(100vw - 20px));border:1px solid var(--glass-border);border-radius:16px;background:linear-gradient(160deg,#ffffff4d,#ffffff1f);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:0 16px 38px #11182729;padding:8px 0;z-index:25;opacity:0;transform:translateY(8px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .2s ease,transform .22s ease;overflow:hidden;isolation:isolate}.profile-menu:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.05));opacity:.2;mix-blend-mode:screen}.profile-menu:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.profile-menu>*{position:relative;z-index:1}.profile-menu.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.profile-menu-user{padding:8px 14px 9px;display:flex;gap:10px;align-items:center}.profile-menu-avatar{width:30px;height:30px;border-radius:999px;background:#a85dd6;color:#fff;font-size:12px;font-weight:620;display:grid;place-items:center}.profile-menu-user-copy{min-width:0}.profile-menu-name,.profile-menu-handle{margin:0;line-height:1.2}.profile-menu-name{font-size:13px;font-weight:600;color:#111;letter-spacing:-.01em}.profile-menu-handle{margin-top:2px;font-size:12px;color:#8d8d8d;letter-spacing:-.01em}.profile-menu-separator{border:0;border-top:1px solid rgba(17,24,39,.12);margin:8px 0}.profile-menu-item{width:100%;border:none;background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 14px;color:#171717;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.profile-menu-item:hover{background:#1118270f;transform:translate(1px)}.profile-menu-item-icon{width:18px;height:18px;color:#111;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,color .18s ease}.profile-menu-item-icon .sf-symbol-icon{width:100%;height:100%}.profile-menu-item-text{font-size:13px;line-height:1.35;letter-spacing:-.01em;transition:transform .18s ease,color .18s ease}.profile-menu-item:hover .profile-menu-item-icon,.profile-menu-item:hover .profile-menu-item-text{transform:translate(1px)}.profile-menu-item-help .profile-menu-item-tail{margin-left:auto;color:#111;width:18px;height:18px;transition:transform .18s ease}.profile-menu-item-help:hover .profile-menu-item-tail{transform:translate(2px)}.profile-menu-item:focus-visible{outline:none;background:#0a84ff14}.layout{display:grid;gap:14px}.panel{border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);padding:20px}.panel h1,.panel h2,.panel h3{margin:0}.panel-sub{margin:8px 0 0;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sf-symbol-icon{display:inline-block;width:1em;height:1em;flex:none;object-fit:contain;vertical-align:middle;filter:brightness(0) invert(1);opacity:.94}.alert-panel{padding:14px 16px;font-size:.95rem;font-weight:600}.alert-panel.error{border-color:#d9302547;background:#fff6f5;color:#7b1f17}.alert-panel.success{border-color:#117a2d3d;background:#f3fff5;color:#0d5a22}.alert-panel.info{border-color:#0a84ff38;background:#f0f7ff;color:#174e96}#global-message{position:fixed;left:50%;top:12px;transform:translate(-50%);width:min(92vw,640px);padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#080a0edb;color:#fffffff5;text-align:center;font-size:.93rem;font-weight:620;letter-spacing:.01em;box-shadow:0 20px 42px #0006,inset 0 1px #ffffff38;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);pointer-events:none;transform-origin:top center;z-index:1200}#global-message.error,#global-message.success,#global-message.info{border-color:#fff3;background:#080a0edb;color:#fffffff5}#global-message.is-visible{animation:ios-toast-in .5s cubic-bezier(.22,1,.36,1) forwards}#global-message.is-exiting{animation:ios-toast-out .32s cubic-bezier(.4,0,1,1) forwards}@keyframes ios-toast-in{0%{opacity:0;transform:translate(-50%,-24px) scale(.86)}58%{opacity:1;transform:translate(-50%,2px) scale(1.03)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes ios-toast-out{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-18px) scale(.9)}}body.auth-pending .app-header{display:none}body.auth-pending #auth-panel,body.auth-pending #library-panel{display:none!important}body.auth-pending #auth-loading-panel{display:grid}.auth-loading-panel{min-height:calc(100vh - 100px);margin:0 auto;display:none;place-items:center}.auth-loading-spinner{width:26px;height:26px;border-radius:999px;border:2px solid rgba(17,24,39,.2);border-top-color:#4d86e8;animation:auth-loading-spin .85s linear infinite}@keyframes auth-loading-spin{to{transform:rotate(360deg)}}#auth-panel{width:min(470px,100%);margin:8vh auto 0;border-radius:24px;padding:30px 24px 22px;border:1px solid var(--glass-border);background:linear-gradient(160deg,#ffffff47,#ffffff1a);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 1px #ffffff8c,0 20px 44px #3a587a2e;position:relative;overflow:hidden;isolation:isolate}#auth-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.05));opacity:.23;mix-blend-mode:screen}#auth-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}#auth-panel>*{position:relative;z-index:1}.auth-shell{display:grid;gap:14px}.auth-shell h1{text-align:center;font-size:clamp(1.6rem,3.2vw,2.1rem);letter-spacing:-.02em;font-weight:620}.auth-sub{margin-top:-3px;text-align:center;font-size:.97rem}.google-btn,.email-btn,.primary-btn{width:100%;border-radius:16px;height:50px;font-size:.99rem;font-weight:620;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.google-btn{border:1px solid var(--glass-border);background:linear-gradient(160deg,#ffffff57,#ffffff2e);backdrop-filter:blur(calc(var(--glass-blur) - 3px)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 3px)) saturate(var(--glass-saturate));color:#111827;display:inline-flex;align-items:center;justify-content:center;gap:10px}.google-btn:hover{border-color:var(--line-strong);box-shadow:0 10px 24px #11182717;transform:translateY(-1px)}.google-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}.divider{position:relative;margin:2px 0;text-align:center}.divider:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid var(--line)}.divider span{position:relative;z-index:1;padding:0 10px;background:#ffffff80;border-radius:999px;color:#7b8392;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}.stacked-form{display:grid;gap:11px;margin-top:0}.stacked-form label{font-size:.9rem;font-weight:600}.stacked-form input,.stacked-form select{width:100%;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:.97rem;color:var(--ink);background:#fff}.auth-form input{height:50px;border-radius:14px;padding:0 14px;border-color:#adcbecc2;background:linear-gradient(160deg,#ffffff8c,#ffffff4d);backdrop-filter:blur(calc(var(--glass-blur) - 3px)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 3px)) saturate(var(--glass-saturate))}.auth-form input:focus,.stacked-form select:focus,.stacked-form input:focus{outline:2px solid rgba(10,132,255,.2);outline-offset:1px;border-color:#0a84ff57}.email-btn,.primary-btn{border:1px solid #0d1117;background:#0d1117;color:#fff}.email-btn:hover,.primary-btn:hover{box-shadow:0 10px 22px #0d111733;transform:translateY(-1px)}.auth-switch-row{margin:2px 0 0;text-align:center;color:#5f6b7b;font-size:.94rem}.auth-switch-btn{border:none;background:transparent;color:#111827;text-decoration:underline;font-size:.94rem;font-weight:620;cursor:pointer;padding:0}#library-panel{border:none;background:transparent;box-shadow:none;padding:0}.library-shell{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.library-title{margin:0;font-size:clamp(1.85rem,3.3vw,2.35rem);letter-spacing:-.03em;font-weight:700}.library-loading{display:inline-flex;align-items:center;gap:10px;margin:2px 0 14px;color:#5f6b7b;font-size:.96rem;font-weight:620}.library-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(17,24,39,.2);border-top-color:#4d86e8;animation:library-spin .85s linear infinite}@keyframes library-spin{to{transform:rotate(360deg)}}.quick-create-btn{width:82px;height:82px;padding:0;border-radius:999px;border:1px solid var(--glass-border);background:linear-gradient(160deg,#ffffff38,#ffffff14);backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(var(--glass-saturate));color:var(--blue);line-height:1;cursor:pointer;box-shadow:inset 0 1px #ffffff80,0 20px 40px #0a84ff33;transition:transform .16s ease,box-shadow .2s ease;margin:18px auto 0;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.quick-create-btn:hover{transform:translateY(-1px);box-shadow:0 24px 44px #0a84ff3d}.quick-create-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.04));opacity:.24;mix-blend-mode:screen;filter:url(#liquid-glass-distortion);transform:translateZ(0)}.quick-create-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.quick-create-icon,.empty-plus-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;line-height:0}.quick-create-icon .sf-symbol-icon{width:34px;height:34px}.empty-plus-icon .sf-symbol-icon{width:32px;height:32px}.upload-progress{width:100%;height:12px;border-radius:999px;background:#e8ebf1;overflow:hidden;display:none}.upload-progress-bar{width:0;height:100%;background:linear-gradient(90deg,#1593ff,#65b7ff);transition:width .24s ease}.progress-label{margin:0;min-height:1.25em;color:var(--muted);font-size:.88rem;font-weight:600}.podcast-list{display:grid;gap:16px}.podcast-group{display:grid;gap:10px}.podcast-group-title{margin:0;font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:650;letter-spacing:-.02em}.podcast-item{width:100%;border:1px solid var(--glass-border);border-radius:999px;background:linear-gradient(160deg,#ffffff2e,#ffffff0d);backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(var(--glass-saturate));padding:16px 16px 16px 22px;text-align:left;color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:inset 0 1px #ffffff80,0 12px 32px #64819c24;overflow:hidden;isolation:isolate}.podcast-item:hover{transform:translateY(-1px);box-shadow:0 18px 38px #64819c33}.podcast-item:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.04));opacity:.22;mix-blend-mode:screen;filter:url(#liquid-glass-distortion);transform:translateZ(0)}.podcast-item:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.podcast-item:focus-visible{outline:2px solid rgba(10,132,255,.35);outline-offset:2px}.podcast-item-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.podcast-item-copy{min-width:0}.podcast-title,.podcast-item-title{margin:0;font-size:clamp(1.02rem,1.7vw,1.35rem);font-weight:670;letter-spacing:-.01em;line-height:1.2;text-shadow:.1px .5px 10.2px rgba(0,0,0,.27)}.podcast-meta,.podcast-item-date{margin:6px 0 0;color:var(--ink);font-size:clamp(.86rem,1.2vw,1rem);line-height:1.2}.podcast-play-btn{background:#fff;border-radius:999px;color:#3a84ea;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:clamp(.88rem,1.05vw,1rem);font-weight:680;line-height:1;white-space:nowrap}.podcast-play-btn .play-icon{width:.95em;height:.95em}.podcast-item.pending{cursor:default}.podcast-item.pending .podcast-play-btn{color:#5f6b7b;border-color:#a9b1bd70;background:#ecf0f5f0}.podcast-item-status{margin:8px 0 0;color:#5f6b7b;font-size:.86rem;font-weight:600}.podcast-item-progress{margin-top:8px;width:100%;height:6px;border-radius:999px;background:#1118271f;overflow:hidden}.podcast-item-progress>div{height:100%;background:linear-gradient(90deg,#58a9ff,#8ec7ff)}.empty-state{margin:20px auto;min-height:430px;border-radius:22px;border:1px solid var(--glass-border);background:linear-gradient(160deg,#ffffff29,#ffffff0f);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));display:grid;place-items:center;padding:26px;box-shadow:inset 0 1px #ffffff85,0 16px 34px #18163221;overflow:hidden;isolation:isolate}.empty-state:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.04));opacity:.24;mix-blend-mode:screen;filter:url(#liquid-glass-distortion);transform:translateZ(0)}.empty-state:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.empty-shell{position:relative;z-index:1;width:min(360px,100%);display:grid;justify-items:center;text-align:center;gap:12px}.empty-icon{width:78px;height:78px;border-radius:20px;object-fit:cover;box-shadow:0 8px 24px #11182724}.empty-state h3{margin:2px 0 0;font-size:clamp(1.7rem,4vw,2.1rem);font-weight:620;letter-spacing:-.03em}.empty-state p{margin:0;color:var(--muted);font-size:1rem}.empty-plus-btn{margin-top:2px;width:58px;height:58px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(10,132,255,.24);background:#fff;color:var(--blue);font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 14px 28px #0a84ff2e;transition:transform .16s ease,box-shadow .2s ease}.empty-plus-btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px #0a84ff3d}.create-modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:14px;opacity:0;pointer-events:none;transition:opacity .2s ease}.create-modal.is-open{opacity:1;pointer-events:auto}.create-modal-backdrop{position:absolute;inset:0;background:#0c131f70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s ease}.create-modal.is-open .create-modal-backdrop{opacity:1}.create-modal-card{position:relative;z-index:1;width:min(460px,100%);border-radius:22px;border:1px solid rgba(76,112,168,.3);background:linear-gradient(172deg,#fff,#f2f7ff);box-shadow:0 30px 70px #1118273d;padding:18px;opacity:.92;transform:translateY(12px) scale(.985);transition:transform .22s ease,opacity .22s ease}.create-modal.is-open .create-modal-card{opacity:1;transform:translateY(0) scale(1)}.create-modal-card h3{font-size:1.34rem;font-weight:620;letter-spacing:-.01em}.create-modal-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#364152;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.modal-close-icon{width:18px;height:18px}.modal-create-form{margin-top:14px;gap:12px}.modal-create-form label{padding-left:6px;color:#4a5b75;font-size:.77rem;font-weight:680;letter-spacing:.08em;text-transform:uppercase}.modal-create-form #pdf-file-input,.modal-create-form #language-select{min-height:54px;border-radius:999px;border:1px solid rgba(61,103,167,.32);background:linear-gradient(180deg,#fff,#f4f8ff);color:#15243a;font-size:.95rem;font-weight:620;box-shadow:inset 0 0 0 1px #ffffffb8;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.modal-create-form #pdf-file-input:hover,.modal-create-form #language-select:hover{border-color:#1e5cbc75}.modal-create-form #pdf-file-input:focus,.modal-create-form #language-select:focus{outline:none;border-color:#1e5cbcad;box-shadow:0 0 0 4px #3b82f629,inset 0 0 0 1px #ffffffb8}.modal-create-form #language-select{cursor:pointer;appearance:none;padding:0 46px 0 18px;background-image:linear-gradient(180deg,#fff,#f4f8ff),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23456699' d='M3.2 5.4a.8.8 0 0 1 1.1 0L8 9.2l3.7-3.8a.8.8 0 0 1 1.2 1.1l-4.3 4.4a.8.8 0 0 1-1.2 0L3.2 6.5a.8.8 0 0 1 0-1.1Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:auto,16px;background-position:center,right 16px center}.modal-create-form #pdf-file-input{cursor:pointer;padding:4px}.modal-create-form #pdf-file-input::file-selector-button{height:44px;border-radius:999px;border:1px solid rgba(17,24,39,.14);background:linear-gradient(132deg,#0f172a,#1f3b7c);color:#fff;font-size:.88rem;font-weight:650;letter-spacing:.01em;padding:0 16px;margin:0 10px 0 0;cursor:pointer;transition:transform .16s ease,box-shadow .18s ease,filter .18s ease}.modal-create-form #pdf-file-input::-webkit-file-upload-button{height:44px;border-radius:999px;border:1px solid rgba(17,24,39,.14);background:linear-gradient(132deg,#0f172a,#1f3b7c);color:#fff;font-size:.88rem;font-weight:650;letter-spacing:.01em;padding:0 16px;margin:0 10px 0 0;cursor:pointer;transition:transform .16s ease,box-shadow .18s ease,filter .18s ease}.modal-create-form #pdf-file-input:hover::file-selector-button{transform:translateY(-1px);box-shadow:0 10px 18px #1e418652;filter:brightness(1.04)}.modal-create-form #pdf-file-input:hover::-webkit-file-upload-button{transform:translateY(-1px);box-shadow:0 10px 18px #1e418652;filter:brightness(1.04)}.modal-create-form #pdf-file-input.has-file::file-selector-button{background:linear-gradient(132deg,#0a7fda,#2f6de8);border-color:#2f6de88c}.modal-create-form #pdf-file-input.has-file::-webkit-file-upload-button{background:linear-gradient(132deg,#0a7fda,#2f6de8);border-color:#2f6de88c}.modal-create-form #create-btn{min-height:54px;border-radius:999px;border-color:#142342e6;background:linear-gradient(132deg,#0f172a,#1c3572 56%,#2f6de8);box-shadow:0 14px 28px #1f438b4d}.modal-create-form #create-btn:hover{box-shadow:0 18px 32px #1f438b57;transform:translateY(-1px)}.paywall-modal{position:fixed;inset:0;z-index:34;display:grid;place-items:center;padding:14px;overflow-y:auto;overscroll-behavior:contain;opacity:0;pointer-events:none;transition:opacity .2s ease}.paywall-modal.is-open{opacity:1;pointer-events:auto}.paywall-modal-backdrop{position:absolute;inset:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;transition:none}.paywall-modal.is-open .paywall-modal-backdrop{opacity:1}.paywall-modal-card{position:relative;z-index:1;width:min(1240px,100%);max-height:min(92vh,980px);border-radius:30px;border:1px solid var(--glass-border);background:linear-gradient(160deg,#ffffff38,#ffffff14);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 1px #ffffff85,0 30px 74px #09152b52;overflow-y:auto;isolation:isolate;padding:26px 24px 24px;display:grid;gap:16px;opacity:.92;transform:translateY(12px) scale(.985);transition:transform .22s ease,opacity .22s ease}.paywall-modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.04));opacity:.28;mix-blend-mode:screen;filter:url(#liquid-glass-distortion);transform:translateZ(0)}.paywall-modal-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.paywall-modal-card>*{position:relative;z-index:1}.paywall-modal.is-open .paywall-modal-card{opacity:1;transform:translateY(0) scale(1)}.paywall-modal-close{position:absolute;right:12px;top:12px;width:34px;height:34px;padding:0;border:1px solid rgba(17,24,39,.2);border-radius:999px;background:#ffffffe6;color:#111827;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;pointer-events:auto;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.paywall-modal-close:hover{background:#fffffffa;border-color:#1118275c;transform:translateY(-1px)}.paywall-modal-close:focus-visible{outline:2px solid rgba(10,132,255,.38);outline-offset:2px}.paywall-close-icon{width:16px;height:16px;display:block}.paywall-modal-card h3{margin:0;text-align:center;font-size:clamp(1.6rem,2.8vw,2.35rem);font-weight:730;line-height:1.16;letter-spacing:-.025em}.paywall-subtitle{margin:0;text-align:center;color:#4b5567;font-size:1rem;line-height:1.45}.paywall-grid{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px}.paywall-plan-card{position:relative;border-radius:22px;border:1px solid var(--glass-border);background:linear-gradient(160deg,#ffffff2e,#ffffff12);backdrop-filter:blur(calc(var(--glass-blur) - 4px)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 4px)) saturate(var(--glass-saturate));box-shadow:inset 0 1px #ffffff80,0 16px 30px #1a18381f;padding:22px 18px;display:grid;gap:12px;min-height:500px;overflow:hidden;isolation:isolate}.paywall-plan-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,color-mix(in srgb,var(--glass-sheen-a) 85%,transparent),#c6c3ff00 52%),radial-gradient(112% 104% at 116% 5%,color-mix(in srgb,var(--glass-sheen-b) 85%,transparent),#fff0 58%),linear-gradient(180deg,color-mix(in srgb,var(--glass-sheen-c) 80%,transparent),#ada8ff05);opacity:.28;mix-blend-mode:screen;filter:url(#liquid-glass-distortion);transform:translateZ(0)}.paywall-plan-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.paywall-plan-card>*{position:relative;z-index:1}.paywall-plan-card.is-featured{border-color:#79a2ff8c;box-shadow:inset 0 1px #ffffff94,0 22px 38px #2b488a38}.paywall-plan-name{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em}.paywall-plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.paywall-plan-cycle{margin:-4px 0 0;font-size:.93rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5b6679}.paywall-plan-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#007aff;color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.paywall-plan-amount{margin:0;display:inline-flex;align-items:baseline;gap:8px;color:#111827}.paywall-plan-amount>span{font-size:3.1rem;font-weight:740;line-height:1;letter-spacing:-.04em}.paywall-price-value{font-size:1em;font-weight:inherit;letter-spacing:inherit}.paywall-plan-amount>small{font-size:1rem;color:#616c80;font-weight:500}.paywall-plan-copy{margin:0;font-size:1.08rem;color:#111827;line-height:1.35}.paywall-plan-limit{margin:0;font-size:.95rem;font-weight:600;color:#1f365d}.paywall-plan-btn,.paywall-cta-btn{width:100%;min-height:52px;border-radius:999px;border:1px solid rgba(17,24,39,.14);background:#ffffffd6;color:#111827;font-size:1rem;font-weight:620;letter-spacing:-.01em;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease}.paywall-plan-btn:disabled,.paywall-cta-btn:disabled{opacity:.6;cursor:not-allowed}.paywall-cta-btn{border-color:#0a0a0f;background:#0a0a0f;color:#fff}.paywall-plan-btn:hover:not(:disabled),.paywall-cta-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #161e3233}.paywall-plan-features{list-style:none;margin:0;padding:0;display:grid;gap:11px}.paywall-plan-features li{display:flex;align-items:center;gap:10px;color:#1a2539;font-size:1rem;line-height:1.3}.paywall-plan-features li:before{content:"✦";width:20px;color:#2b3f66;font-size:.9rem;text-align:center}.paywall-status-message{margin:2px 0 0;border-radius:14px;background:#0853b71f;color:#0e468f;font-size:.9rem;font-weight:600;padding:11px 13px}.paywall-footnote{margin:2px 0 0;text-align:center;color:#5b6679;font-size:.9rem}.player-modal{position:fixed;inset:0;z-index:35;display:grid;place-items:center;padding:14px;opacity:0;pointer-events:none;transition:opacity .2s ease}.player-modal.is-open{opacity:1;pointer-events:auto}.player-modal-backdrop{position:absolute;inset:0;background:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease}.player-modal.is-open .player-modal-backdrop{opacity:1}.player-modal-card{position:relative;z-index:1;width:min(760px,100%);max-height:min(94vh,900px);overflow-y:auto;border:1px solid var(--glass-border);border-radius:34px;background:linear-gradient(160deg,#ffffff38,#ffffff14);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 1px #ffffff85,0 30px 74px #09152b52;padding:22px 22px 26px;display:grid;justify-items:center;gap:16px;isolation:isolate;opacity:.92;transform:translateY(12px) scale(.985);transition:transform .22s ease,opacity .22s ease}.player-modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.04));opacity:.28;mix-blend-mode:screen;filter:url(#liquid-glass-distortion);transform:translateZ(0)}.player-modal-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.player-modal-card>*{position:relative;z-index:1}.player-modal.is-open .player-modal-card{opacity:1;transform:translateY(0) scale(1)}.player-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid rgba(17,24,39,.14);border-radius:999px;background:#ffffffdb;color:#111827;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.player-siri-orb{margin-top:16px;width:min(252px,56vw);aspect-ratio:1/1;position:relative;isolation:isolate;border-radius:999px;overflow:hidden;display:grid;place-items:center}.player-siri-orb:before{content:"";position:absolute;inset:-12%;border-radius:999px;background:radial-gradient(circle at 52% 58%,#4d99ff8a,#4d99ff42,#4d99ff00 72%);filter:blur(24px);transform:translateY(3px) scale(1.03);z-index:0;pointer-events:none}.player-siri-orb-canvas{position:relative;z-index:1;width:100%;height:100%;filter:drop-shadow(0 8px 26px rgba(71,142,245,.46))}.player-modal-title{margin:0;text-align:center;font-size:clamp(1.65rem,2.7vw,2.15rem);font-weight:700;letter-spacing:-.04em;line-height:1.2}.player-scrub-wrap{width:100%;display:grid;gap:8px}.player-scrubber{--player-scrubber-progress: 0%;--player-scrubber-fill: rgba(255, 255, 255, .98);--player-scrubber-rest: rgba(20, 145, 200, .56);-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;outline:none;background:transparent;cursor:pointer}.player-scrubber::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--player-scrubber-fill) 0 var(--player-scrubber-progress),var(--player-scrubber-rest) var(--player-scrubber-progress) 100%)}.player-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fffffff2;border:2px solid rgba(255,255,255,.98);box-shadow:0 8px 24px #02081670;cursor:pointer;margin-top:-8px}.player-scrubber::-moz-range-track{height:8px;border-radius:999px;background:var(--player-scrubber-rest)}.player-scrubber::-moz-range-progress{height:8px;border-radius:999px;background:var(--player-scrubber-fill)}.player-scrubber::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fffffff2;border:2px solid rgba(255,255,255,.98);box-shadow:0 8px 24px #02081670;cursor:pointer}.player-time-row{display:flex;justify-content:space-between;color:#1f2937;font-size:clamp(.95rem,1.2vw,1.08rem);font-variant-numeric:tabular-nums}.player-speed-wrap{width:100%;display:flex;justify-content:flex-start}.player-speed-select{border:1px solid rgba(17,24,39,.1);border-radius:999px;background:#ffffffe0;color:#111827;font-size:clamp(.92rem,1vw,1rem);font-weight:650;padding:10px 16px}.player-controls-row{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(20px,5vw,56px)}.player-ghost-btn,.player-toggle-btn{border:none;background:transparent;color:#111827;cursor:pointer}.player-ghost-btn{display:inline-flex;align-items:center;justify-content:center}.player-ghost-icon{width:clamp(1.7rem,2.4vw,2.15rem);height:clamp(1.7rem,2.4vw,2.15rem)}.player-toggle-btn{padding:2px;color:#111827;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:transform .18s ease}.player-toggle-btn:hover{transform:scale(1.06)}.player-toggle-btn:focus-visible{outline:2px solid rgba(17,24,39,.34);outline-offset:6px;border-radius:10px}.player-toggle-icon{display:inline-flex;width:clamp(2.65rem,4.8vw,3.5rem);height:clamp(2.65rem,4.8vw,3.5rem)}.player-share-icon{width:1.05em;height:1.05em}.player-share-btn{width:min(440px,100%);height:66px;border:1px solid rgba(17,24,39,.1);border-radius:20px;background:#ffffffe6;color:#111827;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(1rem,1.2vw,1.1rem);font-weight:650;cursor:pointer}.share-modal{position:fixed;inset:0;z-index:36;display:grid;place-items:center;padding:14px;opacity:0;pointer-events:none;transition:opacity .2s ease}.share-modal.is-open{opacity:1;pointer-events:auto}.share-modal-backdrop{position:absolute;inset:0;background:#11182747;opacity:0;transition:opacity .2s ease}.share-modal.is-open .share-modal-backdrop{opacity:1}.share-modal-card{position:relative;z-index:1;width:min(760px,100%);border:1px solid rgba(255,255,255,.56);border-radius:34px;background:#f6f8fbf5;box-shadow:0 30px 70px #1118273d;padding:20px 18px 22px;display:grid;justify-items:center;gap:14px;opacity:.92;transform:translateY(12px) scale(.985);transition:transform .22s ease,opacity .22s ease}.share-modal.is-open .share-modal-card{opacity:1;transform:translateY(0) scale(1)}.share-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:1px solid rgba(17,24,39,.12);border-radius:999px;background:#ffffffdb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.share-modal-orb{width:98px;height:98px;border-radius:999px;background:linear-gradient(145deg,#6cb2eb,#82e2fc);box-shadow:inset 0 0 0 2px #ffffff2e}.share-modal-card h3{margin:0;font-size:clamp(1.45rem,2.2vw,1.95rem);letter-spacing:-.03em}.share-modal-subtitle{margin:0;text-align:center;color:#5f6b7b;font-size:clamp(.95rem,1.15vw,1.05rem);max-width:590px}.share-modal-preparing{display:inline-flex;align-items:center;gap:10px;color:#4d5d73;font-size:1.02rem;font-weight:600}.share-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(17,24,39,.2);border-top-color:#4d86e8;animation:share-spin .85s linear infinite}@keyframes share-spin{to{transform:rotate(360deg)}}.share-modal-error{margin:0;width:100%;border-radius:12px;padding:12px;background:#d930251f;color:#8b2018;font-size:.95rem;text-align:center}.share-link-wrap{width:100%;border:1px solid rgba(255,255,255,.58);border-radius:20px;background:#ffffffb3;padding:14px;display:grid;gap:12px}.share-link-caption{margin:0;color:#687385;font-size:clamp(.86rem,1vw,.95rem)}.share-link-value{margin:0;border-radius:12px;padding:12px 14px;background:#f3f6fbf5;color:#111827;font-family:SF Mono,Menlo,Consolas,monospace;font-size:clamp(.9rem,1vw,1rem);line-height:1.35;overflow-wrap:anywhere}.share-link-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-copy-btn,.share-open-btn{height:58px;border-radius:999px;border:1px solid rgba(17,24,39,.1);font-size:clamp(.92rem,1.05vw,1rem);font-weight:650;cursor:pointer}.share-copy-btn{background:#347ff4;border-color:#347ff4;color:#fff}.share-open-btn{background:#ffffffe6;color:#347ff4}.logout-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .2s ease}.logout-modal.is-open{opacity:1;pointer-events:auto}.logout-modal-backdrop{position:absolute;inset:0;background:transparent;opacity:1;transition:opacity .2s ease}.logout-modal.is-open .logout-modal-backdrop{opacity:1}.logout-modal-card{position:relative;z-index:1;width:min(580px,100%);border:1px solid var(--glass-border);border-radius:24px;background:linear-gradient(165deg,#ffffff4d,#ffffff1f);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:0 22px 52px #1118272e;padding:44px 54px 40px;opacity:.9;transform:translateY(12px) scale(.985);transition:transform .22s ease,opacity .22s ease;overflow:hidden;isolation:isolate}.logout-modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.05));opacity:.2;mix-blend-mode:screen}.logout-modal-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.logout-modal-card>*{position:relative;z-index:1}.logout-modal.is-open .logout-modal-card{opacity:1;transform:translateY(0) scale(1)}.logout-modal-card h3{margin:0;font-size:clamp(1.6rem,2.4vw,2.15rem);font-weight:650;letter-spacing:-.04em;line-height:1.2}.logout-modal-copy{margin:20px 0 0;color:#535a66;font-size:clamp(1.02rem,1.2vw,1.2rem);line-height:1.38;letter-spacing:-.02em}.logout-modal-actions{margin-top:28px;display:grid;gap:12px}.logout-confirm-btn,.logout-cancel-btn{width:100%;height:62px;border-radius:999px;font-size:clamp(1rem,1.1vw,1.1rem);font-weight:560;letter-spacing:-.01em;cursor:pointer}.logout-confirm-btn{border:1px solid #05070a;background:#05070a;color:#fff}.logout-cancel-btn{border:1px solid rgba(17,24,39,.2);background:transparent;color:#191f2b}.logout-confirm-btn:hover,.logout-cancel-btn:hover{transform:translateY(-1px)}.settings-modal,.personalization-modal{position:fixed;inset:0;z-index:39;display:grid;place-items:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .2s ease}.settings-modal.is-open,.personalization-modal.is-open{opacity:1;pointer-events:auto}.settings-modal-backdrop,.personalization-modal-backdrop{position:absolute;inset:0;background:#1118271f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settings-modal-card,.personalization-modal-card{position:relative;z-index:1;border:1px solid var(--glass-border);background:linear-gradient(165deg,#ffffff52,#ffffff1f);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:0 22px 56px #11182733;overflow:hidden;isolation:isolate}.settings-modal-card:before,.personalization-modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.05));opacity:.2;mix-blend-mode:screen}.settings-modal-card:after,.personalization-modal-card:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.settings-modal-card>*,.personalization-modal-card>*{position:relative;z-index:1}.settings-modal-card{width:min(1080px,100%);border-radius:30px;padding:16px}.settings-modal-close,.personalization-modal-close{position:absolute;top:14px;right:14px;z-index:4;width:36px;height:36px;border:1px solid rgba(17,24,39,.16);border-radius:999px;background:#ffffff94;color:#161a20;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}.settings-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:min(72vh,680px)}.settings-sidebar{border-right:1px solid var(--line);padding:56px 8px 16px;display:grid;align-content:start;gap:8px}.settings-sidebar-title{margin:0 10px 6px;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.settings-nav-item{border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);text-align:left;font-size:1.02rem;font-weight:620;padding:10px 12px;cursor:pointer}.settings-nav-item.is-active{background:#ffffff85;border-color:#c2d6f1bd}.settings-main{padding:56px 12px 20px}.settings-panel{display:block}.settings-main h3{margin:0;color:var(--ink);font-size:clamp(1.5rem,2.3vw,2rem);letter-spacing:-.03em}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.settings-row p{margin:0}.settings-row p:first-child{color:var(--ink);font-size:1.08rem;font-weight:550}.settings-row p:last-child{color:var(--ink);font-size:1.12rem}.settings-row-plan{align-items:flex-start}.settings-plan-caption{margin-top:8px!important;color:var(--muted)!important;font-size:.95rem!important;line-height:1.35}.settings-plan-limit{margin-top:6px!important;color:var(--ink)!important;font-size:.92rem!important;font-weight:620}.settings-usage-wrap{margin-top:4px;padding:10px 0 2px;display:grid;gap:10px}.settings-usage-title{margin:0;color:var(--ink);font-size:.95rem;font-weight:640}.settings-usage-bar{position:relative;width:100%;height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:#ffffff3d;overflow:hidden}.settings-usage-bar-fill{position:absolute;inset:0 auto 0 0;width:100%;border-radius:inherit;background:linear-gradient(90deg,#50cfe9fa,#589afff5);transition:width .22s ease}.settings-usage-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-usage-left,.settings-usage-reset{margin:0;font-size:.95rem;color:var(--muted)}.settings-usage-left{color:var(--ink);font-weight:620}.settings-manage-plan-btn,.settings-upgrade-plan-btn,.personalization-save-btn,.personalization-cancel-btn{border-radius:999px;font-weight:620;cursor:pointer}.settings-manage-plan-btn{min-width:134px;height:46px;border:1px solid rgba(17,24,39,.2);background:#ffffff94;color:var(--ink);font-size:1rem}.settings-upgrade-row{margin-top:20px}.settings-upgrade-plan-btn{width:100%;height:52px;border:1px solid rgba(12,23,43,.9);background:#0d1117;color:#fff;font-size:1.02rem}.personalization-modal-card{width:min(560px,100%);border-radius:24px;padding:26px 22px 22px}.personalization-modal-card h3{margin:6px 0 0;font-size:clamp(1.45rem,2vw,1.8rem);letter-spacing:-.03em}.personalization-modal-subtitle{margin:10px 0 0;color:var(--muted);font-size:.96rem;line-height:1.4}.personalization-field{margin-top:18px;display:grid;gap:8px}.personalization-field label{color:var(--muted);font-size:.82rem;font-weight:680;letter-spacing:.08em;text-transform:uppercase}.personalization-language-select{width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(153,192,236,.8);background:#ffffff8f;color:var(--ink);font-size:.96rem;font-weight:560;padding:12px 14px}.personalization-actions{margin-top:16px;display:grid;gap:10px}.personalization-save-btn{height:50px;border:1px solid rgba(12,23,43,.9);background:#0d1117;color:#fff;font-size:1rem}.personalization-cancel-btn{height:48px;border:1px solid rgba(17,24,39,.18);background:#ffffff7a;color:var(--ink);font-size:.98rem}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.6}.hidden{display:none!important}@media(max-width:760px){body{padding:calc(env(safe-area-inset-top,0px) + 12px) calc(env(safe-area-inset-right,0px) + 10px) calc(env(safe-area-inset-bottom,0px) + 34px) calc(env(safe-area-inset-left,0px) + 10px)}#auth-panel{margin-top:4vh;padding:22px 14px 16px;border-radius:18px}.panel{border-radius:18px;padding:14px}.empty-state{min-height:360px;border-radius:18px;padding:22px 14px}.empty-state h3{font-size:clamp(1.45rem,7vw,1.8rem)}.library-title{font-size:clamp(1.7rem,9vw,2.25rem)}.podcast-group-title{font-size:clamp(1.03rem,5vw,1.25rem)}.podcast-item{padding:12px 12px 12px 16px}.podcast-item-title{font-size:clamp(1rem,5vw,1.2rem)}.podcast-item-date{margin-top:4px;font-size:.92rem}.podcast-play-btn{padding:9px 12px;font-size:.95rem}.quick-create-btn{width:74px;height:74px;margin-top:16px}.player-modal-card,.share-modal-card,.paywall-modal-card{border-radius:24px;padding:16px 14px 18px}.player-siri-orb{width:min(220px,54vw)}.player-modal-title{font-size:clamp(1.55rem,8vw,2.2rem)}.player-time-row{font-size:1.06rem}.player-speed-select{font-size:.98rem;padding:8px 12px}.player-controls-row{gap:20px}.player-toggle-btn{padding:2px}.player-toggle-icon{width:clamp(2.35rem,11vw,3rem);height:clamp(2.35rem,11vw,3rem)}.player-ghost-icon{width:1.9rem;height:1.9rem}.player-share-btn{height:56px;font-size:1.05rem;border-radius:16px}.share-link-actions{grid-template-columns:1fr}.share-copy-btn,.share-open-btn{height:50px;font-size:1rem}.profile-menu{right:-4px;width:min(300px,calc(100vw - 16px))}.profile-menu-user,.profile-menu-item{padding-left:12px;padding-right:12px}.logout-modal-card{border-radius:18px;padding:30px 20px 22px}.logout-modal-actions{margin-top:18px}.logout-confirm-btn,.logout-cancel-btn{height:54px}.settings-modal-card{border-radius:20px;padding:14px 12px 12px}.settings-layout{grid-template-columns:1fr;min-height:0;gap:12px}.settings-sidebar{border-right:none;border-bottom:1px solid rgba(17,24,39,.1);padding:42px 2px 12px;gap:6px}.settings-main{padding:4px 2px 8px}.settings-row{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 0}.settings-row-plan{gap:12px}.settings-usage-wrap{gap:8px}.settings-usage-meta{flex-wrap:wrap;gap:4px 12px}.settings-manage-plan-btn{width:100%}.personalization-modal-card{border-radius:18px;padding:20px 14px 14px}.create-modal-card{border-radius:16px;padding:16px 14px}.paywall-modal-card{border-radius:20px;padding:16px 12px;gap:12px;max-height:none;overflow:visible}.paywall-grid{grid-template-columns:1fr;gap:10px}.paywall-plan-card{min-height:0;padding:16px 14px;gap:10px}.paywall-plan-name{font-size:1.68rem}.paywall-plan-amount>span{font-size:2.5rem}.paywall-plan-copy,.paywall-plan-limit,.paywall-plan-features li{font-size:.94rem}.paywall-plan-pill{font-size:.7rem;padding:5px 8px}.paywall-plan-btn,.paywall-cta-btn{min-height:48px;border-radius:14px}}@media(min-width:1100px){.podcast-item{max-width:980px}.player-modal-card,.share-modal-card{width:min(680px,100%)}}:root{--bg: #050713;--panel: rgba(255, 255, 255, .14);--ink: rgba(246, 250, 255, .96);--muted: rgba(220, 231, 255, .76);--line: rgba(255, 255, 255, .24);--line-strong: rgba(255, 255, 255, .44);--blue: #b9d2ff;--shadow: 0 20px 52px rgba(2, 8, 22, .52);--glass-blur: 18px;--glass-saturate: 172%;--glass-border: rgba(255, 255, 255, .36);--glass-line: rgba(255, 255, 255, .28);--glass-sheen-a: rgba(255, 255, 255, .24);--glass-sheen-b: rgba(255, 255, 255, .34);--glass-sheen-c: rgba(255, 255, 255, .14);--white-text-shadow: .1px .5px 10.2px rgba(0, 0, 0, .27);--page-surface: url(https://firebasestorage.googleapis.com/v0/b/magic-podcast-d1647.firebasestorage.app/o/branding%2Fgradient-blue-6867639.jpg?alt=media);--page-surface-signed-in: url(https://firebasestorage.googleapis.com/v0/b/magic-podcast-d1647.firebasestorage.app/o/branding%2Fgradient-blue-6867639.jpg?alt=media)}html,html.signed-in,html:has(body.signed-in){background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-color:var(--bg)}body:before{content:none}.ambient{display:none}body,.app-header,.layout,.panel,.panel h1,.panel h2,.panel h3,#auth-panel,#library-panel,.profile-menu,.profile-menu-item,.profile-menu-name,.profile-menu-item-text,.library-title,.podcast-group-title,.podcast-item-title,.empty-state h3,.create-modal-card,.paywall-modal-card,.player-modal-card,.share-modal-card,.settings-modal-card,.personalization-modal-card,.logout-modal-card,.share-link-value,.settings-row p,.settings-sidebar-title,.settings-nav-item,.player-time-row,.paywall-plan-name,.paywall-plan-copy,.paywall-plan-limit,.paywall-plan-features li{color:var(--ink);text-shadow:var(--white-text-shadow)}.panel-sub,.auth-sub,.profile-menu-handle,.auth-switch-row,.library-loading,.podcast-item-date,.podcast-item-status,.progress-label,.share-modal-subtitle,.share-link-caption,.settings-plan-caption,.paywall-plan-cycle,.personalization-modal-subtitle,.paywall-subtitle,.paywall-footnote,.logout-modal-copy{color:var(--muted)!important;text-shadow:var(--white-text-shadow)}#auth-panel,.profile-menu,.quick-create-btn,.podcast-item,.empty-state,.create-modal-card,.paywall-modal-card,.player-modal-card,.share-modal-card,.settings-modal-card,.personalization-modal-card,.logout-modal-card,.player-share-btn,.share-link-wrap,.share-link-value,.podcast-play-btn,.empty-plus-btn,.player-speed-select,.stacked-form input,.stacked-form select,.google-btn,.email-btn,.primary-btn,.share-copy-btn,.share-open-btn,.settings-manage-plan-btn,.settings-upgrade-plan-btn,.paywall-cta-btn,.personalization-save-btn,.personalization-cancel-btn,.logout-confirm-btn,.logout-cancel-btn,.create-modal-close,.paywall-modal-close,.player-modal-close,.share-modal-close,.settings-modal-close,.personalization-modal-close,.profile-btn{background:linear-gradient(156deg,#fff3,#ffffff14)!important;border-color:#ffffff5c!important;color:var(--ink)!important;backdrop-filter:blur(22px) saturate(176%);-webkit-backdrop-filter:blur(22px) saturate(176%);box-shadow:#ffffff59 0 1px inset,#0208166b 0 5px 50px!important}.share-modal-backdrop,.create-modal-backdrop,.settings-modal-backdrop,.personalization-modal-backdrop,.logout-modal-backdrop{background:#04081680!important}.player-modal-backdrop,.paywall-modal-backdrop{background:transparent!important}.paywall-cta-btn{background:#000!important;border-color:#000!important;color:#fff!important}.stacked-form input::placeholder,.stacked-form select::placeholder{color:#e5eeff9e}.auth-loading-spinner,.library-spinner,.share-spinner{border-color:#ffffff57!important;border-top-color:#fffffff2!important}.paywall-price-value,.paywall-plan-amount>span,.paywall-plan-amount small{color:#fffffffa!important;text-shadow:var(--white-text-shadow)}@media(max-width:900px){html,html.signed-in,html:has(body.signed-in){background-attachment:scroll}}.paywall-plan-card,.paywall-plan-card.is-featured{background:#fff!important;border-color:#11182724!important;box-shadow:0 14px 28px #1118271f!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.paywall-plan-card:before,.paywall-plan-card:after{content:none!important;display:none!important}.paywall-plan-card .paywall-plan-name,.paywall-plan-card .paywall-plan-copy,.paywall-plan-card .paywall-plan-limit,.paywall-plan-card .paywall-plan-features li,.paywall-plan-card .paywall-plan-cycle,.paywall-plan-card .paywall-plan-amount,.paywall-plan-card .paywall-plan-amount>span,.paywall-plan-card .paywall-plan-amount>small,.paywall-plan-card .paywall-price-value{color:#111827!important;text-shadow:none!important}.paywall-plan-card .paywall-plan-features li:before{color:#2b3f66!important}.paywall-plan-card .paywall-plan-pill{background:#f3f4f6!important;border:1px solid rgba(17,24,39,.16);color:#111827!important;text-shadow:none!important}.paywall-plan-card.is-featured{background:linear-gradient(165deg,#f3f2ff,#ecebff)!important;border-color:#5e5ce694!important;box-shadow:0 18px 34px #5e5ce633!important}.paywall-plan-card.is-featured .paywall-plan-pill{background:#dcd8ff!important;border:1px solid rgba(94,92,230,.24);color:#5e5ce6!important}.paywall-plan-card.is-featured .paywall-cta-btn{background:linear-gradient(90deg,#6e66f9,#5e5ce6)!important;border-color:#5e5ce6!important;color:#fff!important;box-shadow:0 14px 28px #5e5ce642!important}.paywall-plan-card.is-featured .paywall-cta-btn:hover:not(:disabled){box-shadow:0 18px 32px #5e5ce657!important}body.open-dashboard{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 36px);color:#fff}.open-app-header{padding-bottom:10px}body.open-dashboard .brand-name,body.open-dashboard .panel h1,body.open-dashboard .panel h2,body.open-dashboard .panel h3,body.open-dashboard .panel-sub{color:#fff}.open-brand-copy{display:grid;gap:2px}.open-header-subtitle{margin:0;font-size:.78rem;color:#ffffffd1;letter-spacing:.01em}.open-app-link{border:1px solid var(--glass-border);border-radius:999px;background:linear-gradient(160deg,#ffffff40,#ffffff14);backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 2px)) saturate(var(--glass-saturate));color:#fff;font-size:.84rem;font-weight:620;letter-spacing:.01em;text-decoration:none;padding:9px 14px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.open-app-link:hover{border-color:var(--line-strong);box-shadow:0 12px 24px #11182724;transform:translateY(-1px)}.open-dashboard-layout{gap:16px}.open-title-strip{padding:6px 2px 2px}.open-title-strip h1{margin:0;font-size:clamp(1.7rem,3.2vw,2.6rem);letter-spacing:-.03em;color:#fff}.open-title-strip p{margin:8px 0 0;color:#ffffffe6;font-size:1rem;line-height:1.4}.open-stat-card:before,.open-chart-panel:before,.open-empty-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 88% at -12% -14%,var(--glass-sheen-a),rgba(198,195,255,0) 52%),radial-gradient(112% 104% at 116% 5%,var(--glass-sheen-b),rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--glass-sheen-c),rgba(173,168,255,.05));opacity:.2;mix-blend-mode:screen}.open-stat-card:after,.open-chart-panel:after,.open-empty-panel:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid var(--glass-line);pointer-events:none}.open-stat-card>*,.open-chart-panel>*,.open-empty-panel>*{position:relative;z-index:1}.open-last-updated{margin:8px 0 0;color:#ffffffdb;font-size:.88rem}.open-stale-warning{margin:8px 0 0;color:#ffd699fa;font-size:.82rem;font-weight:620;letter-spacing:.01em}.open-sync-mode{margin:6px 0 0;color:#ffffffbd;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.open-stats-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px}.open-stat-card{border:1px solid var(--glass-border);border-radius:20px;background:linear-gradient(160deg,#ffffff47,#ffffff1f);backdrop-filter:blur(calc(var(--glass-blur) - 1px)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(calc(var(--glass-blur) - 1px)) saturate(var(--glass-saturate));box-shadow:inset 0 1px #ffffff7a,0 14px 34px #3a587a29;padding:18px;position:relative;overflow:hidden;isolation:isolate}.open-stat-label{margin:0;font-size:.84rem;color:#ffffffd1;text-transform:uppercase;letter-spacing:.06em}.open-stat-value{margin:10px 0 6px;font-size:clamp(1.5rem,3.2vw,2rem);font-weight:700;letter-spacing:-.02em;color:#fff}.open-stat-note{margin:0;font-size:.84rem;color:#ffffffdb}.open-stat-card-primary{background:linear-gradient(136deg,#ffffff57,#ffffff29);border-color:#ffffff70;box-shadow:inset 0 1px #ffffff94,0 18px 42px #3a587a47}.open-stat-card-primary .open-stat-value{font-size:clamp(2rem,4.5vw,2.8rem)}.open-stat-card-primary .open-stat-note+.open-stat-note{margin-top:6px}.open-chart-panel,.open-empty-panel{border:1px solid var(--glass-border);border-radius:24px;background:linear-gradient(160deg,#ffffff47,#ffffff1f);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 1px #ffffff85,0 18px 40px #3a587a2e;position:relative;overflow:hidden;isolation:isolate}.open-chart-header{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.open-chart-header h2{font-size:1.18rem;letter-spacing:-.01em}.open-control-group{display:inline-flex;flex-wrap:wrap;gap:8px}.open-control-btn{border:1px solid var(--glass-border);border-radius:999px;background:#ffffff1f;color:#fff;font-size:.78rem;font-weight:620;letter-spacing:.02em;padding:8px 11px;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.open-control-btn:hover{transform:translateY(-1px);border-color:var(--line-strong)}.open-control-btn.is-active{background:#ffffffeb;color:#0a84ff}.create-modal-card{color:#fff;border-color:#ffffff47;background:linear-gradient(162deg,#080e18e6,#0b1423d6);box-shadow:0 28px 70px #0208167a}.create-modal-card h3,.create-modal-card .panel-sub,.modal-create-form label,.progress-label{color:#fff}.create-modal-close{border-color:#ffffff47;background:#ffffff24;color:#fff}.modal-create-form #pdf-file-input,.modal-create-form #language-select{border-color:#ffffff47;background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff2e}.modal-create-form #pdf-file-input:hover,.modal-create-form #language-select:hover{border-color:#ffffff70}.modal-create-form #pdf-file-input:focus,.modal-create-form #language-select:focus{border-color:#fff9;box-shadow:0 0 0 4px #0a84ff3d,inset 0 0 0 1px #fff3}.modal-create-form #language-select{background-image:linear-gradient(180deg,#ffffff1f,#ffffff14),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M3.2 5.4a.8.8 0 0 1 1.1 0L8 9.2l3.7-3.8a.8.8 0 0 1 1.2 1.1l-4.3 4.4a.8.8 0 0 1-1.2 0L3.2 6.5a.8.8 0 0 1 0-1.1Z'/%3E%3C/svg%3E")}.modal-create-form #pdf-file-input::file-selector-button,.modal-create-form #pdf-file-input::-webkit-file-upload-button{border-color:#ffffff38}.open-chart-canvas{width:100%;min-height:320px}.open-funnel-panel .open-chart-header{margin-bottom:12px}.open-funnel-visual{position:relative;padding:6px 0 2px}.open-funnel-svg{position:relative;display:block;width:100%;height:auto;z-index:1}.open-funnel-trunk-path{fill:url(#funnelTrunkGradient);opacity:.96;stroke:#ffffff57;stroke-width:1}.open-funnel-top-path{fill:url(#funnelTopGradient);opacity:.98;stroke:#ffffff3d;stroke-width:.9}.open-funnel-bottom-path{fill:url(#funnelBottomGradient);opacity:.98;stroke:#ffffff3d;stroke-width:.9}.open-funnel-stage-lines line{stroke:#ffffffa3;stroke-width:1.8;stroke-dasharray:4 12}.open-funnel-stage-captions text{fill:#fffffff2;font-size:11.5px;font-weight:680;letter-spacing:.01em}.open-funnel-badges rect{fill:#040d1be6;stroke:#ffffff8a;stroke-width:1}.open-funnel-badges text{fill:#fff;font-size:13px;font-weight:700;text-anchor:middle}.open-funnel-stage-note,.open-funnel-timing-note{margin:8px 0 0;font-size:.8rem;color:#ffffffdb;line-height:1.35}.open-funnel-stage-grid{margin-top:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.open-funnel-stage-card,.open-funnel-timing-card{border:1px solid rgba(255,255,255,.22);border-radius:16px;background:#ffffff1a;padding:12px}.open-funnel-stage-label,.open-funnel-timing-label{margin:0;font-size:.74rem;color:#ffffffc2;text-transform:uppercase;letter-spacing:.06em;line-height:1.34}.open-funnel-stage-count,.open-funnel-timing-value{margin:6px 0 0;font-size:clamp(1.04rem,2.1vw,1.3rem);font-weight:700;color:#fff}.open-funnel-timing-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:920px){.open-stats-grid,.open-funnel-stage-grid,.open-funnel-timing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.open-funnel-visual{padding:10px}.open-funnel-stage-captions text{font-size:10px}}@media(max-width:640px){.open-app-header{align-items:flex-start}.open-app-link{padding:8px 12px;font-size:.76rem}.open-stats-grid,.open-funnel-stage-grid,.open-funnel-timing-grid{grid-template-columns:1fr}.open-funnel-stage-captions text{display:none}.open-funnel-badges text{font-size:11px}}body.openclaw-page{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 36px);color:#fff}.openclaw-layout{gap:18px}body.openclaw-page .brand-name,body.openclaw-page .open-header-subtitle,body.openclaw-page .open-app-link{color:#fff}.openclaw-hero{text-align:center;padding:24px 10px 6px}.openclaw-hero h1{margin:0;font-size:clamp(1.7rem,3.2vw,2.45rem);letter-spacing:-.03em;color:#fff}.openclaw-hero p{margin:10px auto 0;max-width:760px;color:#ffffffe6;font-size:1rem;line-height:1.5}.openclaw-flow-panel{display:grid;gap:12px;border-color:#fff3;background:linear-gradient(160deg,#0d1528b8,#080e1cad);box-shadow:0 20px 48px #070a1875}.openclaw-step-card{border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#ffffff0d;padding:12px;display:grid;gap:10px}.openclaw-step-card-disabled{opacity:.86}.openclaw-step-index{margin:0;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffffb3}.openclaw-step-title{margin:0;color:#fff;font-size:1.02rem;line-height:1.4;font-weight:640}.openclaw-step-note{margin:0;color:#ffffffd9;font-size:.92rem;line-height:1.45}.openclaw-support-copy{margin:6px 0 0;display:grid;gap:6px;color:#ffffffdb;font-size:.9rem}.openclaw-support-copy a{color:#fff;font-weight:620;text-decoration:underline;text-underline-offset:2px}.openclaw-support-copy a:hover{color:#ffffffe0}.openclaw-status,.openclaw-error{margin:0;border-radius:12px;padding:10px 12px;font-size:.9rem;line-height:1.45}.openclaw-status{background:#57aeff33;color:#fff}.openclaw-error{background:#d9302533;color:#fff}.openclaw-google-btn{width:100%;border:1px solid rgba(255,255,255,.24);background:#ffffff14;color:#fff}.openclaw-account-email{margin:0;font-size:.93rem;font-weight:650;color:#fff;overflow-wrap:anywhere}.openclaw-primary-btn{width:100%;min-width:0;height:46px;border:1px solid rgba(87,174,255,.8);background:#0a84ffe0}.openclaw-step-note .openclaw-secondary-btn{margin-top:8px}.openclaw-secondary-btn{border:1px solid rgba(255,255,255,.24);border-radius:14px;background:#ffffff12;color:#fff;font-size:.88rem;font-weight:620;padding:10px 14px;cursor:pointer}.openclaw-secondary-btn:hover:not(:disabled){border-color:#ffffff6b}.openclaw-secondary-btn:disabled{cursor:not-allowed;opacity:.65}.openclaw-key-mask{margin:0;color:#ffffffd1;font-size:.84rem}.openclaw-key-wrap{display:grid;gap:9px}.openclaw-key-row{display:grid;grid-template-columns:1fr auto;gap:10px}.openclaw-key-input{width:100%;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:#ffffff1a;color:#fff;font-size:.86rem;font-family:SF Mono,Menlo,Consolas,monospace;padding:11px 12px}.openclaw-copy-btn{border:1px solid #0a84ff;border-radius:12px;background:#0a84ff;color:#fff;font-size:.86rem;font-weight:650;padding:10px 14px;cursor:pointer}.openclaw-copy-btn:hover{background:#0668cb;border-color:#0668cb}.openclaw-created{margin:0;font-size:.8rem;color:#ffffffb8}@media(max-width:640px){.openclaw-key-row{grid-template-columns:1fr}}