:root{--bg: #fdfcfb;--paper: #f9f6f2;--ink: #3d2b1f;--sepia: #a3734f;--accent: #c8970a;--border: rgba(163, 115, 79, .15);--shadow: 0 12px 40px rgba(163, 115, 79, .1)}.dark-mode{--bg: #2c2420;--paper: #3d322d;--ink: #e6d5c7;--border: rgba(230, 213, 199, .1)}.serif-font{font-family:"Source Han Serif SC","Noto Serif SC",serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);overflow-x:hidden;transition:background .5s}.app-container{display:flex;min-height:100vh;max-width:1000px;margin:0 auto;position:relative}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/p6.png);opacity:.3;pointer-events:none;z-index:100}.sepia{filter:sepia(.4) contrast(1.1)}.vibe-sidebar{width:60px;padding:100px 10px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--border)}.sidebar-label{writing-mode:vertical-rl;font-size:12px;color:var(--sepia);opacity:.5;margin-bottom:10px;letter-spacing:4px}.vibe-sidebar button{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--paper);color:var(--sepia);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.vibe-sidebar button:hover{transform:scale(1.1);background:var(--sepia);color:#fff}.main-content{flex:1;padding:40px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.brand{display:flex;align-items:center;gap:15px;cursor:pointer}.logo-svg{color:var(--sepia)}.brand h1{font-size:24px;font-family:"Source Han Serif SC",serif}.sync-tag{font-size:11px;color:var(--sepia);opacity:.6}.nav-toggle{background:var(--paper);border:1px solid var(--border);padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;color:var(--sepia);cursor:pointer}.editor-paper{background:var(--paper);padding:40px;border-radius:32px;box-shadow:var(--shadow);min-height:600px;display:flex;flex-direction:column;position:relative}.editor-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.date-input{background:transparent;border:none;font-size:18px;color:var(--sepia);font-family:inherit}.emoji-bar{display:flex;gap:10px}.emoji-bar span{cursor:pointer;font-size:20px;padding:5px;border-radius:8px;transition:.2s}.emoji-bar span.active{background:#a3734f1a;transform:scale(1.2)}.title-input{width:100%;border:none;background:transparent;font-size:32px;font-weight:700;margin-bottom:20px;outline:none;color:var(--ink)}.textarea-wrapper{position:relative;flex:1;display:flex}.ruler-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border) 1px,transparent 1px);background-size:100% 2.5rem;pointer-events:none}.content-input{width:100%;border:none;background:transparent;font-size:18px;line-height:2.5rem;resize:none;outline:none;color:var(--ink);z-index:1}.actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.ai-btn{background:transparent;border:1px solid var(--sepia);color:var(--sepia);padding:10px 20px;border-radius:25px;cursor:pointer;display:flex;align-items:center;gap:8px}.save-btn{background:var(--sepia);color:#fff;border:none;padding:10px 25px;border-radius:25px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:700}.history-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.history-card{background:var(--paper);padding:20px;border-radius:20px;border:1px solid var(--border);cursor:pointer;transition:.3s;position:relative}.history-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-date{font-size:12px;color:var(--sepia);margin-bottom:8px}.card-title{font-weight:700;margin-bottom:8px}.card-excerpt{font-size:14px;opacity:.7;line-height:1.5}.loading{height:100vh;display:flex;align-items:center;justify-content:center;color:var(--sepia);font-family:serif}@media (max-width: 768px){.vibe-sidebar{display:none}.history-list{grid-template-columns:1fr}}