:root{--bg: #fdf8ee;--card: rgba(255, 255, 255, .85);--elevated: #f0f1f4;--border: #e0e3e8;--border-hover: #c5cad3;--accent: #f38020;--accent-hover: #e5730d;--accent-glow: rgba(243, 128, 32, .1);--text-primary: #1a1e2c;--text-secondary: #5a6377;--text-muted: #929bb0;--danger: #e55353;--radius: 8px;--radius-lg: 12px;--font-display: "Bricolage Grotesque", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-display);background:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}::selection{background:#f3802033;color:var(--text-primary)}.accent-bar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent);z-index:9999}#ink-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#mouse-glow{position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(243,128,32,.06) 0%,rgba(243,128,32,.02) 35%,transparent 70%);transform:translate(-50%,-50%);transition:left .4s cubic-bezier(.23,1,.32,1),top .4s cubic-bezier(.23,1,.32,1),opacity .5s ease;opacity:0;will-change:left,top}#mouse-glow.active{opacity:1}body>*:not(#ink-canvas):not(#mouse-glow):not(.accent-bar){position:relative;z-index:1}.app{max-width:640px;margin:0 auto;padding:32px 20px 0;flex:1;width:100%}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0 32px}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.nav-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pulse 3s ease-in-out infinite}.nav-title{font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:20px}.nav-link{font-size:.78rem;font-weight:500;color:var(--text-muted);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;transition:color .15s}.nav-link:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius);font-size:.8rem;font-weight:600;font-family:var(--font-display);cursor:pointer;transition:all .15s ease;border:1px solid var(--border);background:var(--card);color:var(--text-secondary);text-decoration:none}.btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #f3802040}.btn-accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-accent:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--elevated);border-color:transparent}.user-badge{font-size:.78rem;color:var(--text-secondary);font-family:var(--font-mono);margin-right:4px}.capture-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:32px;box-shadow:0 1px 3px #0000000a;transition:border-color .2s}.capture-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.capture-textarea{width:100%;border:none;outline:none;font-family:var(--font-display);font-size:.95rem;line-height:1.6;color:var(--text-primary);background:transparent;resize:none;min-height:72px}.capture-textarea::placeholder{color:var(--text-muted)}.capture-bottom{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.capture-ref{flex:1;border:none;outline:none;font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);background:transparent;padding:4px 0}.capture-ref::placeholder{color:var(--text-muted)}.capture-shortcut{font-size:.65rem;opacity:.6;margin-left:2px;font-family:var(--font-mono)}.notes-feed{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:48px}.note-item{background:var(--card);padding:18px 20px;transition:background .15s}.note-item:hover{background:#fafbfc}.note-content{font-size:.92rem;line-height:1.7;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.note-ref{margin-top:8px}.note-ref-link{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--accent);text-decoration:none;padding:2px 8px;background:var(--accent-glow);border-radius:4px;transition:background .15s}.note-ref-link:hover{background:#f380202e}.note-ref-text{font-size:.8rem;color:var(--text-muted);font-style:italic}.note-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.note-time{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.note-delete{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s;opacity:0}.note-item:hover .note-delete{opacity:1}.note-delete:hover{color:var(--danger);background:#e5535314}.like-section{display:flex;align-items:center;gap:6px}.like-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:3px 8px;border-radius:20px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);transition:all .15s}.like-btn:hover:not(:disabled){color:#e25555;background:#e2555514}.like-btn.liked{color:#e25555}.like-btn:disabled{cursor:default;opacity:.6}.like-count{font-weight:600}.like-pop{animation:likePop .3s ease}@keyframes likePop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.like-avatars{display:flex;align-items:center}.like-avatar{width:20px;height:20px;border-radius:50%;border:2px solid var(--card);margin-left:-4px;transition:transform .15s}.like-avatar:first-child{margin-left:0}.like-avatar:hover{transform:scale(1.2);z-index:1}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:.88rem;background:var(--card);border-radius:var(--radius-lg)}.site-footer{border-top:1px solid var(--border);background:#fffc;margin-top:48px}.footer-inner{max-width:1400px;margin:0 auto;padding:36px 32px 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:28px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px}.footer-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.footer-brand-name{font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.footer-brand-desc{font-size:.8rem;color:var(--text-muted);line-height:1.5}.footer-heading{font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.footer-links{display:flex;flex-direction:column;gap:7px}.footer-link{font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--accent)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--border)}.footer-copy{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.footer-social{color:var(--text-muted);transition:color .15s}.footer-social:hover{color:var(--accent)}@keyframes pulse{0%,to{box-shadow:0 0 8px #f3802026}50%{box-shadow:0 0 16px #f3802059}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{opacity:0;animation:fadeUp .5s ease forwards}.anim-stagger-1{animation-delay:.05s}.anim-stagger-2{animation-delay:.12s}@media(max-width:640px){.app{padding:20px 14px 0}.nav-links{display:none}.capture-bottom{flex-direction:column;align-items:stretch}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-inner{padding:28px 16px 20px}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}