@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,700;1,400&display=swap");:root{--color-bg:#121212;--color-bg-2:#181818;--color-bg-3:#222;--color-surface:#1a1a1a;--color-surface-hover:#1e1e1e;--color-border:hsla(0,0%,100%,.1);--color-border-strong:hsla(0,0%,100%,.2);--color-accent:#fff;--color-accent-glow:hsla(0,0%,100%,.1);--color-accent-2:#eaeaea;--color-accent-3:#ccc;--color-text:#ededed;--color-text-2:#a1a1aa;--color-text-3:#71717a;--color-text-link:#ededed;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--mood-excited:#fcd34d;--mood-focused:#60a5fa;--mood-frustrated:#f87171;--mood-tired:#a78bfa;--mood-lol:#fbbf24;--type-thought:#d4d4d8;--type-update:#9ca3af;--type-milestone:#10b981;--type-media:#a1a1aa;--type-longform:#e4e4e7;--type-dailylog:#71717a;--type-poll:#fcd34d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-serif:"Playfair Display",Georgia,serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:0.95rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.3;--leading-normal:1.6;--leading-loose:1.8;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 4px 6px rgba(0,0,0,.5);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-glow:none;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--container-max:680px;--container-wide:1380px;--nav-h:64px;--glass-bg:var(--color-surface);--glass-border:var(--color-border);--glass-blur:0px}[data-theme=light]{--color-bg:#fcfcfd;--color-bg-2:#f5f5f7;--color-bg-3:#eeeeef;--color-surface:#fff;--color-surface-hover:#fcfcfd;--color-border:rgba(0,0,0,.06);--color-border-strong:rgba(0,0,0,.12);--color-text:#000;--color-text-2:#222225;--color-text-3:#66666a;--color-accent:#000;--color-accent-glow:rgba(0,0,0,.05);--color-accent-2:#1a1a1a;--color-accent-3:#333;--glass-bg:hsla(0,0%,100%,.8);--glass-border:rgba(0,0,0,.05);--shadow-sm:0 2px 8px rgba(0,0,0,.02);--shadow-md:0 10px 30px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.02);--shadow-lg:0 30px 60px rgba(0,0,0,.07),0 10px 20px rgba(0,0,0,.03)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-slow),color var(--transition-slow)}img,video{max-width:100%;height:auto;display:block}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{opacity:.8}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{width:100%;margin:0 auto;padding:0 var(--space-4)}.container,.container--wide{max-width:var(--container-wide)}.page-wrapper{padding-top:var(--nav-h);padding-bottom:80px;min-height:100vh}.layout-app{display:grid;grid-template-columns:1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:flex-start}@media (min-width:768px){.layout-app{grid-template-columns:240px 1fr;gap:0}}@media (min-width:1024px){.layout-app{grid-template-columns:240px 1fr 320px;gap:0}}.layout-left{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + var(--space-6));display:flex;flex-direction:column;gap:var(--space-6);height:max-content;max-height:calc(100vh - var(--nav-h) - var(--space-6));overflow-y:auto;scrollbar-width:none;border-right:1px solid var(--color-border);padding-right:var(--space-6)}.layout-main{padding:0 var(--space-8);min-width:0}.layout-right{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + var(--space-6));display:flex;flex-direction:column;gap:var(--space-6);height:max-content;max-height:calc(100vh - var(--nav-h) - var(--space-6));overflow-y:auto;scrollbar-width:none;border-left:1px solid var(--color-border);padding-left:var(--space-8)}.layout-left::-webkit-scrollbar,.layout-right::-webkit-scrollbar{display:none}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.btn--primary{background:var(--color-text);color:var(--color-bg);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn--primary:hover{background:var(--color-text);opacity:.9;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.btn--ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--ghost:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--sm{padding:var(--space-1) var(--space-3)}.badge,.btn--sm{font-size:var(--text-xs)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--radius-full);font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:var(--color-surface);color:var(--color-text-2);border:1px solid var(--color-border)}.badge--accent{background:var(--color-accent-glow);color:var(--color-accent);border-color:var(--color-accent)}.badge--thought{background:rgba(139,131,255,.1);color:var(--type-thought);border-color:rgba(139,131,255,.2)}.badge--update{background:rgba(84,160,255,.1);color:var(--type-update);border-color:rgba(84,160,255,.2)}.badge--milestone{background:rgba(67,233,123,.1);color:var(--type-milestone);border-color:rgba(67,233,123,.2)}.badge--media{background:rgba(255,101,132,.1);color:var(--type-media);border-color:rgba(255,101,132,.2)}.badge--longform{background:rgba(255,208,96,.1);color:var(--type-longform);border-color:rgba(255,208,96,.2)}.badge--dailylog{background:rgba(162,155,254,.1);color:var(--type-dailylog);border-color:rgba(162,155,254,.2)}.badge--poll{background:rgba(255,159,67,.1);color:var(--type-poll);border-color:rgba(255,159,67,.2)}.badge--mood-excited{background:rgba(255,208,96,.15);color:var(--mood-excited);border-color:rgba(255,208,96,.3)}.badge--mood-focused{background:rgba(84,160,255,.15);color:var(--mood-focused);border-color:rgba(84,160,255,.3)}.badge--mood-frustrated{background:hsla(0,100%,71%,.15);color:var(--mood-frustrated);border-color:hsla(0,100%,71%,.3)}.badge--mood-tired{background:rgba(162,155,254,.15);color:var(--mood-tired);border-color:rgba(162,155,254,.3)}.badge--mood-lol{background:rgba(255,211,42,.15);color:var(--mood-lol);border-color:rgba(255,211,42,.3)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot--green{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.dot--red{background:var(--color-danger)}.dot--grey{background:var(--color-text-3)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-muted{color:var(--color-text-2)}.text-faint{color:var(--color-text-3)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.font-mono{font-family:var(--font-mono)}.font-serif{font-family:var(--font-serif)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}[dir=rtl]{font-family:"Noto Nastaliq Urdu",var(--font-sans)}.prose{color:var(--color-text);line-height:var(--leading-loose)}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--color-text);line-height:var(--leading-tight);margin:var(--space-6) 0 var(--space-3);font-family:var(--font-serif)}.prose h1{font-size:var(--text-3xl)}.prose h2{font-size:var(--text-2xl)}.prose h3{font-size:var(--text-xl)}.prose p{margin-bottom:var(--space-4)}.prose a{color:var(--color-text-link);text-decoration:underline;text-underline-offset:3px}.prose ol,.prose ul{padding-left:var(--space-6);margin-bottom:var(--space-4)}.prose li{margin-bottom:var(--space-2)}.prose blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-2);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.875em;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px 6px;color:var(--color-accent)}.prose code,.prose pre{background:var(--color-bg-3)}.prose pre{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin:var(--space-6) 0}.prose pre code{background:none;border:none;padding:0;color:var(--color-text)}.prose img{border-radius:var(--radius-md);margin:var(--space-6) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar{width:100%;height:6px;background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-3));transition:width var(--transition-slow)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.input::placeholder{color:var(--color-text-3)}textarea.input{resize:vertical;min-height:100px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-bg-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px var(--color-accent-glow)}50%{box-shadow:0 0 24px var(--color-accent-glow)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton{position:relative;overflow:hidden;background-color:var(--color-surface-2,hsla(0,0%,100%,.05));border-radius:var(--radius-md)}[data-theme=light] .skeleton{background-color:rgba(0,0,0,.05)}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.05) 20%,hsla(0,0%,100%,.1) 60%,hsla(0,0%,100%,0));animation:shimmer 1.5s infinite}[data-theme=light] .skeleton:after{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 20%,hsla(0,0%,100%,.8) 60%,hsla(0,0%,100%,0))}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.text-center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.container{padding:0}.page-wrapper{padding-top:80px;padding-bottom:90px}.layout-main{padding:0 var(--space-4)}.hide-mobile{display:none!important}}@media (min-width:768px){.hide-desktop{display:none!important}}