:root{--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--font-ui: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--hue-green: #34A853;--hue-blue: #2E6EEA;--hue-violet: #8B3DFF;--hue-red: #E23E57;--hue-orange: #F5A623;--hue-gold: #F2C94C;--gradient-brand: linear-gradient(120deg, var(--hue-green) 0%, var(--hue-blue) 32%, var(--hue-violet) 58%, var(--hue-red) 80%, var(--hue-orange) 100%);--gradient-cool: linear-gradient(135deg, var(--hue-blue), var(--hue-violet) 100%);--gradient-warm: linear-gradient(135deg, var(--hue-orange), var(--hue-gold) 100%);--ease-feun: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--motion-fast: .14s;--motion-normal: .22s;--motion-slow: .36s;--sidebar-width: 248px;--sidebar-collapsed: 72px;--topbar-height: 60px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=light]{--bg: #F5F7FC;--bg-elevated: #FFFFFF;--bg-sunken: #EBEFF8;--text: #171A21;--text-muted: #6B7280;--border: #E4E9F3;--accent: var(--hue-blue);--accent-contrast: #FFFFFF;--accent-2: var(--hue-violet);--accent-2-contrast: #FFFFFF;--success: #1E9E58;--warn: #B5750F;--danger: #D6394F;--card: #FFFFFF;--overlay: rgba(17,19,28,.45);--shadow-1: 0 1px 2px rgba(24,28,47,.06), 0 1px 1px rgba(24,28,47,.04);--shadow-2: 0 10px 28px rgba(35,45,90,.14);--glow: 0 8px 24px rgba(46,110,234,.25);--hero-wash: radial-gradient(60% 50% at 88% -6%, rgba(245,166,35,.28), transparent 60%), radial-gradient(65% 55% at 105% 30%, rgba(139,61,255,.2), transparent 60%), radial-gradient(70% 60% at -10% 85%, rgba(46,110,234,.16), transparent 60%), radial-gradient(55% 45% at 15% 100%, rgba(52,168,83,.16), transparent 60%)}[data-theme=dark]{--bg: #0A0C13;--bg-elevated: #151826;--bg-sunken: #0D0F18;--text: #F2F3F8;--text-muted: #9AA1B5;--border: #262B3E;--accent: #6C93FF;--accent-contrast: #0A0C13;--accent-2: #B183FF;--accent-2-contrast: #0A0C13;--success: #3DDC84;--warn: #F2C94C;--danger: #FF6B81;--card: #151826;--overlay: rgba(3,4,8,.65);--shadow-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 1px rgba(0,0,0,.2);--shadow-2: 0 14px 34px rgba(0,0,0,.45);--glow: 0 8px 28px rgba(108,147,255,.35);--hero-wash: radial-gradient(60% 50% at 88% -6%, rgba(242,166,35,.3), transparent 60%), radial-gradient(65% 55% at 105% 25%, rgba(177,131,255,.3), transparent 60%), radial-gradient(70% 60% at -10% 85%, rgba(46,110,234,.28), transparent 60%), radial-gradient(55% 45% at 10% 100%, rgba(52,168,83,.22), transparent 60%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;transition:background-color .25s ease,color .25s ease}a{color:inherit}.app-shell{position:relative;display:flex;flex-direction:column;height:100dvh;width:100%}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--hero-wash);pointer-events:none;z-index:0}.app-shell>*{position:relative;z-index:1}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.app-content{flex:1;overflow-y:auto;padding:16px 16px 96px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px;gap:10px}.topbar h1{font-size:20px;margin:0;letter-spacing:-.02em}.icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);transition:transform var(--motion-fast) var(--ease-feun),background-color var(--motion-fast) var(--ease-feun)}.icon-btn:active{background:var(--bg-sunken);transform:scale(.94)}.icon-btn:hover{border-color:var(--accent)}.editor-topbar{align-items:center}.editor-title-block{flex:1;min-width:0;display:flex;flex-direction:column}.editor-title-input{border:none;background:transparent;font-weight:600;font-size:16px;padding:0;width:100%}.editor-title-input:focus{outline:none}.editor-brand-row{display:flex;align-items:center;gap:8px}.save-status{font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:20px;letter-spacing:.02em}.save-status.saving{background:var(--bg-sunken);color:var(--text-muted)}.save-status.saved{background:#22c55e24;color:#16a34a}.save-status.error{background:#ef444424;color:var(--danger)}.toolbar-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 16px 0;border-bottom:1px solid var(--border)}.toolbar-tabs button{flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;background:none;border-radius:0}.toolbar-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f0f1473;display:flex;align-items:flex-end;animation:sheet-fade var(--motion-fast) var(--ease-feun)}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}.sheet-panel{width:100%;max-height:78vh;background:var(--bg-elevated);border-radius:20px 20px 0 0;padding:8px 0 calc(14px + env(safe-area-inset-bottom)) 0;display:flex;flex-direction:column;box-shadow:0 -12px 40px #00000040;animation:sheet-up var(--motion-normal) var(--ease-spring)}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-grabber{width:36px;height:4px;background:var(--border);border-radius:4px;margin:4px auto 10px}.sheet-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 18px 8px}.sheet-body{overflow-y:auto;padding:0 8px}.sheet-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 10px;border-radius:var(--radius-sm);text-align:left}.sheet-item:active{background:var(--bg-sunken)}.sheet-item.danger .sheet-item-label{color:var(--danger)}.sheet-item-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.sheet-item-text{display:flex;flex-direction:column;min-width:0}.sheet-item-label{font-size:14.5px;font-weight:600}.sheet-item-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px 10px 6px}.sheet-grid-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:var(--radius-sm)}.sheet-grid-item:active{background:var(--bg-sunken)}.sheet-grid-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:19px;border-radius:14px;background:var(--bg-sunken)}.sheet-grid-label{font-size:11.5px;font-weight:600;text-align:center;color:var(--text-muted)}.bottom-nav{display:flex;border-top:1px solid var(--border);background:var(--bg-elevated);padding:6px 4px calc(6px + env(safe-area-inset-bottom)) 4px;position:sticky;bottom:0;z-index:30}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:11px;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:color .15s ease}.bottom-nav a .nav-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:34px;height:26px;border-radius:999px;transition:transform .15s ease,background-color .15s ease}.bottom-nav a.active{color:var(--accent);font-weight:600}.bottom-nav a.active .nav-icon{transform:translateY(-1px) scale(1.05);background:#6c93ff24}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 6px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:500;text-align:center;box-shadow:var(--shadow-1);transition:transform var(--motion-fast) var(--ease-feun),box-shadow var(--motion-fast) var(--ease-feun),border-color var(--motion-fast) var(--ease-feun)}.tile:active{background:var(--bg-sunken);transform:scale(.96)}.tile:hover{box-shadow:var(--shadow-2);border-color:var(--accent);transform:translateY(-1px)}.tile .emoji-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px}.tile .emoji{font-size:22px}.list-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.list-row .meta{flex:1;min-width:0}.list-row .name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row .sub{font-size:12px;color:var(--text-muted)}.file-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0 20px}.file-tile{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 12px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-shadow:var(--shadow-1);transition:transform .12s ease}.file-tile:active{transform:scale(.97);background:var(--bg-sunken)}.file-tile-icon-wrap{width:38px;height:38px;border-radius:10px;background:#6c93ff24;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.file-tile-name{font-size:13px;font-weight:500;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tile-sub{font-size:11px;color:var(--text-muted)}.file-tile-menu{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:transparent}.file-tile-menu:active{background:var(--bg-sunken)}.file-tile-fav{position:absolute;top:10px;right:38px;display:flex}.fab{position:fixed;right:20px;bottom:86px;background:var(--gradient-cool);color:#fff;border-radius:999px;padding:14px 20px;font-weight:600;box-shadow:var(--glow);display:flex;align-items:center;gap:8px;z-index:20;transition:transform .15s ease;animation:feunFabPulse 3.5s ease-in-out infinite}.fab:active{transform:scale(.95);animation:none}.fab-ai{position:fixed;right:18px;bottom:22px;width:50px;height:50px;border-radius:50%;background:var(--gradient-brand);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:var(--glow);z-index:30;transition:transform .15s ease}.fab-ai:active{transform:scale(.92)}.editor-shell{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.doc-table{width:100%;border-collapse:collapse;margin:8px 0}.doc-table td{border:1px solid var(--border);padding:6px 8px;min-width:40px}select.plain,input.plain{border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:13px;background:var(--bg-elevated)}.btn{background:var(--gradient-cool);color:#fff;padding:10px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;box-shadow:var(--glow);transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.97)}.btn.secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.ghost{background:transparent;color:var(--accent-2);border:1px solid var(--accent-2);box-shadow:none}.btn:disabled{opacity:.5;box-shadow:none}.toolbar{display:flex;gap:6px;overflow-x:auto;padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:10px}.toolbar button{flex-shrink:0;padding:6px 10px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);font-size:13px;transition:background-color .12s ease,color .12s ease}.toolbar button.active{background:var(--gradient-cool);color:#fff;border-color:transparent}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:50;animation:sheet-fade var(--motion-fast) var(--ease-feun);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);width:min(92vw,480px);max-height:70vh;overflow-y:auto;box-shadow:var(--shadow-2);padding:10px;animation:modal-in var(--motion-normal) var(--ease-spring);transform-origin:top center}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}textarea.plain{width:100%;min-height:60vh;border:none;outline:none;background:transparent;font-size:15px;line-height:1.6;resize:none}table.sheet{border-collapse:collapse;width:100%}table.sheet th,table.sheet td{border:1px solid var(--border);padding:0}table.sheet th{background:var(--bg-sunken);font-size:11px;color:var(--text-muted);min-width:72px;height:26px}table.sheet td input{border:none;border-radius:0;width:100%;min-width:72px;height:32px;padding:4px 6px;font-size:13px;background:transparent}table.sheet td input:focus{outline:2px solid var(--accent-2);outline-offset:-2px}.brand-row{display:flex;align-items:center;gap:10px}.brand-logo{width:30px;height:30px;border-radius:9px;box-shadow:var(--shadow-1);flex-shrink:0}.brand-wordmark{font-weight:800;font-size:21px;letter-spacing:-.01em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-banner{position:relative;border-radius:var(--radius-lg);padding:22px 20px 26px;margin:4px 0 22px;overflow:hidden;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-2)}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-wash);opacity:1.4}.hero-banner:after{content:"";position:absolute;top:-60%;right:-30%;width:70%;padding-bottom:70%;border-radius:50%;background:conic-gradient(from 200deg,var(--hue-green),var(--hue-blue),var(--hue-violet),var(--hue-red),var(--hue-orange),var(--hue-green));filter:blur(46px);opacity:.35;animation:feunSpin 22s linear infinite}.hero-banner>*{position:relative;z-index:1}.hero-greeting{color:var(--text-muted);font-size:14px;display:flex;align-items:center;gap:6px}.hero-title{font-size:21px;font-weight:700;margin-top:2px;letter-spacing:-.01em}.tile .emoji-wrap.c0{background:#2e6eea29}.tile .emoji-wrap.c1{background:#34a8532e}.tile .emoji-wrap.c2{background:#8b3dff29}.tile .emoji-wrap.c3{background:#e23e5729}.tile .emoji-wrap.c4{background:#f5a6232e}.tile .emoji-wrap.c5{background:#2e6eea29}.tile .emoji-wrap.c6{background:#8b3dff29}.tile .emoji-wrap.c7{background:#34a8532e}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:20px 0 8px 2px}@keyframes feunFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:feunFadeUp var(--motion-slow) var(--ease-feun) both}.app-content>div{animation:feunFadeUp var(--motion-normal) var(--ease-feun) both}.search-input-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;margin:10px 0}.search-input-wrap input{border:none;padding:0;flex:1;background:transparent}.search-input-wrap input:focus{outline:none}.switch{width:44px;height:26px;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--border);position:relative;flex-shrink:0;transition:background-color .2s ease}.switch .switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform .2s ease}.switch.on{background:var(--gradient-cool);border-color:transparent}.switch.on .switch-knob{transform:translate(18px)}.empty-illustration{text-align:center;padding:48px 24px 40px}.empty-blob{width:96px;height:96px;margin:0 auto 16px;border-radius:28px;background:var(--bg-sunken);display:flex;align-items:center;justify-content:center}.empty-title{font-weight:700;font-size:15px;margin-bottom:4px}.empty-subtitle{color:var(--text-muted);font-size:13px;max-width:260px;margin:0 auto;line-height:1.5}.toast-stack{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none}@keyframes feunToastIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:12px 12px 12px 16px;box-shadow:var(--shadow-2);animation:feunToastIn .2s ease both}.toast-danger{border-color:var(--danger)}.toast-msg{flex:1;font-size:13.5px}.toast-action{font-weight:700;font-size:13px;color:var(--accent);flex-shrink:0}.toast-close{color:var(--text-muted);font-size:12px;flex-shrink:0;padding:2px}.swipe-row-outer{position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.swipe-row-outer:last-child{border-bottom:none}.swipe-row-outer .list-row{border-bottom:none}.swipe-row-content{position:relative;background:var(--card);touch-action:pan-y}.swipe-affordance{position:absolute;top:0;bottom:0;width:72px;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.swipe-affordance-left{right:0;background:var(--danger)}.swipe-affordance-right{left:0;background:var(--gradient-warm)}.onboarding-shell{height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:20px 28px calc(28px + env(safe-area-inset-bottom)) 28px;background:var(--bg);position:relative;overflow:hidden}.onboarding-skip{position:absolute;top:calc(16px + env(safe-area-inset-top));right:16px}.onboarding-art{position:absolute;top:8%;left:50%;transform:translate(-50%);width:220px;height:220px;display:flex;align-items:center;justify-content:center}.onboarding-blob{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 120deg,var(--hue-green),var(--hue-blue),var(--hue-violet),var(--hue-red),var(--hue-orange),var(--hue-green));filter:blur(38px);opacity:.4;animation:feunSpin 16s linear infinite}@keyframes feunSpin{to{transform:rotate(360deg)}}@keyframes feunFabPulse{0%,to{box-shadow:var(--glow)}50%{box-shadow:var(--glow),0 0 0 8px #6c93ff1a}}.onboarding-logo{width:128px;height:128px;border-radius:34px;box-shadow:var(--shadow-2);position:relative}.onboarding-body{text-align:center;margin-bottom:28px;animation:feunFadeUp .3s ease both}.onboarding-icon{width:48px;height:48px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.onboarding-title{font-size:21px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}.onboarding-text{color:var(--text-muted);font-size:14.5px;line-height:1.55;max-width:320px;margin:0 auto}.onboarding-dots{display:flex;gap:6px;margin-bottom:20px}.onboarding-dots .dot{width:7px;height:7px;border-radius:50%;background:var(--border);transition:all .2s ease}.onboarding-dots .dot.active{width:20px;background:var(--gradient-cool)}.onboarding-cta{width:100%;padding:15px;font-size:15px;border-radius:var(--radius-md)}.applock-shell{height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px;background:var(--bg);text-align:center}.applock-logo{width:72px;height:72px;border-radius:20px;box-shadow:var(--shadow-2);margin-bottom:18px}.applock-title{font-size:18px;font-weight:800}.applock-sub{color:var(--text-muted);font-size:13.5px;max-width:260px;margin-top:6px;line-height:1.5}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 2px 10px;font-size:12.5px}.breadcrumb-item{color:var(--accent);font-weight:600;padding:2px 4px}.breadcrumb-item:disabled{color:var(--text);font-weight:700}.breadcrumb-sep{color:var(--text-muted);margin:0 1px}.app-content-full{padding:0!important;display:flex;flex-direction:column}.viewer-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:var(--bg)}.viewer-topbar{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px 14px;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.viewer-title{flex:1;min-width:0}.viewer-brand{font-size:10px;font-weight:800;letter-spacing:.08em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.viewer-filename{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-body{flex:1;overflow-y:auto;padding:14px}.viewer-textarea{width:100%;height:100%;min-height:calc(100dvh - 140px);border:none;resize:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.6;background:var(--bg-elevated);border-radius:var(--radius-md);padding:14px}.viewer-textarea:focus{outline:none}.viewer-media-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.viewer-image{max-width:100%;max-height:80vh;border-radius:var(--radius-md);box-shadow:var(--shadow-2)}.viewer-pdf{width:100%;height:calc(100dvh - 120px);border:none;border-radius:var(--radius-md)}.tool-bubble{z-index:45;display:flex;align-items:center;gap:10px}.tool-bubble.dock-right{flex-direction:row-reverse}.tool-bubble.dock-left,.tool-bubble.dragging{flex-direction:row}.tool-bubble-fab{width:52px;height:52px;min-width:52px;border-radius:50%;background:var(--card);border:2px solid var(--border);box-shadow:var(--shadow-2);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;transition:transform .15s ease,box-shadow .15s ease}.tool-bubble.dock-right .tool-bubble-fab{margin-right:0}.tool-bubble.dock-left .tool-bubble-fab{margin-left:0}.tool-bubble.open .tool-bubble-fab,.tool-bubble.dragging .tool-bubble-fab{margin:0;transform:scale(1.06);box-shadow:var(--shadow-2),0 0 0 6px #6c93ff26}.tool-bubble-logo{width:68%;height:68%;object-fit:contain;pointer-events:none}.tool-bubble-panel{display:flex;flex-direction:column;gap:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-2);max-width:220px;animation:feunFadeUp .16s ease both}.tool-bubble-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;white-space:nowrap;transition:background-color .12s ease}.tool-bubble-item:active{background:var(--bg-sunken)}.tool-bubble-customize{color:var(--text-muted);border-top:1px solid var(--border);margin-top:2px;padding-top:10px}.tool-bubble-empty{font-size:12.5px;color:var(--text-muted);padding:8px 10px;max-width:180px}.tool-bubble-drop-hint{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--overlay);color:#fff;font-size:12.5px;font-weight:600;padding:8px 16px;border-radius:999px;z-index:46;pointer-events:none}.pdf-page-nav{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0 12px}.pdf-canvas-wrap{position:relative;display:flex;justify-content:center;overflow:auto;min-height:40vh}.pdf-canvas{max-width:100%;border-radius:var(--radius-sm);box-shadow:var(--shadow-2);background:#fff}.pdf-canvas-busy{position:absolute;top:8px;left:50%;transform:translate(-50%);background:var(--overlay);color:#fff;font-size:12px;padding:4px 10px;border-radius:999px}.docx-editor{background:var(--bg-elevated);border-radius:var(--radius-md);padding:18px;min-height:calc(100dvh - 160px);font-size:15px;line-height:1.7}.docx-editor:focus{outline:none}.docx-editor h1{font-size:22px;font-weight:800;margin:.6em 0 .3em}.docx-editor h2{font-size:19px;font-weight:700;margin:.6em 0 .3em}.docx-editor p{margin:0 0 .8em}.docx-editor ul,.docx-editor ol{padding-left:1.4em;margin:0 0 .8em}.zip-text-preview{background:var(--bg-elevated);border-radius:var(--radius-md);padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:60vh;overflow-y:auto}.md-preview{background:var(--bg-elevated);border-radius:var(--radius-md);padding:18px;min-height:calc(100dvh - 160px);font-size:15px;line-height:1.7}.md-preview h1,.md-preview h2,.md-preview h3{font-weight:800;margin:.7em 0 .3em}.md-preview p{margin:0 0 .8em}.md-preview code{background:var(--bg-sunken);padding:2px 5px;border-radius:5px;font-size:.9em}.md-preview pre{background:var(--bg-sunken);padding:12px;border-radius:var(--radius-sm);overflow-x:auto}.md-preview ul,.md-preview ol{padding-left:1.4em;margin:0 0 .8em}.md-preview blockquote{border-left:3px solid var(--accent);margin:0 0 .8em;padding-left:12px;color:var(--text-muted)}.md-preview img{max-width:100%;border-radius:var(--radius-sm)}.pptx-slide-card{min-height:40vh;padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:var(--radius-lg, 16px);background:var(--gradient-brand);color:#fff;box-shadow:0 10px 30px -12px #00000059}.pptx-slide-title{font-size:22px;font-weight:800;line-height:1.3;margin-bottom:14px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.pptx-slide-bullets{font-size:15px;line-height:1.7;padding-left:1.3em;margin:0;opacity:.95}.pptx-slide-bullets li{margin-bottom:.4em}.app-shell{flex-direction:column}.app-main{display:flex;flex-direction:column;flex:1;min-width:0;height:100%}.sidebar{display:none;flex-direction:column;width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-elevated);padding:14px 10px;height:100%;overflow-y:auto;transition:width var(--motion-normal) var(--ease-feun)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.sidebar-brand img{width:28px;height:28px;border-radius:8px;flex-shrink:0}.sidebar-brand span{font-weight:800;font-size:17px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;opacity:1;transition:opacity var(--motion-fast) var(--ease-feun)}.sidebar.collapsed .sidebar-brand span{opacity:0;width:0}.sidebar-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:14px 10px 6px;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-section-label{opacity:0;height:0;margin:6px 0}.sidebar-link{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;transition:background-color var(--motion-fast) var(--ease-feun),color var(--motion-fast) var(--ease-feun)}.sidebar-link:hover{background:var(--bg-sunken);color:var(--text)}.sidebar-link.active{background:var(--bg-sunken);color:var(--accent);font-weight:700}.sidebar-link .sidebar-link-icon{width:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar.collapsed .sidebar-link-label{display:none}.sidebar.collapsed .sidebar-link{justify-content:center}.sidebar-create-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;margin:4px 0 10px;border-radius:var(--radius-sm);background:var(--gradient-cool);color:#fff;font-weight:700;font-size:13.5px;box-shadow:var(--glow);transition:transform var(--motion-fast) var(--ease-feun)}.sidebar-create-btn:hover{transform:translateY(-1px)}.sidebar-create-btn:active{transform:scale(.97)}.sidebar-footer{margin-top:auto;padding-top:10px;border-top:1px solid var(--border)}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12.5px}.sidebar-collapse-btn:hover{background:var(--bg-sunken);color:var(--text)}.desktop-topbar{display:none;align-items:center;gap:12px;height:var(--topbar-height);padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.desktop-search-trigger{display:flex;align-items:center;gap:10px;flex:1;max-width:420px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-muted);font-size:13.5px;transition:border-color var(--motion-fast) var(--ease-feun)}.desktop-search-trigger:hover{border-color:var(--accent);color:var(--text)}.desktop-search-trigger kbd{margin-left:auto;font-size:11px;font-family:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;padding:1px 6px;color:var(--text-muted)}.desktop-topbar-spacer{flex:1}.desktop-new-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast);font-weight:700;font-size:13px;transition:transform var(--motion-fast) var(--ease-feun),box-shadow var(--motion-fast) var(--ease-feun)}.desktop-new-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}@media (min-width: 900px){.app-shell{flex-direction:row}.sidebar,.desktop-topbar{display:flex}.bottom-nav{display:none}.app-content{max-width:1080px;width:100%;margin:0 auto;padding:24px 32px 48px}.grid-4{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1400px){.app-content{max-width:1240px}}.continue-card{display:flex;align-items:center;gap:12px;width:100%;padding:14px;margin:4px 0 18px;border-radius:var(--radius-md);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-1);text-align:left;transition:transform var(--motion-fast) var(--ease-feun),box-shadow var(--motion-fast) var(--ease-feun)}.continue-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px);border-color:var(--accent)}.continue-card:active{transform:scale(.99)}.continue-card-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-sunken)}.continue-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.continue-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.continue-card-name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-storage-badge{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:#34a8531f;color:var(--success);font-size:12px;font-weight:600}.local-storage-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex-shrink:0}.sidebar.collapsed .local-storage-badge span:last-child{display:none}.auth-shell{min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(48px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom)) 24px;background:var(--bg);position:relative;overflow-y:auto}.auth-art{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;flex-shrink:0}.auth-logo{width:72px;height:72px;border-radius:20px;box-shadow:var(--shadow-2);position:relative}.auth-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:26px 24px;animation:feunFadeUp var(--motion-normal) var(--ease-feun) both}.auth-brand-line{text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.auth-heading{text-align:center;font-size:21px;font-weight:800;letter-spacing:-.01em;margin-bottom:18px}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px;border-radius:var(--radius-sm);background:#fff;color:#1f1f1f;font-weight:600;font-size:14px;border:1px solid var(--border);transition:box-shadow var(--motion-fast) var(--ease-feun),transform var(--motion-fast) var(--ease-feun)}.auth-google-btn:hover{box-shadow:var(--shadow-1)}.auth-google-btn:active{transform:scale(.98)}.auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--text-muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-inline-link{align-self:flex-end;font-size:12.5px;font-weight:600;color:var(--accent)}.auth-switch-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.auth-switch-row button{font-size:12.5px;font-weight:600;color:var(--text-muted)}.auth-switch-row button:hover{color:var(--accent)}.profile-avatar{width:56px;height:56px;border-radius:50%;background:var(--gradient-cool);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex-shrink:0;box-shadow:var(--shadow-1)}.profile-avatar.small{width:40px;height:40px;font-size:16px}:root{--radius-sm: 12px;--radius-md: 20px;--radius-lg: 26px;--radius-xl: 32px;--glass: rgba(255,255,255,.72);--glass-border: rgba(255,255,255,.65);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--glass: rgba(24,27,44,.66);--glass-border: rgba(255,255,255,.07)}html[data-accent=ocean]{--accent:#0EA5E9;--accent-2:#14B8A6;--gradient-cool:linear-gradient(135deg,#0EA5E9,#14B8A6);--glow:0 8px 26px rgba(14,165,233,.35)}html[data-accent=sunset]{--accent:#F97316;--accent-2:#E23E57;--gradient-cool:linear-gradient(135deg,#F97316,#E23E57);--glow:0 8px 26px rgba(249,115,22,.35)}html[data-accent=forest]{--accent:#16A34A;--accent-2:#0D9488;--gradient-cool:linear-gradient(135deg,#16A34A,#0D9488);--glow:0 8px 26px rgba(22,163,74,.32)}html[data-accent=rose]{--accent:#EC4899;--accent-2:#8B3DFF;--gradient-cool:linear-gradient(135deg,#EC4899,#8B3DFF);--glow:0 8px 26px rgba(236,72,153,.35)}html[data-accent=gold]{--accent:#D97706;--accent-2:#F59E0B;--gradient-cool:linear-gradient(135deg,#F59E0B,#D97706);--glow:0 8px 26px rgba(245,158,11,.38)}body{-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.005em}h1,.section-title{letter-spacing:-.025em}.topbar h1{font-size:26px;font-weight:800}.section-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin:22px 4px 10px;display:flex;align-items:center;gap:8px}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}.card{background:var(--glass);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 1px #ffffff80 inset,0 10px 30px -12px #1e285a38}[data-theme=dark] .card{box-shadow:0 1px #ffffff0a inset,0 14px 34px -14px #0009}.btn{position:relative;overflow:hidden;border-radius:14px;padding:12px 18px;font-weight:700;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--glow),0 1px #ffffff59 inset}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%)}.btn:hover:after{transform:translate(120%);transition:transform .7s var(--ease-out-expo)}.btn.secondary{border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn.ghost{border-radius:14px}.icon-btn{border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn.accent-btn,.icon-btn.on{background:var(--gradient-cool);border-color:transparent;color:#fff}input,textarea,select{border-radius:12px;transition:box-shadow .18s,border-color .18s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}input.plain,textarea.plain{border-radius:12px}.brandmark{display:inline-flex;align-items:center;gap:9px}.brandmark-ring{display:inline-flex;padding:2px;border-radius:30%;background:var(--gradient-brand);box-shadow:0 4px 14px -4px color-mix(in srgb,var(--accent) 60%,transparent)}.brandmark-ring img{display:block;border-radius:28%;background:var(--bg-elevated)}.brandmark-md .brandmark-ring img{width:30px;height:30px}.brandmark-sm .brandmark-ring img{width:22px;height:22px}.brandmark-text{display:flex;flex-direction:column;line-height:1}.brandmark-name{font-weight:900;letter-spacing:.12em;font-size:15px;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.brandmark-sm .brandmark-name{font-size:11.5px}.brandmark-app{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:3px}.brandmark-sm{gap:7px}.brandbar{position:fixed;top:0;left:0;right:0;z-index:50;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:10px;background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .3s var(--ease-out-expo),backdrop-filter .3s var(--ease-out-expo),border-color .3s,box-shadow .3s}.brandbar.is-scrolled{background:var(--glass);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom-color:var(--glass-border);box-shadow:0 10px 26px -20px #141e5080}.brandbar-brand{padding:0}.brandbar-title{font-weight:700;font-size:13px;color:var(--text-muted);padding-left:10px;border-left:1px solid var(--border)}.brandbar-spacer{flex:1}.brandbar-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-sunken);color:var(--text)}.brandbar-pro{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;color:#3b2a00;background:linear-gradient(120deg,#ffe082,#f5a623 60%,#f2c94c);box-shadow:0 6px 16px -6px #f5a623b3}.brandbar-pro.is-pro{color:#fff;background:var(--gradient-brand)}@media (min-width: 900px){.brandbar{display:none}}.app-content.has-brandbar{padding-top:calc(58px + env(safe-area-inset-top))}.app-content.has-brandbar .route-transition{margin-top:-6px}.route-transition{animation:routeIn .38s var(--ease-out-expo) backwards}@keyframes routeIn{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.app-content>div{animation:none}.hero-banner{border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden}.hero-title{font-weight:900;letter-spacing:-.03em}.premium-grid{grid-template-columns:repeat(3,1fr);gap:12px}@media (min-width: 900px){.premium-grid{grid-template-columns:repeat(6,1fr)}}.tile{border-radius:22px;padding:16px 8px 14px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);gap:10px;font-weight:700;font-size:12.5px;box-shadow:0 10px 24px -14px #1e285a4d;animation:tileIn .5s var(--ease-out-expo) both}.premium-grid .tile:nth-child(1){animation-delay:.02s}.premium-grid .tile:nth-child(2){animation-delay:.06s}.premium-grid .tile:nth-child(3){animation-delay:.1s}.premium-grid .tile:nth-child(4){animation-delay:.14s}.premium-grid .tile:nth-child(5){animation-delay:.18s}.premium-grid .tile:nth-child(6){animation-delay:.22s}.premium-grid .tile:nth-child(7){animation-delay:.26s}.premium-grid .tile:nth-child(8){animation-delay:.3s}.premium-grid .tile:nth-child(9){animation-delay:.34s}@keyframes tileIn{0%{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}.tile .emoji-wrap{width:48px;height:48px;border-radius:16px;box-shadow:0 6px 14px -8px currentColor}.tile-pro{background:linear-gradient(160deg,#ffe08259,#f5a62329);border-color:#f5a62380}.continue-card{border-radius:var(--radius-md);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.continue-card-icon{border-radius:14px}.list-row{transition:background-color .15s}.list-row:active{background:var(--bg-sunken)}.file-tile{border-radius:20px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.file-tile-icon-wrap{border-radius:16px}.bottom-nav{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--glass-border);border-radius:26px;padding:6px;background:var(--glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 18px 40px -14px #141e5066}.bottom-nav a{border-radius:20px;font-weight:700}.bottom-nav a.active .nav-icon{background:var(--gradient-cool);color:#fff;box-shadow:var(--glow);width:44px}.toolbar button{border-radius:999px;padding:8px 14px;font-weight:700;display:inline-flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar button.active{background:var(--gradient-cool);color:#fff;box-shadow:var(--glow);border-color:transparent}.toolbar-tabs{border-radius:16px;padding:4px;background:var(--bg-sunken)}.toolbar-tabs button{border-radius:12px;font-weight:700}.toolbar-tabs button.active{background:var(--bg-elevated);box-shadow:var(--shadow-1);color:var(--accent)}.premium-editor-topbar{position:sticky;top:0;z-index:15;margin:-16px -16px 12px!important;padding:calc(12px + env(safe-area-inset-top)) 16px 10px!important;background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--glass-border)}.editor-title-input{font-size:17px;font-weight:800;letter-spacing:-.02em;margin-top:4px}.doc-editor-surface{border-radius:22px!important;box-shadow:0 24px 50px -24px #1e285a59!important;background:var(--bg-elevated)!important}.fab-ai{width:56px;height:56px;bottom:calc(24px + env(safe-area-inset-bottom));box-shadow:0 14px 30px -8px #8b3dff99;animation:feunFabPulse 3.5s ease-in-out infinite,floaty 5s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}table.sheet th{background:var(--bg-sunken);font-weight:800;color:var(--text-muted)}table.sheet td input:focus{box-shadow:inset 0 0 0 2px var(--accent);border-radius:0}.save-status{padding:2px 9px}.sheet-panel{border-radius:30px 30px 0 0;background:var(--glass);backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);border:1px solid var(--glass-border);border-bottom:none}.sheet-grabber{width:44px;height:5px;border-radius:99px}.sheet-title{font-weight:800;letter-spacing:-.02em}.sheet-item{border-radius:16px;margin:2px 8px}.sheet-item-icon{width:36px;height:36px;border-radius:12px;background:var(--bg-sunken);display:flex;align-items:center;justify-content:center}.sheet-grid-item{border-radius:20px}.modal{border-radius:26px;background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border)}.toast{border-radius:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.premium-viewer .viewer-topbar{background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--glass-border)}.viewer-image,.pdf-canvas,.pptx-slide-card{border-radius:18px;box-shadow:0 24px 50px -24px #141e5080}.tool-bubble-fab{background:var(--gradient-brand);border:none;padding:3px;box-shadow:0 14px 30px -8px #2e6eea99}.tool-bubble-logo{border-radius:50%;background:var(--bg-elevated)}.tool-bubble-panel{border-radius:22px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar{background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-right:1px solid var(--glass-border)}.sidebar-link{border-radius:14px;font-weight:700}.sidebar-link.active{background:var(--gradient-cool);color:#fff;box-shadow:var(--glow)}.sidebar-create-btn{border-radius:16px;background:var(--gradient-cool);box-shadow:var(--glow)}.sidebar-brand span{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;letter-spacing:.14em}.splash-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg);transition:opacity .4s ease,transform .4s ease}.splash-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hero-wash)}.splash-intro.leaving{opacity:0;transform:scale(1.06)}.splash-halo{position:absolute;width:260px;height:260px;border-radius:50%;background:conic-gradient(from 90deg,var(--hue-green),var(--hue-blue),var(--hue-violet),var(--hue-red),var(--hue-orange),var(--hue-green));filter:blur(46px);opacity:.5;animation:feunSpin 6s linear infinite,haloIn 1s ease both}@keyframes haloIn{0%{transform:scale(.4);opacity:0}}.splash-logo{position:relative;width:112px;height:112px;border-radius:30px;box-shadow:var(--shadow-2);animation:logoPop .9s var(--ease-spring) both}@keyframes logoPop{0%{transform:scale(.3) rotate(-14deg);opacity:0}to{transform:none;opacity:1}}.splash-word{position:relative;display:flex;gap:6px;font-size:34px;font-weight:900;letter-spacing:.2em}.splash-word span{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;animation:letterUp .6s var(--ease-out-expo) both}@keyframes letterUp{0%{opacity:0;transform:translateY(22px)}}.splash-tag{position:relative;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);animation:letterUp .7s .95s var(--ease-out-expo) both}.onboarding-wordmark{font-weight:900;letter-spacing:.3em;font-size:12px;margin-bottom:8px;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.onboarding-title{font-size:26px;font-weight:900;letter-spacing:-.03em}.onboarding-icon{border-radius:18px;background:var(--glass);box-shadow:var(--shadow-1)}.onboarding-logo{animation:floaty 5s ease-in-out infinite}.onboarding-orbit{position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--accent) 40%,transparent)}.onboarding-orbit.o1{top:-26px;right:-26px;bottom:-26px;left:-26px;animation:feunSpin 24s linear infinite}.onboarding-orbit.o2{top:-58px;right:-58px;bottom:-58px;left:-58px;animation:feunSpin 38s linear infinite reverse;opacity:.6}.onboarding-dots .dot{transition:width .25s var(--ease-out-expo),background-color .25s}.onboarding-dots .dot.active{width:22px;border-radius:99px;background:var(--gradient-cool)}.auth-card{border-radius:30px;background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border)}.auth-heading{font-weight:900;letter-spacing:-.03em}.auth-brand-line{font-weight:800;letter-spacing:.28em;text-transform:uppercase;font-size:10px;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-logo{animation:floaty 5s ease-in-out infinite}.auth-google-btn{border-radius:14px}.pro-pill{font-size:9.5px;letter-spacing:.1em;padding:2px 7px;border-radius:99px;color:#3b2a00;background:linear-gradient(120deg,#ffe082,#f5a623)}.studio-banner{width:100%;display:flex;align-items:center;gap:14px;padding:16px;margin:6px 0 4px;border-radius:24px;text-align:left;color:#fff;background:linear-gradient(120deg,#1e1b4b,#4c1d95 45%,#b45309);box-shadow:0 18px 36px -16px #4c1d95b3;position:relative;overflow:hidden}.studio-banner:after{content:"";position:absolute;right:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,130,.5),transparent 65%)}.studio-banner-icon{width:44px;height:44px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5a623,#e23e57);flex-shrink:0}.studio-banner-text{flex:1;display:flex;flex-direction:column;gap:3px;z-index:1}.studio-banner-text b{font-size:15px;letter-spacing:-.01em}.studio-banner-text small{font-size:11.5px;opacity:.8;line-height:1.35}.studio-hero{padding:6px 4px 12px}.studio-hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:900;letter-spacing:.14em;padding:5px 10px;border-radius:99px;color:#3b2a00;background:linear-gradient(120deg,#ffe082,#f5a623)}.studio-hero-title{margin-top:10px;font-size:22px;font-weight:900;letter-spacing:-.03em;line-height:1.2}.studio-tabs{overflow-x:auto}.studio-card{padding:16px;margin-top:10px}.studio-panel{display:flex;flex-direction:column;gap:12px}.studio-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;border-radius:20px;text-align:center;cursor:pointer;border:2px dashed color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent);font-weight:700;font-size:13.5px;transition:transform .15s,background-color .15s}.studio-drop:active{transform:scale(.985)}.studio-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:var(--text-muted)}.studio-field b{color:var(--accent)}.studio-seg{display:flex;gap:6px;background:var(--bg-sunken);padding:4px;border-radius:14px}.studio-seg button{flex:1;padding:8px;border-radius:10px;font-weight:800;font-size:12px}.studio-seg button.active{background:var(--bg-elevated);box-shadow:var(--shadow-1);color:var(--accent)}.studio-chips{display:flex;flex-wrap:wrap;gap:8px}.studio-chips button{display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;border-radius:14px;background:var(--bg-sunken);font-weight:700;font-size:12px}.studio-chips small,.studio-presets small{font-size:10.5px;font-weight:600;color:var(--text-muted)}.studio-dims{display:flex;align-items:center;gap:8px}.studio-dims input{flex:1;min-width:0;text-align:center;font-weight:800}.studio-presets{display:grid;gap:8px}.studio-presets button{text-align:left;padding:12px 14px;border-radius:16px;background:var(--bg-sunken);display:flex;flex-direction:column;gap:2px;border:2px solid transparent}.studio-presets button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-sunken))}.studio-results{display:flex;flex-direction:column;gap:8px;margin-top:4px;animation:routeIn .4s var(--ease-out-expo) both}.studio-result{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:var(--bg-sunken)}.studio-result .meta{flex:1;min-width:0}.studio-result .name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-result-icon{width:28px;height:28px;border-radius:10px;background:var(--success);display:flex;align-items:center;justify-content:center;flex-shrink:0}.studio-save{color:var(--success);font-weight:800}.premium-lock{position:relative;overflow:hidden;text-align:center;padding:30px 20px;margin-top:10px;border-radius:26px;border:1px solid rgba(245,166,35,.45);background:linear-gradient(160deg,#ffe08238,#8b3dff1a)}.premium-lock-glow{position:absolute;width:220px;height:220px;left:50%;top:-90px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(245,166,35,.45),transparent 65%)}.premium-lock-icon{position:relative;display:inline-flex;width:52px;height:52px;border-radius:18px;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5a623,#e23e57);box-shadow:0 12px 26px -8px #e23e5799;animation:floaty 4s ease-in-out infinite}.premium-lock-title{position:relative;margin-top:12px;font-size:17px;font-weight:900;letter-spacing:-.02em}.premium-lock-desc{position:relative;margin:6px auto 16px;max-width:280px;font-size:13px;color:var(--text-muted);line-height:1.5}.premium-lock-btn{position:relative}.premium-hero{position:relative;overflow:hidden;text-align:center;padding:30px 20px 26px;border-radius:30px;color:#fff;margin-bottom:16px;background:linear-gradient(140deg,#1e1b4b,#4c1d95 50%,#9d174d);box-shadow:0 24px 50px -22px #4c1d95cc}.premium-hero-orb{position:absolute;width:260px;height:260px;right:-80px;top:-110px;border-radius:50%;background:conic-gradient(from 0deg,#f5a623,#e23e57,#8b3dff,#2e6eea,#f5a623);filter:blur(40px);opacity:.55;animation:feunSpin 14s linear infinite}.premium-hero-crown{position:relative;display:inline-flex;width:56px;height:56px;border-radius:20px;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5a623,#e23e57);box-shadow:0 14px 30px -8px #f5a623b3;animation:floaty 4s ease-in-out infinite}.premium-hero-title{position:relative;margin-top:12px;font-size:30px;font-weight:900;letter-spacing:-.03em}.premium-hero-title span{background:linear-gradient(120deg,#ffe082,#f5a623);-webkit-background-clip:text;background-clip:text;color:transparent}.premium-hero-sub{position:relative;margin:8px auto 0;max-width:300px;font-size:13.5px;line-height:1.5;opacity:.85}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.plan-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:20px 8px 14px;border-radius:22px;text-align:center;background:var(--glass);border:2px solid var(--border);transition:transform .2s var(--ease-spring),border-color .2s,box-shadow .2s}.plan-card.selected{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--glow)}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:9px;font-weight:900;letter-spacing:.06em;padding:3px 8px;border-radius:99px;color:#fff;background:var(--gradient-brand)}.plan-name{font-size:11.5px;font-weight:800;color:var(--text-muted)}.plan-price{font-size:22px;font-weight:900;letter-spacing:-.03em}.plan-price small{display:block;font-size:10.5px;font-weight:700;color:var(--text-muted);letter-spacing:0}.plan-note{font-size:10px;line-height:1.3;color:var(--text-muted)}.premium-cta{width:100%;margin-top:14px;padding:15px;font-size:15px;border-radius:18px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.feature-card{padding:14px;border-radius:20px;background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow-1)}.feature-icon{display:inline-flex;width:36px;height:36px;border-radius:12px;align-items:center;justify-content:center;background:var(--gradient-cool);margin-bottom:8px}.feature-title{font-size:13px;font-weight:800;letter-spacing:-.01em}.feature-desc{font-size:11.5px;line-height:1.4;color:var(--text-muted);margin-top:3px}.compare-table{overflow:hidden}.compare-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;align-items:center;gap:6px;padding:11px 14px;font-size:12.5px;border-bottom:1px solid var(--border);text-align:center}.compare-row span:first-child{text-align:left;font-weight:600}.compare-row:last-child{border-bottom:none}.compare-head{font-weight:900;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.compare-row .pro{font-weight:800;color:var(--accent)}.accent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.accent-swatch{height:64px;border-radius:18px;color:#fff;font-size:11px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 10px 20px -10px #0006;transition:transform .15s var(--ease-spring)}.accent-swatch:active{transform:scale(.94)}.accent-swatch.selected{outline:3px solid var(--text);outline-offset:2px}@media (min-width: 900px){.bottom-nav{display:none}.app-content{padding-bottom:48px}.feature-grid{grid-template-columns:repeat(3,1fr)}}.share-body{display:flex;flex-direction:column;gap:12px;padding:4px 16px 20px}.share-file{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--bg-sunken);font-weight:800}.share-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:var(--bg-sunken);text-align:left}.share-row span:first-child{display:flex;flex-direction:column;gap:2px;font-size:13.5px}.share-row small{font-size:11.5px;color:var(--text-muted);font-weight:500}.share-expiry{display:flex;flex-direction:column;gap:6px}.share-url{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--success) 10%,transparent);border:1px dashed var(--success);font-size:12.5px;font-weight:700;word-break:break-all}.share-done{display:flex;flex-direction:column;gap:10px;animation:routeIn .4s var(--ease-out-expo) backwards}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-quick{display:flex;gap:8px}.share-quick a{flex:1;text-align:center;padding:10px;border-radius:14px;background:var(--bg-sunken);font-weight:800;font-size:12.5px;color:var(--text);text-decoration:none}.share-mine{display:flex;align-items:center;gap:8px;padding:6px 0}.share-mine .meta{flex:1;min-width:0}.share-mine .name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-shell{min-height:100dvh;background:var(--bg);position:relative}.shared-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--hero-wash);pointer-events:none}.shared-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 10px;background:var(--glass);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--glass-border)}.shared-topbar .btn{padding:9px 14px;font-size:13px}.shared-main{position:relative;max-width:860px;margin:0 auto;padding:20px 16px;animation:routeIn .45s var(--ease-out-expo) backwards}.shared-meta{margin-bottom:14px}.shared-meta h1{margin:6px 0 4px;font-size:26px;font-weight:900;letter-spacing:-.03em}.shared-type{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:99px;color:#fff;background:var(--gradient-cool)}.shared-doc{padding:22px 20px;line-height:1.65;font-size:15.5px;min-height:50vh;overflow-wrap:anywhere}.shared-doc img{max-width:100%;border-radius:12px}.shared-doc table{border-collapse:collapse;max-width:100%}.shared-doc td,.shared-doc th{border:1px solid var(--border);padding:6px 10px}.shared-cell{min-width:84px;padding:6px 10px;font-size:13px}.shared-slide{aspect-ratio:16 / 9;padding:6%;display:flex;flex-direction:column;justify-content:center;gap:4%;animation:routeIn .35s var(--ease-out-expo) backwards;overflow:hidden}.shared-slide-title{font-size:clamp(20px,6vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1.1}.shared-slide-body{font-size:clamp(13px,3.2vw,22px);line-height:1.45;white-space:pre-wrap;opacity:.9}.shared-check{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:15px}.shared-checkbox{width:20px;height:20px;border-radius:7px;border:2px solid var(--border);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.shared-checkbox.done{background:var(--accent);border-color:var(--accent)}.shared-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:90px 20px}.shared-state-icon{display:inline-flex;width:56px;height:56px;border-radius:20px;align-items:center;justify-content:center;background:var(--gradient-cool);box-shadow:var(--glow)}.shared-state-title{font-size:20px;font-weight:900;letter-spacing:-.02em}.shared-spinner{width:38px;height:38px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:feunSpin .8s linear infinite}.shared-cta{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;max-width:640px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;border-radius:26px;overflow:hidden;background:var(--glass);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid var(--glass-border);box-shadow:0 24px 50px -16px #141e5080;animation:ctaUp .6s .3s var(--ease-spring) backwards}@keyframes ctaUp{0%{transform:translateY(120%);opacity:0}}.shared-cta-glow{position:absolute;inset:-40% auto auto -10%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),transparent 65%);pointer-events:none}.shared-cta-text{position:relative;flex:1;min-width:200px;display:flex;flex-direction:column;gap:3px}.shared-cta-text b{font-size:15px;font-weight:900;letter-spacing:-.02em}.shared-cta-text small{font-size:12px;color:var(--text-muted);line-height:1.4}.shared-cta-actions{position:relative;display:flex;gap:8px;flex-wrap:wrap}.shared-cta .btn{position:relative}.ad-slot-native{margin:14px 0;border-radius:20px;min-height:84px;background:var(--bg-sunken);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center}.ad-slot-banner{position:fixed;left:12px;right:12px;z-index:39;bottom:calc(84px + env(safe-area-inset-bottom));height:58px;border-radius:18px;overflow:hidden;background:var(--bg-sunken);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px -14px #141e504d}.ad-slot-placeholder{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.app-content{padding-bottom:calc(178px + env(safe-area-inset-bottom))}.toast-stack{bottom:calc(164px + env(safe-area-inset-bottom))}@media (min-width: 900px){.ad-slot-banner{display:none}.app-content{padding-bottom:48px}.toast-stack{bottom:24px}}.magic-badge{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;background:linear-gradient(135deg,#f5a623,#e23e57);box-shadow:0 4px 10px -3px #e23e57b3,0 0 0 2px var(--bg-elevated);animation:feunFabPulse 3.5s ease-in-out infinite}.tile,.premium-tool-btn{position:relative}.paywall-modal{position:relative;overflow:hidden;text-align:center;padding:30px 24px 24px;max-width:320px}.paywall-close{position:absolute;top:10px;right:10px}.paywall-glow{position:absolute;width:200px;height:200px;left:50%;top:-90px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(245,166,35,.4),transparent 65%)}.paywall-icon{position:relative;display:inline-flex;width:52px;height:52px;border-radius:18px;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5a623,#e23e57);box-shadow:0 12px 26px -8px #e23e5799}.paywall-title{position:relative;margin-top:12px;font-size:17px;font-weight:900;letter-spacing:-.02em}.paywall-desc{position:relative;margin:6px 0 16px;font-size:13px;color:var(--text-muted);line-height:1.5}.paywall-cta{position:relative;width:100%}.paywall-later{position:relative;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--text-muted)}.trial-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:var(--bg-sunken);text-align:left;margin-top:14px}.trial-row span:last-child{display:flex;flex-direction:column;gap:2px;font-size:13px}.trial-row small{font-size:11px;font-weight:500;color:var(--text-muted);line-height:1.4}.premium-tools-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.premium-tool-btn{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:78px;padding:12px 6px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-border);font-size:11px;font-weight:700;text-align:center}.premium-tool-icon{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--bg-sunken)}.reminders-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;margin-bottom:4px}.reminders-toggle-title{font-weight:800;font-size:14px;margin-bottom:3px}.reminders-list{display:flex;flex-direction:column;gap:10px}.reminders-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;color:#fff;box-shadow:0 14px 28px -16px #141e5066}.reminders-card-icon{font-size:20px;flex-shrink:0}.reminders-card-text{flex:1;min-width:0}.reminders-card-line{font-size:13.5px;font-weight:700;line-height:1.4}.reminders-card-time{font-size:11px;opacity:.8;margin-top:3px}.tool-bubble{z-index:45}.tool-bubble-fab{width:48px!important;height:48px!important;min-width:48px!important;opacity:.95}.tool-bubble-panel{max-height:60vh;overflow-y:auto}.viewer-body{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.pdf-scroll{position:relative;margin:-14px;padding:12px 12px 90px;background:var(--bg-sunken);min-height:100%}.pdf-pages{display:flex;flex-direction:column;gap:12px;overflow-x:auto}.pdf-page{position:relative;background:#fff;border-radius:6px;box-shadow:0 6px 22px -10px #141e5073;flex:none}.pdf-page .pdf-canvas{display:block;border-radius:6px;box-shadow:none;max-width:none}.pdf-page-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.pdf-pill{position:fixed;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:4px;background:#141628db;color:#fff;border-radius:999px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:44;box-shadow:0 10px 28px -8px #00000080}.pdf-pill span{min-width:64px;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.pdf-pill button{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff24;color:#fff;font-size:20px;line-height:1}.viewer-note{font-size:12.5px;padding:9px 12px;margin-bottom:10px;border-radius:10px;background:var(--bg-sunken);color:var(--text-muted)}.viewer-share-btn{flex-shrink:0}.pptx-stage{position:relative;width:100%;overflow:hidden;border-radius:14px;box-shadow:0 18px 40px -22px #141e508c;background:#fff}.pptx-box{position:absolute;overflow:hidden;padding:2px 4px;box-sizing:border-box}.pptx-pic{position:absolute;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pptx-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:14px}.pptx-dots button{width:8px;height:8px;padding:0;border-radius:50%;border:none;background:var(--border)}.pptx-dots button.on{background:var(--accent);width:20px;border-radius:6px}.share-choice{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;margin:8px 0;border-radius:16px;border:1px solid var(--border);background:var(--bg-elevated)}.share-choice:active{background:var(--bg-sunken)}.share-choice-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--gradient-brand);flex-shrink:0}.share-choice-icon.alt{background:linear-gradient(135deg,#10b981,#0ea5e9)}.share-choice-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.share-choice-text b{font-size:15px}.share-choice-text small{font-size:12px;color:var(--text-muted)}.tp-search{width:100%;box-sizing:border-box;padding:12px 14px;margin:4px 0 8px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tool-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px;border-radius:18px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 1px #00000005;transition:transform .12s ease}.tool-tile:active{transform:scale(.97)}.tool-tile b{font-size:14.5px;margin-top:8px}.tool-tile small{font-size:12px;color:var(--text-muted)}.tool-tile-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center}.tp-page{padding-bottom:40px}.tp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.tp-top h1{font-size:20px;margin:0}.tp-hero{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:var(--bg-elevated);border:1px solid var(--border);margin:6px 0 12px}.tp-hero p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-muted)}.tp-hero-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tp-drop{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 16px;border-radius:20px;border:2px dashed var(--accent);background:var(--bg-sunken)}.tp-drop b{font-size:15px;margin-top:4px}.tp-drop small{font-size:12px;color:var(--text-muted)}.tp-files{margin-top:12px;padding:4px 10px}.tp-file{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--border)}.tp-file:last-child{border-bottom:none}.tp-file-n{width:24px;height:24px;border-radius:8px;background:var(--bg-sunken);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tp-file-meta{flex:1;min-width:0}.tp-file-meta .name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-opt{margin-top:14px;display:flex;flex-direction:column;gap:6px}.tp-input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);font-size:14px}.tp-run{width:100%;margin-top:16px;padding:14px;font-size:15px}.tp-bar{height:6px;border-radius:6px;background:var(--bg-sunken);margin-top:10px;overflow:hidden}.tp-bar span{display:block;height:100%;background:var(--gradient-brand);transition:width .2s ease}.tp-out{padding:12px;margin-bottom:8px}.tp-out-top{display:flex;align-items:center;gap:10px}.tp-out-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tp-out-actions .btn{flex:1 1 auto;justify-content:center}.tp-textarea{width:100%;box-sizing:border-box;min-height:180px;padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);font-size:14.5px;line-height:1.55}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.start-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:18px;border:1px solid var(--border);background:var(--bg-elevated);font-size:12.5px;font-weight:600}.start-tile:active{transform:scale(.96)}.start-tile-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 8px}.link-btn{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;padding:4px}.tpl-row{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.tpl-row .tpl-card{flex:0 0 112px;scroll-snap-align:start}.tpl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tpl-card{display:flex;flex-direction:column;gap:6px;text-align:left;background:none;border:none;padding:0}.tpl-card b{font-size:13px}.tpl-card small{font-size:11.5px;color:var(--text-muted);margin-top:-4px}.tpl-card:active .tt-frame{transform:scale(.97)}.chip-row{display:flex;gap:8px;overflow-x:auto;margin:6px 0 14px}.chip{flex:none;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);font-size:13px;font-weight:600}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.tt-frame{aspect-ratio:3 / 4;border-radius:12px;background:var(--bg-sunken);border:1px solid var(--border);padding:9px;display:flex;transition:transform .12s ease;box-shadow:0 8px 18px -12px #141e5080}.tt-page,.tt-slide,.tt-grid{flex:1;background:#fff;border-radius:6px;padding:9px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.tt-page i,.tt-slide i{display:block;border-radius:3px}.tt-page br{display:block;height:4px}.tt-head{display:flex;flex-direction:column;gap:4px;padding:7px;border-radius:4px;margin:-2px -2px 3px}.tt-head i{background:#fff;height:5px;width:70%}.tt-head i+i{width:45%;opacity:.7}.tt-cols{display:flex;gap:6px}.tt-cols>div{flex:1;display:flex;flex-direction:column;gap:4px}.tt-slide{justify-content:center;align-items:flex-start;gap:6px}.tt-slide span{margin-top:8px;width:28px;height:28px;border-radius:50%;background:#ffffff59}.tt-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:3px;padding:7px;align-content:start}.tt-grid i{height:11px;background:#eef0f6;border-radius:2px}.tt-grid i.h{background:var(--a);opacity:.85}.tt-check{display:flex;align-items:center;gap:6px}.tt-check b{width:9px;height:9px;border-radius:3px;border:2px solid;flex-shrink:0;box-sizing:border-box}.tt-check i{flex:1}.editor-topbar{gap:8px}.editor-topbar .icon-btn,.editor-topbar .btn{flex-shrink:0}.editor-title-block{flex:1 1 auto;min-width:0}.editor-title-input{min-width:0;width:100%;text-overflow:ellipsis}.viewer-shell.rich .viewer-topbar{gap:4px;padding-bottom:6px}.viewer-tools{flex:1;display:flex;align-items:center;gap:2px;min-width:0}.viewer-badge{margin-left:4px;min-width:40px;height:30px;padding:0 10px;border-radius:8px;border:1.5px solid var(--text-muted);background:transparent;font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.viewer-subtitle{padding:0 16px 6px;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.save-btn{border-radius:999px;padding:8px 16px;font-weight:700}.viewer-shell.has-bottom .viewer-body{padding-bottom:14px}.viewer-shell .viewer-body{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.bottom-toolbar{flex:none;display:flex;overflow-x:auto;background:var(--bg-elevated);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));scrollbar-width:none}.bottom-toolbar::-webkit-scrollbar{display:none}.bottom-toolbar button{flex:1 0 64px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border:none;background:none;border-radius:12px;font-size:11px;color:var(--text);white-space:nowrap}.bottom-toolbar button.on{background:var(--bg-sunken);color:var(--accent)}.bottom-toolbar button:disabled{opacity:.35}.bottom-toolbar button:active{background:var(--bg-sunken)}.bt-icon{position:relative;height:24px;display:flex;align-items:center;justify-content:center}.bt-swatch{position:absolute;left:50%;bottom:-3px;width:18px;height:4px;margin-left:-9px;border-radius:3px;border:1px solid rgba(0,0,0,.15)}.fmt-panel{flex:none;background:var(--bg-elevated);border-top:1px solid var(--border);padding:8px 10px;display:flex;flex-direction:column;gap:8px}.fmt-row{display:flex;align-items:center;gap:6px;overflow-x:auto}.fmt-row>span{font-size:12px;color:var(--text-muted);min-width:44px}.fmt-row button{flex:none;min-width:40px;height:34px;padding:0 10px;border-radius:9px;border:1px solid var(--border);background:var(--bg);font-size:13px;color:var(--text)}.sw{flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px}.fm-head{display:flex;align-items:center;gap:12px;padding:2px 2px 12px}.fm-badge{width:42px;height:42px;border-radius:11px;color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;flex:none}.fm-title{flex:1;min-width:0;display:flex;flex-direction:column}.fm-title b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-title small{font-size:12px;color:var(--text-muted)}.fm-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.fm-quick button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:78px;padding:8px 4px;border:none;border-radius:16px;background:var(--bg-sunken);font-size:12px;text-align:center;color:var(--text)}.fm-group{background:var(--bg-sunken);border-radius:16px;margin-bottom:10px;overflow:hidden}.fm-row{width:100%;display:flex;align-items:center;gap:12px;padding:15px 14px;border:none;background:none;border-bottom:1px solid var(--border);text-align:left;font-size:15px;color:var(--text)}.fm-row:last-child{border-bottom:none}.fm-label{flex:1}.fm-hint{font-size:13px;color:var(--text-muted)}.fr-body{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.fr-actions{display:flex;gap:8px}.fr-actions .btn{flex:1;justify-content:center}.docx-print-host{background:var(--bg-sunken);min-height:100%;padding:8px 0 40px;overflow-x:auto}.docx-print .docx-wrapper{background:transparent!important;padding:0!important;display:flex;flex-direction:column;align-items:center;gap:10px}.docx-print .docx-wrapper>section.docx{box-shadow:0 6px 22px -10px #141e5080!important;margin:0!important;background:#fff;color:#111}.docx-reading{padding:16px;line-height:1.6;background:var(--bg);overflow-wrap:anywhere}.docx-reading table,.docx-paper table{border-collapse:collapse;max-width:100%}.docx-reading td,.docx-reading th,.docx-paper td,.docx-paper th{border:1px solid #b8bdc8;padding:6px 8px}.docx-reading img,.docx-paper img{max-width:100%;height:auto}.docx-desk{background:var(--bg-sunken);padding:12px;min-height:100%;overflow-x:auto}.docx-paper{background:#fff;color:#111;margin:0 auto;min-height:90vh;padding:36px 32px;box-sizing:border-box;box-shadow:0 6px 22px -10px #141e5080;border-radius:3px;outline:none;line-height:1.55}.xl-wrap{display:flex;flex-direction:column;height:100%;min-height:0}.xl-tabs{flex:none;display:flex;align-items:center;overflow-x:auto;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.xl-tabs button{flex:none;padding:11px 16px;border:none;background:none;font-size:15px;color:var(--text-muted);border-bottom:3px solid transparent}.xl-tabs button.on{color:#15a06b;border-bottom-color:#15a06b;font-weight:600}.xl-tabs .more{margin-left:auto}.xl-formula{flex:none;display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.xl-ref{min-width:44px;text-align:center;font-size:12px;font-weight:700;color:#15a06b}.xl-formula input{flex:1;border:none;background:transparent;font-size:14px;min-width:0;color:var(--text);outline:none}.xl-scroll{flex:1;min-height:0;overflow:auto;background:#fff;-webkit-overflow-scrolling:touch}.xl-grid{border-collapse:collapse;table-layout:auto;font-size:13px;color:#1b1b1b;background:#fff}.xl-grid th{position:sticky;top:0;z-index:2;background:#f3f4f6;color:#555;font-weight:500;font-size:12px;border:1px solid #e0e3e8;padding:4px 6px}.xl-grid tbody th{position:sticky;left:0;z-index:1;min-width:34px}.xl-grid th.act{background:#d7f0e3;color:#0b7a4e}.xl-grid .xl-corner{left:0;z-index:3}.xl-grid td{border:1px solid #e5e7eb;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px;background:#fff}.xl-grid td.sel{outline:2px solid #15A06B;outline-offset:-2px;background-clip:padding-box;box-shadow:inset 0 0 0 999px #15a06b1a}.pptx-editable{outline:1.5px dashed rgba(108,92,217,.8);outline-offset:2px;border-radius:3px;cursor:text}.pptx-present{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000;display:flex;align-items:center;justify-content:center}.pptx-present-stage{width:min(100vw,177.78vh)}.pptx-present .pptx-stage{border-radius:0;box-shadow:none}.pptx-present-x{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff2e;color:#fff;font-size:18px;z-index:2}.pptx-present-n{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;color:#ffffffb3;font-size:12px}.pptx-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pptx-thumbs button{border:2px solid transparent;border-radius:12px;padding:4px;background:var(--bg-sunken);text-align:center;font-size:12px;color:var(--text)}.pptx-thumbs button.on{border-color:var(--accent)}.pptx-thumb-box{pointer-events:none}.tool-grid{grid-template-columns:repeat(4,1fr);gap:6px 4px}.tool-tile{align-items:center;text-align:center;padding:10px 2px;background:none;border:none;box-shadow:none;gap:6px}.tool-tile b{margin-top:0;font-size:12px;font-weight:500;line-height:1.2}.tool-tile-icon{width:56px;height:56px;border-radius:50%;box-shadow:0 8px 16px -10px #00000080}.tpl-name{display:flex;align-items:center;gap:7px}.tpl-badge{width:20px;height:20px;border-radius:6px;color:#fff;font-size:11px;font-weight:800;font-style:normal;display:inline-flex;align-items:center;justify-content:center;flex:none}.chip{display:inline-flex;align-items:center;gap:6px}.tpl-grid .tt-frame{aspect-ratio:4 / 3.3}.tt-sheet{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:6px;overflow:hidden}.tt-duty{text-align:center;font-weight:800;font-size:13px;padding:6px 0}.tt-split{flex-direction:row!important;padding:0!important;gap:0!important}.tt-side{width:34%;padding:9px 7px;display:flex;flex-direction:column;gap:6px;align-items:center}.tt-side b{width:26px;height:26px;border-radius:50%;background:#ffffffd9}.tt-side i{background:#fff9;height:4px;width:80%}.tt-main{flex:1;padding:9px;display:flex;flex-direction:column;gap:5px}.tt-cover{justify-content:space-between;padding:0!important}.tt-cover>div:first-child{padding:14px 10px;display:flex;flex-direction:column;gap:6px}.tt-wave{height:38%;border-radius:60% 60% 0 0/40% 40% 0 0;opacity:.9}.tt-cert{border:3px double;margin:4px;justify-content:center;align-items:center}.tt-cert>div{width:100%;display:flex;flex-direction:column;gap:6px;align-items:center}.tt-tbl{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:4px}.tt-tbl i{height:10px;background:#eceff4;border-radius:2px}.tt-tbl i.h{background:var(--a);opacity:.85}.viewer-shell.rich .viewer-body{padding:0}.viewer-shell.rich .viewer-note{margin:8px 12px}.pptx-wrap{padding:12px}[data-theme=light]{--text-muted: #596070;--accent: #2A62D6;--success: #0F7A45;--warn: #8F5A00;--danger: #C42B42}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:8px}button:focus:not(:focus-visible){outline:none}.skip-link{position:fixed;left:8px;top:-60px;z-index:1000;background:var(--accent);color:var(--accent-contrast);padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}.skip-link:focus{top:calc(8px + env(safe-area-inset-top))}.icon-btn,.brandbar-icon,button.switch{min-width:44px;min-height:44px}button.switch{min-width:46px;min-height:28px}.field-label{font-size:13px;font-weight:700;color:var(--text-muted)}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45}.check-row input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--accent)}.check-row a,.legal-body a{color:var(--accent);text-decoration:underline}:root{--brandbar-h: 56px}.brandbar{height:calc(var(--brandbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;box-sizing:border-box}.brandbar-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}.app-content.has-brandbar{padding-top:calc(var(--brandbar-h) + env(safe-area-inset-top) + 10px)}.app-content.has-brandbar .route-transition{margin-top:0}.app-content.has-brandbar .topbar{position:static}.app-content-full{padding:0!important}.viewer-shell{z-index:70}.ad-slot{position:relative;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--bg-sunken);border:1px dashed var(--border);overflow:hidden}.ad-slot-tag{position:absolute;left:8px;top:6px;font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.ad-slot-inline{margin:14px auto;width:100%;max-width:336px;height:250px}.ad-slot-strip{margin:12px auto;width:100%;max-width:336px;height:54px}.ad-slot-dock{position:fixed;left:12px;right:12px;z-index:39;bottom:calc(88px + env(safe-area-inset-bottom));height:54px}.app-content{padding-bottom:calc(168px + env(safe-area-inset-bottom))}@media (min-width: 900px){.ad-slot-dock{display:none}}.bottom-nav{z-index:45}.subpage{min-height:100%}.subheader{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:6px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:var(--glass, var(--bg-elevated));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);margin:-16px -16px 14px}.subheader h1{font-size:18px;font-weight:800;margin:0}.subpage-body{display:flex;flex-direction:column;gap:4px}.settings-group{margin-top:12px}.settings-group-title{font-size:13px;font-weight:700;color:var(--text-muted);margin:0 6px 6px}.settings-card{padding:4px;overflow:hidden}.settings-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 10px;background:none;border:none;border-radius:14px;color:var(--text);text-align:left;font:inherit}button.settings-row{cursor:pointer}button.settings-row:active{background:var(--bg-sunken)}.settings-row+.settings-row{border-top:1px solid var(--border);border-radius:0}.settings-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--gradient-cool)}.settings-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-text b{font-size:15px;font-weight:700}.settings-text small{font-size:12.5px;color:var(--text-muted);overflow-wrap:anywhere}.hub{display:flex;flex-direction:column;gap:4px;padding-top:4px}.hub-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:22px;border:1px solid var(--glass-border, var(--border));background:var(--glass, var(--bg-elevated));color:var(--text);text-align:left;font:inherit}.hub-card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hub-card-text b{font-size:17px;font-weight:800}.hub-card-text small{font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis}.pro-pill.on{color:#fff;background:var(--gradient-brand)}.pro-pill{white-space:nowrap}.hub-upgrade{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px 14px;border:none;border-radius:18px;color:#3b2a00;background:linear-gradient(120deg,#ffe082,#f5a623 60%,#f2c94c);font:inherit;text-align:left}.hub-upgrade span{flex:1;display:flex;flex-direction:column}.hub-upgrade small{font-size:12px;opacity:.85}.hub-signout{width:100%;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px}.drive-usage{padding:12px;display:flex;flex-direction:column;gap:8px}.drive-bar{height:8px;border-radius:8px;background:var(--bg-sunken);overflow:hidden}.drive-bar span{display:block;height:100%;background:var(--gradient-cool)}.faq{padding:12px 14px;border-top:1px solid var(--border)}.faq:first-child{border-top:none}.faq summary{font-weight:700;cursor:pointer}.faq p{margin:8px 0 0;color:var(--text-muted);font-size:14px;line-height:1.5}.about-head{display:flex;align-items:center;gap:14px;padding:6px}.about-head img{border-radius:16px}.legal-shell{min-height:100vh;background:var(--bg);color:var(--text)}.legal-shell .subheader{margin:0;padding-left:10px}.legal-body{max-width:720px;margin:0 auto;padding:16px 18px calc(48px + env(safe-area-inset-bottom));line-height:1.6;font-size:15px}.legal-body h2{font-size:17px;margin:22px 0 6px}.legal-body p,.legal-body li{color:var(--text)}.legal-body ul{padding-left:20px}.legal-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.save-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;background:var(--bg);color:var(--text);padding:calc(8px + env(safe-area-inset-top)) 0 calc(16px + env(safe-area-inset-bottom));overflow-y:auto}.save-head{display:flex;align-items:center;gap:6px;padding:0 8px}.save-head-title{font-size:20px;font-weight:800}.save-prompt{padding:14px 18px;margin-top:8px;font-size:14px;color:var(--text-muted);background:var(--bg-sunken)}.save-name{display:flex;flex-direction:column;gap:6px;padding:14px 18px 4px;font-size:13px;font-weight:700;color:var(--text-muted)}.save-list{display:flex;flex-direction:column;padding:6px 8px}.save-row{display:flex;align-items:center;gap:14px;padding:14px 10px;min-height:64px;background:none;border:none;border-radius:14px;color:var(--text);font:inherit;text-align:left}.save-row:disabled{opacity:.55}.save-row:active{background:var(--bg-sunken)}.save-row-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none}.save-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.save-row-text b{font-size:17px;font-weight:600}.save-row-text small{font-size:12.5px;color:var(--text-muted)}.save-note{margin:auto 18px 0;padding-top:16px;font-size:12.5px;line-height:1.5;color:var(--text-muted)}.consent-sheet{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:95;max-width:560px;margin:0 auto;padding:16px;border-radius:22px;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-2)}.consent-title{font-size:17px;font-weight:800;margin-bottom:6px}.consent-text{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:var(--text-muted)}.consent-options{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.consent-opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:var(--bg-sunken);border:none;color:var(--text);font:inherit;text-align:left}.consent-opt span:first-child{display:flex;flex-direction:column}.consent-opt small{color:var(--text-muted);font-size:12px}.consent-actions{display:flex;flex-wrap:wrap;gap:8px}.consent-actions .btn{flex:1 1 140px}.plan-terms{margin:10px 2px;padding:12px 14px;border-radius:14px;background:var(--bg-sunken);font-size:13px;line-height:1.55}.plan-terms b{font-weight:800}.premium-later{display:block;margin:10px auto 0;padding:12px;background:none;border:none;color:var(--text-muted);font:inherit;text-decoration:underline}.update-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;display:flex;align-items:flex-end;justify-content:center}.update-sheet{width:100%;max-width:480px;background:var(--bg-elevated);color:var(--text);border-radius:22px 22px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;box-shadow:0 -8px 30px #00000040}.update-title{font-size:18px;font-weight:800}.update-notes{font-size:14px;color:var(--text-muted);white-space:pre-wrap;line-height:1.5}.update-progress{height:10px;border-radius:10px;background:var(--bg-sunken);overflow:hidden}.update-progress span{display:block;height:100%;background:var(--gradient-brand, var(--accent));transition:width .2s}.update-progress span.indeterminate{animation:upd-slide 1.2s infinite linear;width:40%!important}@keyframes upd-slide{0%{margin-left:-40%}to{margin-left:100%}}.update-actions{display:flex;gap:10px}.update-actions .btn{flex:1}.method-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.method-row .btn{flex:1 1 150px;font-size:13px}.upi-box{display:flex;flex-direction:column;gap:10px}.upi-actions{display:flex;flex-wrap:wrap;gap:8px}.upi-actions .btn{flex:1 1 120px}.upi-amount{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.upi-amount small{color:var(--text-muted)}.upi-amount b{font-size:30px;letter-spacing:-.5px}.upi-apps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.m{color:var(--text-muted);font-size:13px;line-height:1.5}.upi-wait{display:flex;align-items:center;gap:8px;font-weight:600}.upi-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:upi-pulse 1.2s infinite ease-in-out}@keyframes upi-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion: reduce){.upi-dot{animation:none}}.upi-utr{border-top:1px solid var(--border);padding-top:8px}.upi-utr summary{cursor:pointer;font-weight:700;min-height:32px}.upi-utr .plain,.upi-utr .btn{margin-top:8px;width:100%}.upi-kv{display:flex;gap:10px;align-items:center;padding:6px 0}.upi-kv span{width:60px;color:var(--text-muted);font-size:13px}.upi-kv b{flex:1;overflow-wrap:anywhere}.renew-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:8px 0;border-radius:16px;background:linear-gradient(120deg,#ffe082,#f5a623);color:#3b2a00}.renew-banner span{flex:1;font-size:14px;line-height:1.35}.renew-banner button{min-height:40px;border-radius:12px;border:none;padding:0 14px;font:inherit;font-weight:800;background:#3b2a00;color:#fff}.renew-banner .x{background:none;color:#3b2a00;min-width:36px;padding:0}.bill-status{padding:14px;display:flex;flex-direction:column;gap:6px}.bill-status b{font-size:18px}.bill-bar{height:8px;border-radius:8px;background:var(--bg-sunken);overflow:hidden}.bill-bar span{display:block;height:100%;background:var(--gradient-brand, var(--accent))}.sl-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;background:var(--bg);color:var(--text);padding-top:env(safe-area-inset-top);touch-action:manipulation}.sl-top{display:flex;align-items:center;gap:2px;padding:6px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.sl-top .icon-btn{width:40px;height:40px;min-width:40px;min-height:40px}.sl-title{flex:1;min-width:0;display:flex;flex-direction:column;padding:0 6px}.sl-title input,.sl-title span{background:none;border:none;color:var(--text);font:inherit;font-weight:700;font-size:15px;width:100%;min-width:0;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-title small{font-size:11.5px;color:var(--text-muted)}.sl-save{width:44px;height:44px;border-radius:14px;border:none;background:var(--gradient-brand, var(--accent));display:grid;place-items:center;opacity:.75}.sl-save.dirty{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.sl-warn{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-sunken);border-bottom:1px solid var(--border);font-size:12.5px;line-height:1.4}.sl-warn span{flex:1}.sl-warn button{background:none;border:1px solid var(--border);color:var(--accent);border-radius:10px;padding:6px 8px;font:inherit;font-weight:700}.sl-area{position:relative;flex:1;min-height:120px;overflow:auto;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-sunken) 85%,#000 15%)}.sl-stage-wrap{position:relative;flex:none;margin:auto;box-shadow:0 6px 24px #00000047}.sl-stage{position:absolute;left:0;top:0;transform-origin:0 0;overflow:visible;user-select:none;-webkit-user-select:none;touch-action:none}.sl-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;outline:1px solid rgba(0,0,0,.12)}.sl-el{cursor:move;touch-action:none}.sl-el.locked{cursor:default}.sl-outline{position:absolute;top:0;right:0;bottom:0;left:0;border:solid var(--accent);pointer-events:none}.sl-handle{position:absolute;transform:translate(-50%,-50%);background:#fff;border:solid var(--accent);border-radius:50%;box-sizing:border-box;touch-action:none}.sl-rot{position:absolute;left:50%;transform:translate(-50%);background:var(--accent);border:solid #fff;border-radius:50%;box-sizing:border-box;touch-action:none}.sl-textedit{width:100%;height:100%;margin:0}.sl-table-hit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid}.sl-table-hit button{background:none;border:none;padding:0}.sl-zoom{position:absolute;right:8px;top:8px;display:flex;gap:6px}.sl-zoom button{width:36px;height:36px;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);display:grid;place-items:center}.sl-strip{display:flex;gap:8px;padding:8px;overflow-x:auto;background:var(--bg-elevated);border-top:1px solid var(--border)}.sl-thumb{position:relative;flex:none;padding:0;border:2px solid transparent;border-radius:10px;background:none;overflow:hidden;line-height:0}.sl-thumb.on{border-color:var(--accent)}.sl-thumb>span{position:absolute;left:4px;bottom:3px;font-size:10px;line-height:1;font-weight:800;color:#fff;background:#0009;padding:2px 5px;border-radius:6px}.sl-thumb.add{width:110px;height:62px;display:grid;place-items:center;background:var(--bg-sunken);color:var(--accent);border:2px dashed var(--border)}.sl-view{overflow:hidden;flex:none}.sl-tabs{display:flex;align-items:stretch;background:var(--bg-elevated);border-top:1px solid var(--border)}.sl-tabs button{flex:1;min-height:44px;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font:inherit;font-weight:700;font-size:14px}.sl-tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.sl-tabs .sl-tab-close{flex:0 0 44px}.sl-panel{max-height:40vh;overflow-y:auto;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:var(--bg-elevated);display:flex;flex-direction:column;gap:8px}.sl-label{font-size:12px;font-weight:700;color:var(--text-muted);margin-top:2px}.sl-hint{margin:6px 2px;font-size:13px;color:var(--text-muted)}.sl-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sl-row.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.sl-btn{flex:none;min-height:44px;min-width:44px;padding:6px 10px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--border);border-radius:12px;background:var(--bg-sunken);color:var(--text);font:inherit;font-size:11.5px;font-weight:600}.sl-btn.on{background:var(--accent);color:var(--accent-contrast, #fff);border-color:var(--accent)}.sl-btn:disabled{opacity:.45}.sl-btn.wide{flex-direction:row;padding:10px 14px;font-size:13.5px}.sl-select{min-height:44px;border-radius:12px;border:1px solid var(--border);background:var(--bg-sunken);color:var(--text);padding:0 8px;font:inherit;max-width:150px}.sl-stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg-sunken)}.sl-stepper button{width:40px;height:44px;background:none;border:none;color:var(--text);font-size:20px}.sl-stepper b{min-width:34px;text-align:center;font-size:14px}.sl-inline{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.sl-swatches{display:flex;gap:8px;flex-wrap:wrap}.sl-sw{width:34px;height:34px;border-radius:50%;border:2px solid var(--border);padding:0;position:relative}.sl-sw.on{outline:3px solid var(--accent);outline-offset:2px}.sl-sw.none{background:linear-gradient(135deg,transparent 46%,#E23E57 46% 54%,transparent 54%),var(--bg-sunken)}.sl-sw.custom{display:grid;place-items:center;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);color:#fff;overflow:hidden}.sl-sw.custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.sl-range{width:100%;accent-color:var(--accent);min-height:32px}.sl-theme{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;color:var(--text);font-size:12px}.sl-theme span{width:84px;height:52px;border-radius:10px;border:2px solid var(--border);display:grid;place-items:center;font-size:22px}.sl-theme.on span{border-color:var(--accent)}.sl-notes{min-height:90px;width:100%}.sl-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#00000073;display:flex;align-items:flex-end;justify-content:center}.sl-menu,.sl-cell{width:100%;max-width:520px;background:var(--bg-elevated);border-radius:22px 22px 0 0;padding:10px 10px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px}.sl-menu button{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 12px;background:none;border:none;border-radius:12px;color:var(--text);font:inherit;font-size:15px;text-align:left}.sl-menu button:active{background:var(--bg-sunken)}.sl-cell{padding:16px;gap:10px}.sl-cell label{font-weight:700}.pptx-present{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-user-select:none;user-select:none;touch-action:pan-y}.pp-slide{line-height:0}.pp-slide.t-fade{animation:pp-fade .5s ease}.pp-slide.t-slide{animation:pp-slide .45s ease}.pp-slide.t-zoom{animation:pp-zoom .5s ease}@keyframes pp-fade{0%{opacity:0}to{opacity:1}}@keyframes pp-slide{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}@keyframes pp-zoom{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.pp-ui{position:absolute;color:#fff}.pp-ui.top{left:0;right:0;top:env(safe-area-inset-top);display:flex;justify-content:space-between;align-items:center;padding:8px 10px;opacity:.85;font-size:13px}.pp-ui.top button{width:44px;height:44px;border-radius:50%;border:none;background:#ffffff2e;display:grid;place-items:center}.pp-notes{left:0;right:0;bottom:0;max-height:120px;overflow:auto;background:#000c;padding:12px 16px calc(12px + env(safe-area-inset-bottom));font-size:14px;line-height:1.5;white-space:pre-wrap}@media (prefers-reduced-motion: reduce){.pp-slide{animation:none!important}}
