:root{color-scheme:light dark;--bg: #f8f5ef;--fg: #1a1612;--muted: #6f655a;--border: #e5dfd3;--accent: #c2410c;--accent-soft: #fef3e8;--accent-fg: #ffffff;--danger: #b3261e;--card: #ffffff;--sun-wash: radial-gradient(ellipse 70% 50% at 90% -10%, rgba(255, 196, 120, .35), transparent 60%), radial-gradient(ellipse 60% 40% at 10% 110%, rgba(255, 230, 180, .2), transparent 70%);--sun-glow: 255, 196, 120;--vis-private: #1f6feb;--vis-semi: #6f655a;--vis-public: #2ea043;--vis-friends: #b67100;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(120, 70, 20, .08);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #14110d;--fg: #f0ede5;--muted: #a09587;--border: #2d2820;--accent: #fb923c;--accent-soft: #2a1a0e;--accent-fg: #1a1612;--card: #1d1813;--danger: #f28b82;--vis-private: #4a8cff;--vis-friends: #f1a528;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--sun-wash: radial-gradient(ellipse 70% 50% at 90% -10%, rgba(251, 146, 60, .18), transparent 60%), radial-gradient(ellipse 60% 40% at 10% 110%, rgba(220, 100, 30, .1), transparent 70%);--sun-glow: 251, 146, 60}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);min-height:100vh;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;inset:0;background:var(--sun-wash);pointer-events:none;z-index:0}main{position:relative;z-index:1}main{max-width:720px;margin:0 auto;padding:1.5rem max(1rem,env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}h1,h2,h3,h4{line-height:1.2;margin-top:0}h1{font-size:1.85rem;letter-spacing:-.01em}h2{font-size:1.3rem}h3{font-size:1.05rem}p{line-height:1.55}a{color:var(--accent)}a:hover{text-decoration:underline}input,button,select,textarea{font:inherit;color:inherit}input[type=text],input[type=email],input[type=password],input[type=datetime-local],input[type=search],textarea,select{width:100%;padding:.55rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--fg);transition:border-color .12s ease}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;text-decoration:underline}button{cursor:pointer;min-height:44px;padding:.5rem .95rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--fg);font-weight:500;transition:background .12s ease,border-color .12s ease,transform .12s ease}button:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}button.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent;font-weight:600}button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 0 4px rgba(var(--sun-glow),.18),var(--shadow-md);background:var(--accent);border-color:transparent}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:#b3261e14}button:disabled{opacity:.5;cursor:progress}label{display:block;margin:.75rem 0 .25rem;font-weight:500}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.muted{color:var(--muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.15rem;margin-bottom:.85rem;box-shadow:var(--shadow-sm);transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}article.card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.banner{background:var(--accent-soft);border:1px solid var(--border);border-left:4px solid var(--accent);padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.banner.danger{background:#b3261e0f;border-left-color:var(--danger)}.tag{display:inline-flex;align-items:center;background:#7f7f7f26;border-radius:999px;padding:.15rem .65rem;font-size:.85rem;margin:.15rem .2rem .15rem 0;transition:background .12s ease}a.tag:hover{background:var(--accent-soft);text-decoration:none!important}.tag.private{background:color-mix(in srgb,var(--vis-private) 18%,transparent)}.tag button{min-height:24px;min-width:24px;line-height:1}.recovery-code{display:block;font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--accent-soft);border:1px dashed var(--accent);padding:.85rem 1rem;border-radius:var(--radius);font-size:1.1rem;letter-spacing:.05em;text-align:center;margin:.5rem 0 1rem;user-select:all}nav.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:.5rem;flex-wrap:wrap}nav.top>.row{flex-wrap:wrap;justify-content:flex-end}nav.top h1{position:relative}nav.top h1 a{letter-spacing:-.015em}nav.top h1:before{content:"☀";margin-right:.35rem;color:var(--accent);font-size:.9em;vertical-align:.02em;text-shadow:0 0 12px rgba(var(--sun-glow),.55)}nav.top h1:after{content:"❄";margin-left:.4rem;color:var(--vis-private);font-size:.8em;vertical-align:.05em;opacity:.75}.landing-hero{margin-bottom:1.5rem}.landing-hero p{font-size:1.05rem;color:var(--fg)}.landing-hero p.muted-secondary{font-size:.95rem;color:var(--muted)}@media(max-width:480px){main{padding-top:1rem}h1{font-size:1.5rem}nav.top h1{flex:1 1 100%}input[type=text],input[type=email],input[type=password],input[type=datetime-local],input[type=search],textarea,select{font-size:16px}.landing-hero p{font-size:1rem}}.vis-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;padding:.18rem .55rem;border-radius:999px;margin-left:.5rem;font-weight:600;display:inline-flex;align-items:center;gap:.3em}.vis-badge.private:before{content:"🔒";font-size:.95em}.vis-badge.friends:before{content:"👥";font-size:.95em}.vis-badge.semi:before{content:"🎭";font-size:.95em}.vis-badge.public:before{content:"🌍";font-size:.95em}.vis-badge.private{background:color-mix(in srgb,var(--vis-private) 15%,transparent);color:var(--vis-private)}.vis-badge.semi{background:color-mix(in srgb,var(--vis-semi) 18%,transparent);color:var(--vis-semi)}.vis-badge.public{background:color-mix(in srgb,var(--vis-public) 18%,transparent);color:var(--vis-public)}.vis-badge.friends{background:color-mix(in srgb,var(--vis-friends) 20%,transparent);color:var(--vis-friends)}.vis-badge.bookmarked{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.vis-badge.bookmarked:before{content:none}[role=listitem] article.card{cursor:grab}[role=listitem] article.card:active{cursor:grabbing}[role=listitem] article.card button,[role=listitem] article.card a{cursor:pointer}.md p{margin:.25rem 0}.md p:first-child{margin-top:0}.md p:last-child{margin-bottom:0}.md ul,.md ol{margin:.25rem 0 .25rem 1.25rem;padding:0}.md li{margin:.1rem 0}.md h3,.md h4,.md h5,.md h6{margin:.5rem 0 .25rem;font-size:1rem}.md a{color:var(--accent)}.md code{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#7f7f7f1f;padding:.05rem .3rem;border-radius:4px;font-size:.9em}.md pre{font-family:ui-monospace,SF Mono,Menlo,monospace;background:#7f7f7f1a;padding:.5rem .7rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.9em;margin:.4rem 0}.md pre code{background:transparent;padding:0}.md blockquote{margin:.4rem 0;padding-left:.7rem;border-left:3px solid var(--border);color:var(--muted)}.md hr{border:0;border-top:1px solid var(--border);margin:.6rem 0}.error{color:var(--danger);margin-top:.5rem}footer{padding-top:1.25rem!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}button.primary:hover{transform:none!important}}