:root{--bg-0: #fdfcf9;--bg-1: #eef6ff;--ink-0: #111217;--ink-1: #2f3542;--line: #d9dee8;--primary: #101828;--primary-hover: #1f2937;--panel: rgba(255, 255, 255, .88)}:root.dark-mode{--bg-0: #0a0a0f;--bg-1: #151520;--ink-0: #f8fafc;--ink-1: #e2e8f0;--line: #334155;--primary: #6366f1;--primary-hover: #4f46e5;--panel: rgba(30, 30, 46, .95)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink-0);font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 8% -10%,#d6efe4 0%,transparent 42%),radial-gradient(circle at 90% 0%,#dbe6ff 0%,transparent 36%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%)}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Newsreader,Georgia,serif;letter-spacing:-.01em;margin:0}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.4rem,3.5vw,2rem)}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(217,222,232,.7);background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header__inner{margin:0 auto;max-width:1100px;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header__left{display:flex;align-items:center;gap:1rem}.brand-link{font-weight:700;font-size:1.06rem}.site-nav{display:flex;gap:.8rem}.site-nav a{font-size:.92rem;color:#4b5563}.site-nav a.active{color:#111827;font-weight:600}.site-header__actions{display:flex;align-items:center;gap:.6rem}.user-chip{font-size:.8rem;color:#374151;background:#ffffffbf;border:1px solid var(--line);padding:.35rem .7rem;border-radius:999px}.app-main{margin:0 auto;width:100%;max-width:1100px;padding:2rem 1.2rem 3rem}.stack-xl{display:grid;gap:2rem}.stack-md{display:grid;gap:1rem}.stack-sm{display:grid;gap:.7rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.wrap-row{flex-wrap:wrap}.panel{border:1px solid var(--line);background:var(--panel);border-radius:1.2rem;padding:1.15rem;box-shadow:0 8px 28px #0f172a12}.hero-panel{padding:clamp(1.2rem,3vw,2rem)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:#6b7280;font-size:.77rem}.post-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.post-card{border:1px solid var(--line);background:#fffffff5;border-radius:1rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a14}.post-card h3{margin-top:.2rem;font-size:1.45rem}.post-card .excerpt{color:var(--ink-1);line-height:1.5;margin:.7rem 0 0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.meta-text{color:#6b7280;font-size:.85rem;margin:0}.chip-row{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.45rem}.chip{border-radius:999px;padding:.28rem .64rem;border:1px solid var(--line);background:#f8fafc;font-size:.72rem;color:#475569}.prose-blog p{margin:.75rem 0;line-height:1.75;color:var(--ink-1)}.media-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.media-card{overflow:hidden;border-radius:.9rem;border:1px solid var(--line);background:#f8fafc}.media-card img{width:100%;height:240px;object-fit:cover}.media-card figcaption,.media-card p{margin:0;padding:.7rem;font-size:.82rem;color:#475569}.audio-card audio{width:calc(100% - 1.4rem);margin:0 .7rem .7rem}.file-link-card{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-radius:.9rem;border:1px solid var(--line);background:#f8fafc;padding:.8rem;font-size:.82rem;color:#334155}.comment-card p{margin:.4rem 0 0;line-height:1.6;color:#334155}.auth-wrapper{margin:0 auto;width:100%;max-width:520px;display:grid;gap:1rem}.auth-header{text-align:center}.auth-header p,.auth-footer{margin:.35rem 0 0;color:#4b5563;font-size:.92rem}.divider{display:grid;place-items:center;color:#6b7280;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:33%;height:1px;background:var(--line)}.divider:before{left:0}.divider:after{right:0}.label{font-size:.88rem;color:#374151;font-weight:600}.input{width:100%;border-radius:.75rem;border:1px solid #d1d5db;background:#f8fafc;padding:.62rem .75rem;font-size:.92rem;color:#111827;outline:none;transition:border-color .2s ease,background .2s ease}.input:focus{border-color:#374151;background:#fff}textarea.input{resize:vertical}.file-input{padding:.55rem}.file-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid var(--line);background:#fff;border-radius:.7rem;padding:.5rem .65rem;font-size:.84rem;color:#374151}.btn{border:none;border-radius:999px;padding:.52rem .92rem;font-size:.86rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;text-align:center}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:var(--primary);color:#f8fafc}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-outline{background:transparent;border:1px solid #cbd5e1;color:#1f2937}.btn-outline:hover{border-color:#475569;transform:translateY(-1px)}.btn-fit{width:fit-content}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.btn-xs{padding:.28rem .58rem;font-size:.75rem}.text-link{text-decoration:underline;text-underline-offset:2px}.state-message{margin:0;color:#475569}.state-error{margin:0;color:#dc2626}.muted{color:#4b5563}.post-row .post-title-inline{margin:0;font-weight:600}.record-panel{box-shadow:none;background:#f8fafc}@media(max-width:820px){.site-header__inner{flex-direction:column;align-items:flex-start}.site-header__actions{width:100%;flex-wrap:wrap}.site-nav{display:none}}.user-profile-btn{border:none;background:none;cursor:pointer;border-radius:50%;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.user-profile-btn:hover{transform:scale(1.05)}.profile-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--line)}.profile-photo-large{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--line);margin:0 auto}.profile-placeholder{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.theme-toggle{border:none;background:var(--panel);border:1px solid var(--line);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:transform .2s ease,background .2s ease}.theme-toggle:hover{transform:scale(1.05);background:var(--bg-1)}.notification-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.notification-modal{background:var(--panel);border:1px solid var(--line);border-radius:1.2rem;padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 40px #00000026}.notification-modal h3{margin:0 0 .5rem;color:var(--ink-0)}.notification-modal p{margin:0 0 1.5rem;color:var(--ink-1)}.notification-modal-actions{display:flex;gap:.8rem;justify-content:center}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--panel);border:1px solid var(--line);border-radius:1.2rem;padding:0;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 1rem;border-bottom:1px solid var(--line)}.modal-header h3{margin:0;color:var(--ink-0)}.modal-close{border:none;background:none;font-size:1.5rem;cursor:pointer;color:var(--ink-1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.modal-close:hover{background:var(--bg-1)}.account-info{padding:1.5rem 2rem;text-align:center;border-bottom:1px solid var(--line)}.user-email{margin:.5rem 0 0;color:var(--ink-1);font-size:.9rem}.modal-content form{padding:1.5rem 2rem}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}.toggle-btn{position:relative;width:50px;height:26px;background:var(--line);border:none;border-radius:13px;cursor:pointer;transition:background .3s ease}.toggle-btn.active{background:var(--primary)}.toggle-slider{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-btn.active .toggle-slider{transform:translate(24px)}.modal-actions{display:flex;gap:.8rem;margin-top:1.5rem}.btn-danger-outline{border-color:#dc2626;color:#dc2626}.btn-danger-outline:hover{background:#dc2626;color:#fff}@media(max-width:820px){.site-header__inner{flex-direction:row;align-items:center;padding:.8rem 1rem}.site-header__left{flex:1}.site-header__actions{width:auto;flex-wrap:nowrap;gap:.5rem}.site-nav{display:flex;margin-left:1rem}.brand-link{font-size:1rem}.site-nav a{font-size:.85rem}.theme-toggle,.user-profile-btn,.profile-photo{width:36px;height:36px}.profile-placeholder{width:36px;height:36px;font-size:.9rem}.notification-modal,.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.modal-header{padding:1rem 1.5rem .5rem}.modal-content form,.account-info{padding:1rem 1.5rem}.modal-actions{flex-direction:column}}.dark-mode body{background:radial-gradient(circle at 8% -10%,#1e1e3f 0%,transparent 42%),radial-gradient(circle at 90% 0%,#1a202c 0%,transparent 36%),linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 100%)}.dark-mode .post-card{background:#1e1e2efa;border-color:var(--line)}.dark-mode .post-card:hover{background:#1e1e2e;box-shadow:0 12px 24px #0000004d}.dark-mode .media-card,.dark-mode .file-link-card{background:#1e1e2e;border-color:var(--line)}.dark-mode .input{background:#1e1e2e;border-color:var(--line);color:var(--ink-0)}.dark-mode .input:focus{background:#0a0a0f;border-color:var(--primary)}.dark-mode .chip{background:#1e1e2e;border-color:var(--line);color:var(--ink-1)}.dark-mode .file-row{background:#1e1e2e;border-color:var(--line)}.dark-mode .record-panel{background:#1e1e2e}.dark-mode .site-header{background:#0a0a0ff2;border-bottom-color:var(--line)}.dark-mode .theme-toggle{background:var(--panel);border-color:var(--line)}.dark-mode .theme-toggle:hover{background:#1e1e2e}.dark-mode .btn-outline{border-color:var(--line);color:var(--ink-0)}.dark-mode .btn-outline:hover{border-color:var(--primary);background:#6366f11a}.dark-mode .notification-modal,.dark-mode .modal-content{background:#1e1e2efa;border-color:var(--line)}.dark-mode .modal-header,.dark-mode .account-info{border-bottom-color:var(--line)}.dark-mode .eyebrow,.dark-mode .meta-text,.dark-mode .meta-row{color:#94a3b8}.dark-mode .muted{color:#64748b}.dark-mode .state-message{color:#94a3b8}.btn-with-icon{display:flex;align-items:center;gap:.4rem}.notification-icon{display:flex;justify-content:center;margin-bottom:1rem;color:var(--primary)}.modal-title{display:flex;align-items:center;gap:.5rem}.modal-title h3{margin:0}.theme-toggle{display:flex;align-items:center;justify-content:center}.dark-mode .notification-icon{color:var(--primary)}@media(max-width:820px){.btn-with-icon{gap:.3rem}.btn-with-icon svg{flex-shrink:0}.notification-modal{padding:1.5rem}.notification-icon{margin-bottom:.8rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner{display:inline-block}.spinner{border:2px solid var(--line);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-sm .spinner{width:20px;height:20px}.loading-spinner-md .spinner{width:32px;height:32px}.loading-spinner-lg .spinner{width:48px;height:48px}.loading-message{margin:.8rem 0 0;color:var(--ink-1);font-size:.9rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-card,.panel,.btn{will-change:transform}.post-card:hover{transform:translateY(-2px)}.btn:hover{transform:translateY(-1px)}*{backface-visibility:hidden;-webkit-backface-visibility:hidden}html{scroll-behavior:smooth}.post-card,.btn,.theme-toggle,.user-profile-btn{transform:translateZ(0)}.post-card,.btn,.theme-toggle,.user-profile-btn,.modal-overlay,.notification-modal-overlay{transition-property:transform,background-color,border-color,box-shadow;transition-timing-function:ease}@media(max-width:820px){.post-grid,.media-grid{grid-template-columns:1fr}.post-card:hover,.btn:hover{transform:none}}.dark-mode .brand-link{color:var(--ink-0)}.dark-mode .site-nav a{color:#94a3b8}.dark-mode .site-nav a.active{color:var(--ink-0)}.dark-mode .user-chip{background:#1e1e2ecc;border-color:var(--line);color:var(--ink-1)}.dark-mode .profile-photo,.dark-mode .profile-photo-large{border-color:var(--line)}.dark-mode .profile-placeholder{background:var(--primary)}.dark-mode .toggle-btn{background:var(--line)}.dark-mode .toggle-btn.active{background:var(--primary)}.dark-mode .modal-close:hover{background:#6366f11a}.dark-mode .text-link{color:var(--primary)}.dark-mode .text-link:hover{color:var(--primary-hover)}.dark-mode .comment-card{background:#1e1e2ecc;border-color:var(--line)}.dark-mode .post-title-inline{color:var(--ink-0)}.dark-mode .loading-message{color:var(--ink-1)}.dark-mode .spinner{border-color:var(--line);border-top-color:var(--primary)}.dark-mode .btn-primary{background:var(--primary);color:#fff}.dark-mode .btn-primary:hover{background:var(--primary-hover)}.dark-mode .btn-danger{background:#ef4444;color:#fff}.dark-mode .btn-danger:hover{background:#dc2626}.dark-mode .state-error{color:#f87171}.dark-mode .prose-blog p{color:var(--ink-1)}.dark-mode h1,.dark-mode h2,.dark-mode h3{color:var(--ink-0)}.dark-mode .excerpt{color:var(--ink-1)}.dark-mode .label{color:var(--ink-0)}.dark-mode .divider{color:#64748b}.dark-mode .divider:before,.dark-mode .divider:after{background:var(--line)}.dark-mode .auth-header h1{color:var(--ink-0)}.dark-mode .auth-header p,.dark-mode .auth-footer{color:var(--ink-1)}.dark-mode .btn:disabled{opacity:.5;color:var(--ink-1)}.dark-mode .input::placeholder{color:#64748b}.dark-mode .input:disabled{background:#1a1a2a;color:#64748b}.offline-notice{background:#f59e0b1a;border:1px solid #f59e0b;color:#92400e;padding:.75rem;border-radius:.5rem;margin-top:1rem;font-size:.9rem;text-align:center}.dark-mode .offline-notice{background:#f59e0b33;border-color:#f59e0b;color:#fbbf24}.offline-badge{background:#f59e0b;color:#fff;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.state-message{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:2rem;color:var(--ink-1)}.state-message:before{content:"";width:16px;height:16px;border:2px solid var(--line);border-top:2px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.state-error{background:#ef44441a;border:1px solid #ef4444;color:#dc2626;padding:1rem;border-radius:.5rem;text-align:center}.dark-mode .state-error{background:#ef444433;border-color:#ef4444;color:#f87171}