:root{--bg-main: #0b0b0f;--bg-card: rgba(20, 20, 28, .6);--bg-input: rgba(30, 30, 42, .4);--primary: 262, 80%, 58%;--primary-glow: rgba(124, 58, 237, .15);--accent: 326, 85%, 60%;--success: 142, 70%, 45%;--warning: 38, 92%, 50%;--error: 350, 80%, 55%;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-inverse: #0b0b0f;--border: rgba(255, 255, 255, .08);--border-active: rgba(124, 58, 237, .5);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title: "Outfit", var(--font-sans);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;height:100vh;display:flex;flex-direction:column}#app{width:100%;max-width:480px;margin:0 auto;height:100%;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at 50% 0%,#7c3aed1f,#0b0b0f00 70%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.initial-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:16px}.loader-spinner{width:40px;height:40px;border:3px stroke rgba(255,255,255,.05);border-top:3px solid hsl(var(--primary));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.initial-loader p{color:var(--text-muted);font-size:.95rem;font-weight:500}.app-header{padding:calc(16px + var(--safe-top)) 20px 16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;position:sticky;top:0;background:#0b0b0fcc}.brand{display:flex;align-items:center;gap:8px}.brand svg{width:28px;height:28px}.brand h1{font-family:var(--font-title);font-size:1.35rem;font-weight:700;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.view-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px;padding-bottom:calc(80px + var(--safe-bottom))}.form-group{display:flex;flex-direction:column;gap:8px;width:100%}.form-group label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-sans);font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-active);box-shadow:0 0 0 3px var(--primary-glow);background:#1e1e2a99}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--radius-sm);font-family:var(--font-title);font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;text-decoration:none}.btn-primary{background:hsl(var(--primary));color:#fff;box-shadow:0 4px 12px #7c3aed4d}.btn-primary:active{transform:scale(.98);background:hsl(var(--primary),90%)}.btn-secondary{background:#ffffff0d;color:var(--text-main);border:1px solid var(--border)}.btn-secondary:active{background:#ffffff1a;transform:scale(.98)}.btn-danger{background:hsl(var(--error));color:#fff}.btn-danger:active{transform:scale(.98)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #0000003d}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:24px;gap:28px}.auth-header{text-align:center}.auth-header h2{font-family:var(--font-title);font-size:1.8rem;font-weight:700;margin-bottom:8px}.auth-header p{color:var(--text-muted);font-size:.95rem}.auth-card{width:100%}.auth-switch{font-size:.9rem;color:var(--text-muted);text-align:center}.auth-switch span{color:hsl(var(--primary));font-weight:600;cursor:pointer;margin-left:4px}.preview-modal{display:flex;flex-direction:column;height:100%;width:100%;position:absolute;top:0;left:0;background:var(--bg-main);z-index:20}.preview-header{padding:calc(14px + var(--safe-top)) 20px 14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.preview-header h2{font-family:var(--font-title);font-size:1.15rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.preview-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.reader-panel{flex:1;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;max-height:400px;overflow-y:auto;font-size:.95rem}.reader-panel h1{font-family:var(--font-title);font-size:1.4rem;margin-bottom:12px;line-height:1.3}.reader-panel .source-tag{display:inline-block;background:#ffffff0f;padding:4px 8px;border-radius:4px;font-size:.75rem;color:var(--text-muted);margin-bottom:16px;word-break:break-all}.reader-body{color:#d1d5db}.reader-body p{margin-bottom:14px}.reader-body blockquote{border-left:3px solid hsl(var(--primary));padding-left:14px;color:var(--text-muted);margin:16px 0;font-style:italic}.reader-body img{max-width:100%;border-radius:var(--radius-sm);margin:14px 0}.reader-body pre{background:#0000004d;padding:12px;border-radius:var(--radius-sm);overflow-x:auto;font-family:monospace;margin-bottom:14px;border:1px solid var(--border)}.youtube-player iframe{width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm);border:none;background:#000;margin-bottom:12px}.bilibili-player{background:#00b4f00d;border:1px solid rgba(0,180,240,.2);border-radius:var(--radius-sm);padding:16px;text-align:center}.podcast-episode audio,.audio-clip audio{width:100%;margin:12px 0;border-radius:var(--radius-sm);outline:none}.youtube-transcript,.show-notes{margin-top:16px;border-top:1px solid var(--border);padding-top:16px;max-height:200px;overflow-y:auto;font-size:.85rem;color:var(--text-muted)}.ai-section{background:linear-gradient(135deg,#7c3aed1a,#ec48990d);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.ai-header{display:flex;align-items:center;gap:8px}.ai-header svg{color:#ec4899;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.ai-header h3{font-family:var(--font-title);font-size:.95rem;font-weight:600;color:#f472b6}.ai-tags-list{display:flex;flex-wrap:wrap;gap:8px}.ai-tag-pill{background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);color:#c084fc;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-tag-pill:hover{background:#7c3aed40}.ai-tag-pill.active{background:hsl(var(--primary));color:#fff;border-color:transparent;box-shadow:0 2px 8px #7c3aed66}.ai-summary-box{background:#0003;border-radius:var(--radius-sm);padding:12px;font-size:.85rem;color:#e5e7eb;border-left:2px solid #ec4899}.fallback-paste-box{background:#ef444408;border:1px dashed rgba(239,68,68,.25);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px}.fallback-paste-box p{font-size:.85rem;color:#fca5a5}.preview-actions{display:flex;gap:12px;padding:12px 20px calc(12px + var(--safe-bottom)) 20px;border-top:1px solid var(--border);background:var(--bg-main)}.clip-history-list{display:flex;flex-direction:column;gap:12px}.history-item{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .2s ease}.history-item:hover{background:#ffffff0a;border-color:#ffffff26}.history-item h3{font-family:var(--font-title);font-size:.95rem;font-weight:600;line-height:1.3}.history-item .meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted)}.history-item .status-badge{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.status-synced{background:#10b9811a;color:#34d399}.status-pending{background:#f59e0b1a;color:#fbbf24}.tab-bar{position:absolute;bottom:0;left:0;width:100%;display:flex;background:#0f0f14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);z-index:5}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;color:var(--text-muted);cursor:pointer;gap:4px;font-size:.75rem;font-weight:500;transition:all .2s ease}.tab-item.active{color:hsl(var(--primary))}.tab-item svg{width:20px;height:20px}.toast{position:absolute;top:calc(75px + var(--safe-top));left:20px;right:20px;background:#14141ce6;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;z-index:30;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:slideDown .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{border-color:#10b98166;color:#34d399}.toast-error{border-color:#ef444466;color:#f87171}.toast-info{border-color:#7c3aed66;color:#a78bfa}.offline-banner{background:hsl(var(--warning));color:var(--text-inverse);padding:6px 12px;font-size:.8rem;font-weight:600;text-align:center;width:100%}