.landing{min-height:100vh;display:flex;flex-direction:column;max-width:800px;margin:0 auto}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.landing-logo{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.landing-auth-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--text-primary);color:#fff;text-decoration:none;font-size:.875rem;border:1px solid var(--text-primary);transition:all .15s ease}.landing-auth-btn:hover{background:#fff;color:var(--text-primary)}.landing-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) 0}.landing-content{text-align:center}.landing-title{font-size:2.5rem;font-weight:600;letter-spacing:-.03em;margin-bottom:var(--spacing-md);line-height:1.2}.landing-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:500px;margin:0 auto var(--spacing-xl);line-height:1.6}.landing-screenshot{margin:var(--spacing-xl) 0;border:1px solid var(--border-color);background:#fff;padding:var(--spacing-sm)}.landing-screenshot img{width:100%;height:auto;display:block}.landing-features{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.landing-feature{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.feature-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--activity-2);color:#fff;font-size:.75rem;font-weight:600}.landing-waitlist{background:#fff;border:1px solid var(--border-color);padding:var(--spacing-xl);max-width:400px;margin:0 auto}.landing-waitlist h2{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-xs)}.landing-waitlist>p{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.waitlist-form{display:flex;gap:var(--spacing-sm)}.waitlist-form input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);font-size:.875rem;font-family:inherit}.waitlist-form input:focus{outline:none;border-color:var(--text-primary)}.waitlist-form button{padding:var(--spacing-sm) var(--spacing-md);background:var(--text-primary);color:#fff;border:1px solid var(--text-primary);font-size:.875rem;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s ease}.waitlist-form button:hover:not(:disabled){background:#fff;color:var(--text-primary)}.waitlist-form button:disabled{opacity:.6;cursor:not-allowed}.waitlist-success{padding:var(--spacing-md);background:#ecfdf5;border:1px solid var(--accent-success);color:#065f46;font-size:.875rem}.waitlist-error{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--accent-danger)}.landing-footer{padding:var(--spacing-lg) 0;text-align:center}.landing-footer p{font-size:.875rem;color:var(--text-muted)}@media(max-width:600px){.landing-title{font-size:1.75rem}.landing-subtitle{font-size:1rem}.landing-features{flex-direction:column;align-items:center}.waitlist-form{flex-direction:column}}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.auth-container{width:100%;max-width:360px;text-align:center}.auth-logo{display:inline-block;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);text-decoration:none;margin-bottom:var(--spacing-xl)}.auth-container h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--spacing-xs)}.auth-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg)}.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fff;border:1px solid var(--border-color);font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.auth-google-btn:hover{background:var(--bg-secondary)}.auth-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{padding:0 var(--spacing-md);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.auth-form{text-align:left}.auth-field{margin-bottom:var(--spacing-md)}.auth-field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-xs)}.auth-field input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);font-size:.875rem;font-family:inherit}.auth-field input:focus{outline:none;border-color:var(--text-primary)}.auth-error{padding:var(--spacing-sm) var(--spacing-md);background:#fef2f2;border:1px solid var(--accent-danger);color:#991b1b;font-size:.875rem;margin-bottom:var(--spacing-md)}.auth-submit{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--text-primary);color:#fff;border:1px solid var(--text-primary);font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.auth-submit:hover:not(:disabled){background:#fff;color:var(--text-primary)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:var(--spacing-lg);font-size:.875rem;color:var(--text-secondary)}.auth-switch a{color:var(--text-primary);text-decoration:underline}.auth-confirmation{background:#fff;border:1px solid var(--border-color);padding:var(--spacing-xl)}.auth-confirmation h1{font-size:1.25rem;margin-bottom:var(--spacing-md)}.auth-confirmation p{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.auth-link{font-size:.875rem;color:var(--text-primary)}.left-sidebar{background-color:var(--bg-primary);border-right:var(--border-medium) solid #000000;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:hidden;height:calc(100vh - 64px)}.sidebar-scrollable{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-section{display:flex;flex-direction:column;align-items:center}.sidebar-logo{width:100%;max-width:110px;height:auto;display:block;margin:0 auto}.color-picker{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:center}.color-circle{width:24px;height:24px;border-radius:50%;border:1px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.color-circle:hover{transform:scale(1.1)}.color-circle.active{border-color:#000}.color-circle.color-white{background-color:#fff;border-color:var(--border-color)}.color-circle.color-white.active{border-color:#000}.color-circle.color-pink{background-color:#ffe4e8}.color-circle.color-blue{background-color:#e4f0ff}.color-circle.color-green{background-color:#e4ffe8}.color-circle.color-yellow{background-color:#fff9e4}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:10px 36px 10px 40px;border:var(--border-medium) solid #000000;border-radius:var(--radius-md);font-size:14px;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary)}.search-input:focus{outline:none}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:8px;background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:0;transition:color .15s,background-color .15s}.search-clear:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.section-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.tags-empty{font-size:14px;color:var(--text-muted)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-button{display:inline-flex;align-items:center;gap:2px;padding:6px 12px;background-color:var(--tag-bg);color:var(--text-primary);border:var(--border-medium) solid transparent;border-radius:0;font-size:13px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .15s}.tag-button:hover{border-color:var(--text-primary)}.tag-button.selected{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.tag-hash{opacity:.6}.tag-check{margin-left:4px}.clear-tags-btn{display:block;margin-top:var(--spacing-md);padding:0;background:none;border:none;font-size:13px;font-family:var(--font-family);color:var(--text-muted);cursor:pointer;text-decoration:underline;transition:color .15s}.clear-tags-btn:hover{color:var(--text-primary)}.reminders-section{padding-top:0}.reminders-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:200px;overflow-y:auto}.reminder-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-family);transition:background-color .15s}.reminder-item:hover{background-color:var(--bg-secondary)}.reminder-clock-icon{flex-shrink:0;color:#3b82f6;margin-top:2px}.reminder-title{font-size:13px;color:var(--text-primary);line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reminder-time{flex-shrink:0;font-size:11px;font-weight:600;color:#3b82f6;background-color:#3b82f61a;padding:2px 6px;border-radius:var(--radius-sm);margin-top:1px}.pinned-section{padding-top:0}.pinned-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:200px;overflow-y:auto}.pinned-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-family:var(--font-family);transition:background-color .15s}.pinned-item:hover{background-color:var(--bg-secondary)}.pin-icon{flex-shrink:0;color:var(--accent-danger);margin-top:2px}.pinned-title{font-size:13px;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-footer{flex-shrink:0;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.sign-out-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:10px var(--spacing-md);background:none;border:1px solid var(--border-color);font-size:14px;font-family:var(--font-family);color:var(--text-secondary);cursor:pointer;transition:all .15s}.sign-out-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-primary)}.sign-out-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}@media(max-width:900px){.left-sidebar{height:auto;border-right:none;border-bottom:var(--border-medium) solid #000000}.profile-section{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.profile-avatar{margin-bottom:0;width:48px;height:48px}.avatar-placeholder svg{width:20px;height:20px}.profile-name{margin-bottom:0}.profile-bio,.sidebar-footer{display:none}}.compose-box{background-color:var(--bg-primary);border:1px solid #000000;border-radius:var(--radius-lg);display:flex;flex-direction:column;margin-bottom:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.compose-box:focus-within{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.compose-main{padding:var(--spacing-md);padding-bottom:0}.compose-input{width:100%;min-height:180px;padding:0;border:none;font-size:16px;font-family:var(--font-family);background-color:transparent;color:var(--text-primary);resize:none;line-height:1.5}.compose-input:focus{outline:none}.compose-input::placeholder{color:var(--text-muted);font-size:16px}.attachments-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.attachment-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-md);font-size:13px}.attachment-item.has-preview{padding:0;background:none}.image-preview{position:relative;border-radius:var(--radius-md);overflow:hidden}.image-preview img{display:block;max-width:200px;max-height:150px;object-fit:cover;border-radius:var(--radius-md)}.preview-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border:none;background-color:#0009;color:#fff;border-radius:0;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.preview-remove:hover{background-color:#000c}.attachment-icon{font-size:14px}.attachment-name{color:var(--text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.attachment-remove:hover{color:var(--accent-danger)}.compose-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-top:1px solid #000000;background-color:#faf9f7}.compose-actions{display:flex;gap:var(--spacing-sm)}.format-btn{width:32px;height:32px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:16px;font-weight:700;font-family:var(--font-family)}.format-btn:hover{background-color:var(--bg-secondary)}.format-btn svg{width:18px;height:18px}.compose-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.cancel-btn{padding:var(--spacing-sm) var(--spacing-md);background:none;color:var(--text-muted);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;font-family:var(--font-family)}.cancel-btn:hover{color:var(--text-primary)}.post-btn{width:36px;height:36px;padding:0;background-color:transparent;color:#000;border:1px solid #000000;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,transform .1s ease}.post-btn:hover:not(:disabled){background-color:#000;color:#fff}.post-btn:hover:not(:disabled) svg{stroke:#fff}.post-btn:active:not(:disabled){transform:scale(.95)}.post-btn:disabled{opacity:.3;cursor:not-allowed}.post-btn svg{width:18px;height:18px}.post-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tags-section{padding-top:var(--spacing-sm)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.compose-tag{display:inline-flex;align-items:center;gap:2px;padding:3px 8px;border-radius:0;font-size:11px;font-weight:500}.compose-tag.tag-blue{background-color:var(--tag-blue);color:#1a1a2e}.compose-tag.tag-periwinkle{background-color:var(--tag-periwinkle);color:#1a1a2e}.compose-tag.tag-lavender{background-color:var(--tag-lavender);color:#1a1a2e}.compose-tag.tag-pink{background-color:var(--tag-pink);color:#1a1a2e}.compose-tag.tag-rose{background-color:var(--tag-rose);color:#1a1a2e}.compose-tag.tag-peach{background-color:var(--tag-peach);color:#1a1a2e}.compose-tag.tag-yellow{background-color:var(--tag-yellow);color:#1a1a2e}.compose-tag.tag-mint{background-color:var(--tag-mint);color:#1a1a2e}.compose-tag.tag-coral{background-color:var(--tag-coral);color:#1a1a2e}.compose-tag.tag-sky{background-color:var(--tag-sky);color:#1a1a2e}.compose-tag.tag-lilac{background-color:var(--tag-lilac);color:#1a1a2e}.compose-tag.tag-lime{background-color:var(--tag-lime);color:#1a1a2e}.compose-tag .tag-hash{opacity:.6}.compose-tag .tag-remove{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:14px;line-height:1;padding:0 0 0 4px;margin-left:2px}.compose-tag .tag-remove:hover{opacity:1}.tag-input{border:none;background:none;font-size:12px;font-family:var(--font-family);color:var(--text-primary);outline:none;min-width:80px;padding:4px 0}.tag-input::placeholder{color:var(--text-muted)}.format-btn.active{background-color:var(--bg-secondary);color:var(--text-primary)}.format-btn.pin-active{background-color:#ef44441a;color:var(--accent-danger)}.format-btn.clock-active{background-color:#3b82f61a;color:#3b82f6}.time-picker-wrapper{position:relative}.time-picker-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--bg-primary);border:1px solid #000000;border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 4px 12px #00000026;z-index:10}.time-picker-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 8px;font-size:14px;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary)}.time-picker-input:focus{outline:none;border-color:#000}.time-picker-clear{background:none;border:none;font-size:12px;font-family:var(--font-family);color:var(--text-muted);cursor:pointer;padding:4px 8px;white-space:nowrap}.time-picker-clear:hover{color:var(--accent-danger)}.calendar{background-color:var(--bg-primary);padding:var(--spacing-lg);overflow-y:auto;height:calc(100vh - 64px);border-right:var(--border-medium) solid #000000;position:relative}.calendar-compose{position:sticky;top:0;z-index:10;background-color:var(--bg-primary);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-md);isolation:isolate}.calendar-compose:before{content:"";position:absolute;top:-100px;left:-24px;right:-24px;height:100px;background-color:var(--bg-primary)}.calendar-header{margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm)}.year-title{font-size:18px;font-weight:600;color:var(--text-primary)}.months-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.month-section{padding-bottom:var(--spacing-lg)}.month-header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-sm)}.month-name{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.month-year{font-size:16px;font-weight:600;color:var(--text-muted)}.calendar-grid{width:100%}.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--spacing-xs);border-bottom:1px solid #000000;padding-bottom:var(--spacing-xs);margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.weekday-row span{font-size:13px;font-weight:600;color:var(--text-secondary);text-align:center;padding:var(--spacing-xs) 0}.week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;border-bottom:1px solid rgba(0,0,0,.06);padding:2px 0}.week-row:last-child{border-bottom:none}.day-cell{aspect-ratio:1;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;color:var(--text-primary);position:relative}.day-cell[data-activity="1"],.day-cell[data-activity="2"],.day-cell[data-activity="3"],.day-cell[data-activity="4"]{background-color:var(--tag-sky)}.day-cell.selected,.day-cell.selected[data-activity="1"],.day-cell.selected[data-activity="2"],.day-cell.selected[data-activity="3"],.day-cell.selected[data-activity="4"]{background-color:var(--highlight-color);color:var(--text-primary)}.day-cell.today{font-weight:700;background-color:var(--today-color)}.day-cell.today.selected,.day-cell.today.selected[data-activity="1"],.day-cell.today.selected[data-activity="2"],.day-cell.today.selected[data-activity="3"],.day-cell.today.selected[data-activity="4"]{background-color:var(--today-color)}.day-cell.empty{cursor:default;background:transparent!important}.day-cell.drag-over{background-color:var(--highlight-color)!important;transform:scale(1.1);transition:transform .1s,background-color .1s}.day-cell.empty.drag-over{background:transparent!important;transform:none}@media(max-width:900px){.calendar{height:auto;border-right:none;border-bottom:var(--border-medium) solid #000000}.month-name{font-size:22px}.day-cell{font-size:12px}}.post{padding:var(--spacing-md) 0;background-color:var(--bg-primary);cursor:grab;position:relative}.post:before{content:"";position:absolute;top:0;left:calc(-1 * var(--spacing-lg));right:calc(-1 * var(--spacing-lg));height:1px;background-color:var(--border-color)}.post:active{cursor:grabbing}.post.dragging{opacity:1;cursor:grabbing;background-color:var(--bg-primary);box-shadow:0 8px 24px #00000026,0 2px 8px #0000001a;border-radius:var(--radius-md);border:1px solid var(--border-color);transform:scale(1.02);z-index:100;padding:var(--spacing-md)}.post-content{margin-bottom:var(--spacing-sm)}.post-text{font-size:15px;line-height:1.5;color:var(--text-primary);word-wrap:break-word}.post-text.markdown p{margin:0 0 .5em}.post-text.markdown p:last-child{margin-bottom:0}.post-text.markdown strong{font-weight:600}.post-text.markdown em{font-style:italic}.post-text.markdown a{color:var(--activity-4);text-decoration:none}.post-text.markdown a:hover{text-decoration:underline}.post-text.markdown code{background-color:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px}.post-text.markdown pre{background-color:var(--bg-secondary);padding:var(--spacing-sm);border-radius:var(--radius-sm);overflow-x:auto;margin:.5em 0}.post-text.markdown pre code{background:none;padding:0}.post-text.markdown ul,.post-text.markdown ol{margin:.5em 0;padding-left:1.5em}.post-text.markdown li{margin:.25em 0}.post-text .todo-list{margin-top:8px}.post-text .todo-item{display:flex;align-items:flex-start;gap:10px;padding:6px 0;cursor:pointer}.post-text .todo-circle{flex-shrink:0;width:20px;height:20px;border:1px solid var(--text-secondary);border-radius:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s}.post-text .todo-circle.checked{background-color:var(--accent-success);border-color:var(--accent-success);color:#fff}.post-text .todo-text{flex:1;font-size:15px;line-height:1.5;color:var(--text-primary);transition:color .15s}.post-text .todo-text.crossed{text-decoration:line-through;color:var(--text-muted)}.post-text.markdown blockquote{border-left:2px solid var(--border-color);margin:.5em 0;padding-left:var(--spacing-md);color:var(--text-secondary)}.post-text.markdown h1,.post-text.markdown h2,.post-text.markdown h3,.post-text.markdown h4{margin:.5em 0 .25em;font-weight:600}.post-text.markdown h1{font-size:1.25em}.post-text.markdown h2{font-size:1.15em}.post-text.markdown h3{font-size:1.1em}.post-text.markdown h4{font-size:1em}.post-text.markdown hr{border:none;border-top:1px solid var(--border-color);margin:1em 0}.post-links{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.post-links+.post-text{margin-top:var(--spacing-md)}.link-preview{display:flex;flex-direction:column;border:var(--border-medium) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .15s}.link-preview:hover{border-color:var(--text-primary)}.link-preview.simple{flex-direction:row;align-items:center;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.link-preview.loading{padding:var(--spacing-sm) var(--spacing-md)}.link-icon{font-size:16px}.link-preview-image{width:100%;max-height:200px;overflow:hidden;background-color:var(--bg-secondary)}.link-preview-image img{width:100%;height:100%;object-fit:cover}.link-preview-content{padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:4px}.link-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-description{font-size:13px;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-domain{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.link-logo{width:14px;height:14px;border-radius:0}.link-url{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-images{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.post-image{border-radius:var(--radius-md);overflow:hidden}.post-image img{display:block;max-width:100%;max-height:300px;object-fit:cover;border-radius:var(--radius-md)}.post-files{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.post-file{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-secondary);font-size:13px;transition:background-color .15s}.post-file:hover{background-color:var(--border-color)}.file-icon{font-size:14px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.post-tag{display:inline-flex;align-items:center;gap:1px;padding:3px 8px;background-color:var(--tag-bg);color:var(--text-primary);border-radius:0;font-size:11px;font-weight:500}.post-tag .tag-hash{opacity:.6}.post-tag.tag-blue{background-color:var(--tag-blue);color:#1a1a2e}.post-tag.tag-periwinkle{background-color:var(--tag-periwinkle);color:#1a1a2e}.post-tag.tag-lavender{background-color:var(--tag-lavender);color:#1a1a2e}.post-tag.tag-pink{background-color:var(--tag-pink);color:#1a1a2e}.post-tag.tag-rose{background-color:var(--tag-rose);color:#1a1a2e}.post-tag.tag-peach{background-color:var(--tag-peach);color:#1a1a2e}.post-tag.tag-yellow{background-color:var(--tag-yellow);color:#1a1a2e}.post-tag.tag-mint{background-color:var(--tag-mint);color:#1a1a2e}.post-tag.tag-coral{background-color:var(--tag-coral);color:#1a1a2e}.post-tag.tag-sky{background-color:var(--tag-sky);color:#1a1a2e}.post-tag.tag-lilac{background-color:var(--tag-lilac);color:#1a1a2e}.post-tag.tag-lime{background-color:var(--tag-lime);color:#1a1a2e}.post-footer{display:flex;justify-content:space-between;align-items:center}.post-date-time{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.pin-indicator{color:var(--accent-danger)}.clock-indicator{display:inline-flex;align-items:center;gap:3px;color:#3b82f6;font-size:12px;font-weight:500}.post-actions{display:flex;gap:var(--spacing-xs)}.edit-btn,.delete-btn{background:none;border:none;font-size:13px;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:var(--font-family)}.edit-btn:hover{color:var(--text-primary)}.delete-btn:hover{color:var(--accent-danger)}.post.editing{padding:0;border:none;background:transparent;overflow:visible}.post.editing:before{display:none}.post.editing .compose-box{margin-bottom:0;margin-top:var(--spacing-sm)}.post-content{cursor:pointer}.expand-btn{background:none;border:none;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs) 0;margin-top:var(--spacing-sm);font-family:var(--font-family);transition:color .15s}.expand-btn:hover{color:var(--text-primary)}.right-sidebar{background-color:var(--bg-primary);display:flex;flex-direction:column;height:calc(100vh - 64px);overflow-y:auto;padding:0 var(--spacing-lg)}.day-section{border-bottom:1px solid #000000;margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.date-header{padding:var(--spacing-lg) 0 var(--spacing-md) 0;border-bottom:none;margin:0;display:flex;justify-content:space-between;align-items:baseline}.date-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.date-month{font-size:14px;font-weight:600;color:var(--text-muted)}.day-content{padding:0;padding-bottom:var(--spacing-lg)}.month-header{display:flex;justify-content:space-between;align-items:baseline;padding:var(--spacing-md) 0;border-bottom:1px solid #000000;position:sticky;top:0;background-color:#f7f6f3;z-index:10;margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);box-shadow:0 -4px 12px #00000026}.month-label{font-size:18px;font-weight:700;letter-spacing:-.3px}.month-label .month-name{color:var(--text-primary)}.month-label .month-year{color:var(--text-muted)}.post-count{font-size:14px;font-weight:500;color:var(--text-muted)}.posts-container{padding:0}.loading{text-align:center;color:var(--text-muted);padding:var(--spacing-xl)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl)}.empty-title{font-size:16px;font-weight:600;color:var(--text-secondary)}.empty-hint{font-size:14px;color:var(--text-muted);margin-top:var(--spacing-xs)}.posts-list{display:flex;flex-direction:column;gap:0}.right-sidebar .month-section{flex:1;background-color:#f7f6f3;margin-left:calc(-1 * var(--spacing-lg));margin-right:calc(-1 * var(--spacing-lg));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.month-posts{display:flex;flex-direction:column;gap:0;padding:0;padding-bottom:var(--spacing-lg)}.date-group{display:flex;flex-direction:column;gap:0}.date-group-header{display:none}.right-sidebar .month-section .post{background-color:#f7f6f3}.right-sidebar .month-section .post:before{background-color:#000}.right-sidebar .month-section .date-group:first-child .posts-list .post:first-child:before{display:none}@media(max-width:900px){.right-sidebar{height:auto;border-top:var(--border-medium) solid #000000;padding:0 var(--spacing-md)}.date-header{margin-top:var(--spacing-md)}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--border-color: #e5e7eb;--border-thick: #000000;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--activity-0: #ebedf0;--activity-1: #9be9a8;--activity-2: #40c463;--activity-3: #30a14e;--activity-4: #216e39;--accent-primary: #3b82f6;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--tag-blue: #c8efff;--tag-periwinkle: #d4e0ff;--tag-lavender: #ecd8ff;--tag-pink: #ffd6ec;--tag-rose: #ffd0d8;--tag-peach: #ffe8d0;--tag-yellow: #fff4c8;--tag-mint: #d0ffe0;--tag-coral: #ffccc8;--tag-sky: #b8e8ff;--tag-lilac: #e0c8ff;--tag-lime: #e0ffc8;--today-color: var(--tag-peach);--highlight-color: var(--tag-lavender);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--border-thin: 1px;--border-medium: 1px;--border-thick: 2px;--font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}body{font-family:var(--font-family);background-color:#f5f5f5;background-image:radial-gradient(circle,#cccccc 1px,transparent 1px);background-size:16px 16px;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;padding:var(--spacing-xl)}.app{display:grid;grid-template-columns:260px 1fr 1fr;max-width:1400px;margin:0 auto;min-height:calc(100vh - 64px);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000001a;border:var(--border-medium) solid #000000}@media(max-width:1200px){.app{grid-template-columns:220px 1fr 1fr}}@media(max-width:900px){.app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}body{padding:var(--spacing-md)}}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}