:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fdfcf8;--bg-secondary:#f4f2ec;--bg-card:#ffffffbf;--text-primary:#4a4643;--text-secondary:#8b857f;--text-muted:#b5b0a6;--color-sage:#8da689;--color-sage-light:#f0f4ef;--color-sand:#e6d8c0;--color-terracotta:#e89e8a;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-full:9999px;--shadow-soft:0 16px 40px -10px #8da68926;--shadow-card:0 8px 30px #8da68914;--shadow-hover:0 20px 50px -10px #8da68933;--font-serif:"Playfair Display", "Noto Serif SC", serif;--font-sans:"Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--sidebar-width:320px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-secondary);color:var(--text-primary);font-size:16px;font-family:var(--font-sans);max-width:100vw;overflow-x:hidden}body{line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}button{cursor:pointer;transition:var(--transition);background:0 0;border:none;font-family:inherit}.app-layout{min-height:100vh;display:flex;position:relative}.mobile-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#faf9f5f2;border-bottom:1px solid #6d826914;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0 20px;display:none;position:fixed;top:0;left:0}.mobile-logo{font-family:var(--font-serif);color:var(--color-sage);cursor:pointer;font-size:1.15rem;font-weight:800}.hamburger-btn{color:var(--text-primary);justify-content:center;align-items:center;display:flex}.sidebar-wrapper{width:var(--sidebar-width);background-color:var(--bg-secondary);z-index:900;border-right:1px solid #6d82690a;flex-direction:column;padding:40px 30px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.profile-card{text-align:center;margin-bottom:30px}.avatar-container{justify-content:center;margin-bottom:20px;display:flex}.avatar{background:linear-gradient(135deg, var(--color-sage), var(--color-sand));color:#fff;width:74px;height:74px;font-size:2rem;font-family:var(--font-serif);box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.profile-name{font-family:var(--font-serif);margin-bottom:10px;font-size:1.4rem;font-weight:800}.profile-bio{color:var(--text-secondary);margin-bottom:24px;padding:0 10px;font-size:.85rem;line-height:1.6}.sidebar-mascot-container{justify-content:center;width:100%;margin-bottom:24px;display:flex}.sidebar-mascot-img{object-fit:cover;border-radius:var(--radius-lg);background:var(--bg-card);width:160px;height:160px;box-shadow:var(--shadow-sm);border:1px solid #8da6891a;padding:6px;transition:all .4s cubic-bezier(.16,1,.3,1)}.sidebar-mascot-container:hover .sidebar-mascot-img{box-shadow:var(--shadow-hover);border-color:#8da6894d;transform:translateY(-4px)scale(1.02)}html.dark-theme .sidebar-mascot-img{background:#28282880;border-color:#ffffff0d}.profile-stats{border-top:1px dashed #6d826926;border-bottom:1px dashed #6d826926;justify-content:center;gap:24px;margin-bottom:24px;padding:16px 0;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-val{color:var(--text-primary);font-size:1.15rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-size:.7rem}.profile-links{justify-content:center;gap:12px;display:flex}.icon-link{background:var(--bg-card);color:var(--text-secondary);box-shadow:var(--shadow-card);border-radius:50%;padding:8px;display:inline-flex}.icon-link:hover{color:var(--color-sage);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.sidebar-section{border-radius:var(--radius-md);background:#fff6;border:1px solid #6d82690a;margin-bottom:30px;padding:20px}.section-title{color:var(--color-sage);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:12px;font-size:.8rem;font-weight:800;display:flex}.sidebar-tags{flex-wrap:wrap;gap:6px;display:flex}.sidebar-tag{background:var(--bg-card);border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);transition:var(--transition);border:1px solid #00000005;padding:6px 12px;font-size:.75rem;font-weight:600}.sidebar-tag:hover{background:var(--color-sage-light);color:var(--color-sage)}.sidebar-tag.active{background:var(--color-sage);color:#fff;box-shadow:0 4px 10px #6d826933}.sidebar-nav{flex-direction:column;margin-top:auto;display:flex}.nav-btn{border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;font-weight:700;display:flex}.nav-btn:hover{color:var(--color-sage);background-color:#6d82690d}.admin-trigger{background:var(--color-sage-light);color:var(--color-sage);justify-content:center}.admin-trigger:hover{background:var(--color-sage);color:#fff}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));flex-grow:1;min-height:100vh}.content-padder{background-color:var(--bg-primary);border-radius:var(--radius-lg);max-width:960px;box-shadow:var(--shadow-card);min-height:calc(100vh - 80px);margin:40px auto;padding:60px 80px}.feed-controls{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.search-bar-container{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #6d82690f;align-items:center;padding:4px 16px;display:flex;position:relative}.search-bar-container:focus-within{border-color:var(--color-sage);box-shadow:var(--shadow-hover)}.search-icon{color:var(--text-muted);margin-right:12px}.search-bar-container input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;padding:12px 0;font-family:inherit;font-size:.9rem}.search-clear{color:var(--color-terracotta);background:var(--color-terracotta-light);border-radius:var(--radius-sm);padding:4px 10px;font-size:.75rem;font-weight:700}.active-filter-badge{background:var(--color-sage-light);border-radius:var(--radius-md);color:var(--color-sage);border:1px solid #6d82691a;justify-content:space-between;align-items:center;padding:12px 20px;font-size:.8rem;font-weight:700;display:flex}.active-filter-badge button{color:var(--color-terracotta);font-weight:800;text-decoration:underline}.records-feed{flex-direction:column;gap:60px;display:flex}.record-card{box-shadow:none;transition:var(--transition);background:0 0;border:none;border-radius:0;padding:0 0 60px;position:relative}.record-card:hover{box-shadow:none;transform:none}.record-card:not(:last-child):after{content:"🐾";color:var(--color-sage);opacity:.4;font-size:1.2rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.record-card:not(:last-child):before{content:"";background:linear-gradient(90deg,#0000,#8da68933,#0000);height:1px;position:absolute;bottom:12px;left:5%;right:5%}.record-card.preview-mode{border-left:none;padding:0 0 60px}.record-card.preview-mode:hover{border-left-color:#0000}.preview-summary-text{color:var(--text-secondary);-webkit-line-clamp:5;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.8;display:-webkit-box;overflow:hidden}.cursor-pointer{cursor:pointer}.card-header{border-bottom:none;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-bottom:12px;padding-bottom:0;display:flex}.card-meta{color:var(--text-muted);gap:12px;font-size:.8rem;font-weight:500;display:flex}.card-date{align-items:center;gap:4px;display:flex}.card-tags{gap:8px;display:flex}.card-tag{color:var(--color-sage);cursor:pointer;transition:var(--transition);background:0 0;border-radius:0;padding:0;font-size:.8rem;font-weight:500}.card-tag:hover,.card-tag.active{color:var(--text-primary);background:0 0;text-decoration:underline}.card-title{font-family:var(--font-serif);color:var(--text-primary);align-items:center;margin-bottom:24px;font-size:1.8rem;font-weight:800;line-height:1.35;display:flex;position:relative}.card-title:before{content:"";background-color:var(--color-sage);opacity:.8;border-radius:4px;width:4px;height:22px;margin-right:12px;display:inline-block}.record-card.preview-mode .card-title{margin-bottom:16px;font-size:1.5rem}.record-card.preview-mode .card-title:before{height:18px}.card-content{color:var(--text-primary);font-size:1rem;line-height:1.8}.md-h2{font-family:var(--font-serif);color:var(--text-primary);margin:30px 0 16px;font-size:1.4rem}.md-h2:first-of-type{margin-top:10px}.md-h3{font-family:var(--font-serif);color:var(--color-sage);margin:24px 0 12px;scroll-margin-top:100px;font-size:1.2rem}.md-p{margin-bottom:16px}.md-quote{border-left:4px solid var(--color-sage);color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#6d826905;margin:20px 0;padding:14px 20px;font-style:italic}.md-li{margin-bottom:6px;margin-left:20px;list-style-type:disc}.md-spacer{height:16px}.md-code-block{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#1e1e1e;margin:24px 0;overflow:hidden}.md-code-header{color:#8f8f8f;background:#2a2a2a;justify-content:space-between;padding:10px 16px;font-family:monospace;font-size:.75rem;display:flex}.md-code-header button{color:var(--color-sage);font-size:.75rem;font-weight:700}.md-code-block pre{color:#d4d4d4;padding:16px 20px;font-family:Consolas,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto}.card-media-gallery{flex-direction:column;gap:20px;margin-top:30px;display:flex}.record-card.preview-mode .card-media-gallery{gap:12px;margin-top:20px}.images-grid{border-radius:var(--radius-md);gap:12px;display:grid;position:relative;overflow:hidden}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:1fr 1fr}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.image-wrapper{border-radius:var(--radius-md);aspect-ratio:16/10;background:var(--bg-secondary);width:100%;height:100%;max-height:400px;position:relative;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.preview-mode .image-wrapper img{cursor:pointer}.image-wrapper img:hover{transform:scale(1.04)}.grid-cols-1 .image-wrapper{aspect-ratio:auto;max-height:500px}.grid-cols-1 .image-wrapper img{object-fit:contain;width:100%;max-height:500px}.record-card.preview-mode .images-grid{gap:6px;max-width:420px}.record-card.preview-mode .grid-cols-1{grid-template-columns:1fr;max-width:220px}.record-card.preview-mode .grid-cols-1 .image-wrapper{aspect-ratio:auto;background:0 0;max-height:220px}.record-card.preview-mode .grid-cols-1 .image-wrapper img{object-fit:cover;border-radius:var(--radius-sm);max-height:220px}.record-card.preview-mode .grid-cols-2{grid-template-columns:repeat(2,1fr);max-width:280px}.record-card.preview-mode .grid-cols-3{grid-template-columns:repeat(3,1fr)}.record-card.preview-mode .grid-cols-2 .image-wrapper,.record-card.preview-mode .grid-cols-3 .image-wrapper{aspect-ratio:1;max-height:none}.record-card.preview-mode .grid-cols-2 .image-wrapper img,.record-card.preview-mode .grid-cols-3 .image-wrapper img{object-fit:cover;border-radius:var(--radius-sm);height:100%}.image-grid-more-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;font-size:1.8rem;font-family:var(--font-serif);pointer-events:none;border-radius:var(--radius-md);background:#2c292799;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}.videos-container{flex-direction:column;gap:16px;display:flex}.video-wrapper{border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#000;border:1px solid #6d82691a;position:relative;overflow:hidden}.custom-video-player{object-fit:contain;outline:none;width:100%;max-height:480px;display:block}.video-title-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);background:#faf9f5e6;border-top:1px solid #0000000d;align-items:center;gap:8px;padding:10px 16px;font-size:.75rem;font-weight:700;display:flex}.attachments-list{flex-direction:column;gap:8px;display:flex}.attachment-badge{background:var(--bg-secondary);border-radius:var(--radius-md);transition:var(--transition);border:1px solid #6d82690d;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.attachment-badge:hover{background:var(--color-sage-light);border-color:#6d826926}.badge-info{color:var(--text-primary);align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}.badge-name{white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}.badge-size{color:var(--text-muted);font-size:.75rem;font-weight:500}.badge-download{color:#fff;background:var(--color-sage);border-radius:var(--radius-sm);padding:6px 14px;font-size:.75rem;font-weight:700;box-shadow:0 4px 10px #6d826926}.badge-download:hover{background:var(--text-primary)}.preview-media-indicator{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.indicator-badge{color:var(--color-sage);background:var(--color-sage-light);border-radius:var(--radius-full);border:1px solid #6d826914;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.card-read-more-footer{border-top:1px dashed #6d826914;justify-content:flex-end;margin-top:24px;padding-top:16px;display:flex}.read-more-btn{color:var(--color-sage);text-transform:uppercase;letter-spacing:.02em;transition:var(--transition);font-size:.85rem;font-weight:800;text-decoration:underline}.read-more-btn:hover{color:var(--color-terracotta);transform:translate(4px)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:60px 40px;font-style:italic;display:flex}.empty-icon{color:var(--color-sand)}.detail-view-container{align-items:flex-start;gap:40px;display:flex}.detail-main-column{flex-grow:1;max-width:820px}.detail-back-btn{color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;font-weight:800;display:inline-flex}.detail-back-btn:hover{color:var(--color-sage);transform:translate(-4px)}.detail-toc-column{background:var(--bg-card);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-card);border:1px solid #6d82690a;flex-shrink:0;padding:24px;transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);position:sticky;top:40px}.detail-toc-column.toc-collapsed{opacity:0;visibility:hidden;pointer-events:none;transform:translate(10px)}.toc-title{color:var(--color-sage);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid #0000000d;margin-bottom:16px;padding-bottom:8px;font-size:.8rem;font-weight:800}.toc-list{flex-direction:column;gap:8px;list-style:none;display:flex}.toc-list li a{color:var(--text-secondary);transition:var(--transition);border-left:2px solid #0000;padding-left:10px;font-size:.8rem;line-height:1.4;display:block}.toc-list li.active a{color:var(--color-sage);border-left-color:var(--color-sage);font-weight:700}.toc-list li a:hover{color:var(--text-primary)}.admin-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000059;position:fixed;inset:0}.admin-drawer{background:var(--bg-primary);z-index:2100;width:100%;max-width:1280px;height:100dvh;transition:right .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;bottom:0;right:-100%;overflow-y:auto;box-shadow:-10px 0 45px #0000001a}.admin-drawer.open{right:0}.admin-header{border-bottom:1px solid #0000000d;justify-content:space-between;padding:30px 40px;display:flex}.admin-header h2{font-family:var(--font-serif);font-size:1.4rem}.auth-container{text-align:center;max-width:340px;margin:100px auto;padding:0 20px}.auth-icon{color:var(--color-sage);margin-bottom:20px}.auth-form{flex-direction:column;gap:14px;margin-top:24px;display:flex}.auth-form input{border-radius:var(--radius-sm);transition:var(--transition);border:1px solid #e0e0e0;outline:none;padding:14px;font-size:.95rem}.auth-form input:focus{border-color:var(--color-sage)}.auth-form button{border-radius:var(--radius-sm);background:var(--color-sage);color:#fff;padding:14px;font-weight:700;box-shadow:0 5px 15px #6d826933}.error-text{color:var(--color-terracotta);margin-top:16px;font-size:.85rem;font-weight:700}.admin-dashboard{padding:40px}.admin-status{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.status-badge{color:var(--color-sage);align-items:center;gap:8px;font-size:.85rem;font-weight:800;display:flex}.lock-btn{color:var(--text-muted);font-size:.75rem;font-weight:700;text-decoration:underline}.admin-sections{grid-template-columns:1fr;gap:30px;display:grid}.admin-panel{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid #00000005;padding:30px}.admin-panel h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:20px;font-size:1.05rem;font-weight:800;display:flex}.admin-panel input,.admin-panel textarea{border-radius:var(--radius-sm);width:100%;transition:var(--transition);border:1px solid #eaeaea;outline:none;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:.9rem}.admin-panel input:focus,.admin-panel textarea:focus{border-color:var(--color-sage)}.form-row{gap:16px;display:flex}.upload-box{border:2px dashed var(--color-sand);text-align:center;border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:var(--transition);background:#d5c2a508;margin-bottom:20px;padding:30px 20px;font-size:.85rem;font-weight:700}.upload-box:hover{border-color:var(--color-sage);color:var(--color-sage);background:#6d826908}.uploaded-media-preview{border-top:1px dashed #00000014;margin-bottom:24px;padding-top:20px}.uploaded-media-preview h4{color:var(--color-sage);margin-bottom:12px;font-size:.8rem;font-weight:800}.media-preview-grid{flex-direction:column;gap:8px;display:flex}.preview-card{background:var(--bg-primary);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 16px;font-size:.8rem;display:flex}.preview-icon{color:var(--color-sage)}.preview-info{flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.preview-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.preview-size{color:var(--text-muted);font-size:.7rem}.preview-actions{gap:8px;display:flex}.embed-btn{color:var(--color-sage);background:var(--color-sage-light);border-radius:var(--radius-sm);padding:4px 10px;font-size:.7rem;font-weight:800}.embed-btn:hover{background:var(--color-sage);color:#fff}.preview-actions .delete-btn{color:var(--color-terracotta);background:var(--color-terracotta-light);border-radius:var(--radius-sm);padding:6px;display:inline-flex}.submit-btn{background:var(--color-sage);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-weight:700;display:flex;box-shadow:0 4px 15px #6d826933}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1024px){.content-padder{padding:40px 30px}.record-card{padding:30px}.detail-view-container{flex-direction:column}.detail-toc-column{display:none}.commentable-block-wrapper{margin-bottom:8px!important;padding-right:36px!important}.paragraph-comment-trigger{opacity:1!important;background:var(--color-sage-light)!important;color:var(--color-sage)!important;box-shadow:var(--shadow-sm)!important;border-color:#6d826933!important;top:12px!important;right:8px!important;transform:scale(1)!important}.paragraph-margin-comments-wrapper{flex-direction:column!important;gap:8px!important;width:100%!important;margin-top:12px!important;padding:4px 0!important;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDownBubble!important;display:flex!important;position:static!important}.paragraph-margin-comments-wrapper:before{display:none!important}.whisper-comment-bubble-card{background:#6d826908!important;border:1px solid #6d82690f!important;border-radius:8px!important;padding:10px 12px!important}.paragraph-margin-comments-wrapper.collapsed .paragraph-comments-bubble-list{max-height:none!important;overflow:visible!important}.paragraph-margin-comments-wrapper.collapsed .paragraph-comments-bubble-list:after{display:none!important}.paragraph-margin-comments-wrapper.collapsed{cursor:default!important}.comments-expand-trigger{display:none!important}.paragraph-margin-comments-wrapper.hidden-sibling{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}}@media (width<=768px){.mobile-header{display:flex}.sidebar-wrapper{z-index:999;border-right:1px solid #00000014;width:80%;max-width:320px;transition:transform .3s cubic-bezier(.16,1,.3,1);top:60px;transform:translate(-100%);box-shadow:10px 0 30px #0000000d}.sidebar-wrapper.mobile-open{transform:translate(0)}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:998;background:#00000059;animation:.3s mobileSidebarFadeIn;position:fixed;inset:60px 0 0}@keyframes mobileSidebarFadeIn{0%{opacity:0}to{opacity:1}}.main-content{width:100%;margin-top:60px;margin-left:0}.content-padder{box-shadow:none;border-radius:0;min-height:100vh;margin:0;padding:30px 16px}.form-row{flex-direction:column;gap:0}.badge-name{max-width:180px}.card-title{margin-bottom:8px;font-size:1.25rem}.card-meta{margin-bottom:12px}.record-card.preview-mode{border-radius:0;margin-bottom:0;padding:0 0 40px}.record-card.preview-mode .preview-summary-text{-webkit-line-clamp:4;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.record-card.preview-mode .card-media-gallery{margin-top:12px}}.md-inline-single-image-container{text-align:center;flex-direction:column;align-items:center;max-width:100%;margin:24px auto;display:flex}.md-inline-single-img{object-fit:cover;border-radius:var(--radius-md);width:100%;max-width:520px;height:auto;max-height:380px;box-shadow:var(--shadow-soft);cursor:zoom-in;transition:var(--transition)}.md-inline-single-img:hover{box-shadow:var(--shadow-hover);transform:scale(1.02)}.md-inline-images-row{gap:8px;width:100%;margin:24px 0;display:grid}.md-inline-row-image-wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.md-inline-row-img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-card);cursor:zoom-in;transition:var(--transition)}.md-inline-row-img:hover{box-shadow:var(--shadow-soft);transform:scale(1.03)}.md-img-caption{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.75rem;font-weight:600;line-height:1.4}.feed-top-menu{background:var(--bg-secondary);border-radius:var(--radius-md);width:max-content;box-shadow:var(--shadow-card);border:1px solid #6d82690a;gap:12px;padding:6px;display:flex}.feed-top-menu button{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:800;display:flex}.feed-top-menu button:hover{color:var(--color-sage);background:#fff6}.feed-top-menu button.active{color:#fff;background:var(--color-sage);box-shadow:0 4px 12px #6d826933}.columns-container{margin-top:10px}.columns-header{border-left:4px solid var(--color-sage);margin-bottom:36px;padding-left:18px}.columns-header h2{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;font-size:2.2rem;font-weight:800}.columns-header p{color:var(--text-secondary);margin-top:6px;font-size:.9rem;font-weight:500}.columns-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.column-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:var(--transition);border:1px solid #6d82690d;flex-direction:column;align-items:stretch;min-height:380px;padding:0;display:flex;position:relative;overflow:hidden}.column-card-cover-container{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--bg-secondary);width:100%;height:140px;position:relative;overflow:hidden}.column-card-cover{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.column-card:hover .column-card-cover{transform:scale(1.05)}.column-cover-upload-btn{-webkit-backdrop-filter:blur(8px);color:var(--color-sage);border-radius:var(--radius-sm);opacity:0;transition:var(--transition);z-index:10;background:#faf9f5d9;border:1px solid #6d826926;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:800;display:flex;position:absolute;top:16px;right:16px;transform:translateY(-4px);box-shadow:0 4px 10px #2c29270f}.column-card:hover .column-cover-upload-btn{opacity:1;transform:translateY(0)}.column-cover-upload-btn:hover{background:var(--color-sage);color:#fff;border-color:var(--color-sage);box-shadow:0 6px 15px #6d826940}.column-card-body{flex-direction:column;flex-grow:1;padding:24px 32px 32px;display:flex}.column-card:before{content:"";background:linear-gradient(90deg, var(--color-sage), var(--color-sand));opacity:0;height:4px;transition:var(--transition);position:relative;top:0;left:0;right:0;overflow:hidden}.record-card:hover{box-shadow:var(--shadow-hover);border-color:#8da6894d;transform:translateY(-4px)}.record-card:after{content:"";opacity:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 512 512\" fill=\"%238DA689\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M226.5 92.9c14.3 73.6-28.7 152.7-111 176.6-43.2 12.5-98.1-1.3-112.5-74.9-14.4-73.7 28.7-152.8 111-176.6 43.1-12.6 98.1 1.2 112.5 74.9zm271.9 101.7c-14.4 73.7-69.3 87.5-112.5 74.9-82.3-23.9-125.4-103-111-176.6 14.3-73.6 69.3-87.4 112.5-74.9 82.2 23.9 125.4 103 111 176.6zM154.6 422.3c35.6 46.9 103.5 49 152 4.5 17.5-16.1 27.6-38.3 35.1-61.1 5.9-17.8 9.3-37.5 10.3-57.1 1.7-32-15-64.8-44.5-76.4-36.9-14.6-80.1-5.1-109.9 22.8-19.1 17.9-32.9 42.6-37.4 68.6-4.1 23.5-3.1 48 3.5 70.8 7.3 25.1 13 41.5 28.9 57.9 0-.1 2-2 2-2zM41.4 340.2c16 36.6 51 60 90.9 61 17.6.4 35.8-3.9 51.5-13 14.5-8.4 26.5-21.7 33.7-37.2 6.5-13.8 9.3-29.4 8.7-45-.4-12.2-3.1-24.6-8.7-35.4-9.3-17.9-25.2-31.5-43.8-39-27.5-11-60.8-4.4-82.6 15.3-24.2 21.9-39 53.6-44.6 85.9-2.3 13.5-2.7 27.1-.4 40.5 1 5.6 2.8 11.1 5.3 16.9zM470.6 340.2c-16 36.6-51 60-90.9 61-17.6.4-35.8-3.9-51.5-13 14.5-8.4 26.5-21.7 33.7-37.2 6.5-13.8 9.3-29.4 8.7-45 .4-12.2 3.1-24.6 8.7-35.4 9.3-17.9 25.2-31.5 43.8-39 27.5-11 60.8-4.4 82.6 15.3 24.2 21.9 39 53.6 44.6 85.9 2.3 13.5 2.7 27.1.4 40.5-1 5.6-2.8 11.1-5.3 16.9z\"/></svg>");background-repeat:no-repeat;background-size:contain;width:48px;height:48px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:20px;right:20px;transform:scale(.5)rotate(15deg)}.record-card:hover:after{opacity:.15;transform:scale(1)rotate(-10deg)}.column-card:hover{box-shadow:var(--shadow-hover);border-color:#6d82691f;transform:translateY(-5px)}.column-card:hover:before{opacity:1}.column-card-topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.column-card-icon-frame{color:var(--color-sage);background:var(--color-sage-light);width:40px;height:40px;transition:var(--transition);border-radius:10px;justify-content:center;align-items:center;display:flex}.column-card:hover .column-card-icon-frame{background:var(--color-sage);color:#fff;transform:scale(1.06)rotate(3deg)}.column-card-count-badge{color:var(--color-sage);background:var(--color-sage-light);border-radius:var(--radius-full);transition:var(--transition);padding:5px 12px;font-size:.72rem;font-weight:800}.column-card:hover .column-card-count-badge{background:var(--color-sage);color:#fff}.column-card-info{flex-grow:1;margin-bottom:16px}.column-card-name{font-family:var(--font-serif);color:var(--text-primary);transition:var(--transition);margin-bottom:6px;font-size:1.5rem;font-weight:800}.column-card:hover .column-card-name{color:var(--color-sage)}.column-card-date{color:var(--text-muted);font-size:.75rem;font-weight:600}.column-card-latest{border-top:1px dashed #6d82691f;flex-direction:column;gap:4px;margin-top:auto;padding-top:16px;display:flex}.column-card-latest .latest-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.column-card-latest .latest-title{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;transition:var(--transition);font-size:.85rem;font-weight:700;overflow:hidden}.column-card:hover .latest-title{color:var(--text-primary)}.column-detail-header{border-bottom:1px dashed #6d826926;margin-bottom:30px;padding-bottom:20px}.column-back-btn{color:var(--text-secondary);transition:var(--transition);margin-bottom:12px;font-size:.8rem;font-weight:800;display:block}.column-back-btn:hover{color:var(--color-sage);transform:translate(-4px)}.column-detail-header h2{font-family:var(--font-serif);color:var(--text-primary);align-items:center;gap:12px;font-size:2rem;font-weight:800;display:flex}.column-detail-header h2 .title-count{color:var(--text-muted);font-size:1.1rem;font-family:var(--font-sans);font-weight:600}.card-footer-bar{border-top:1px dashed #6d826914;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;display:flex}.record-card.preview-mode .card-footer-bar{margin-top:20px;padding-top:16px}.card-friendly-time{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:inline-flex}.card-column-badge{color:var(--color-sage);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:inline-flex}.card-read-more-footer{display:none}.editor-dual-layout{align-items:flex-start;gap:32px;width:100%;padding:0 40px 40px;display:flex}.editor-write-column{flex:1.1;min-width:0}.editor-preview-column{border-radius:var(--radius-lg);background:#6d826905;border:1px dashed #6d82691f;flex:.9;min-width:0;padding:24px;position:sticky;top:40px}.editor-section-label{color:var(--color-sage);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.template-select-section{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid #6d82690d;margin-bottom:24px;padding:16px 20px}.template-pills{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.template-pill{color:var(--text-secondary);background:var(--bg-card);border-radius:var(--radius-full);box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #0000000a;align-items:center;gap:6px;padding:8px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.template-pill:hover{color:var(--color-sage);background:var(--color-sage-light);transform:translateY(-1px);box-shadow:0 4px 8px #6d82691a}.quick-toolbar-container{margin-bottom:12px}.quick-toolbar{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid #eaeaea;flex-wrap:wrap;gap:6px;width:max-content;max-width:100%;padding:6px;display:flex}.quick-toolbar button{color:var(--text-secondary);background:var(--bg-card);transition:var(--transition);border:1px solid #00000005;border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:800;box-shadow:0 1px 3px #00000003}.quick-toolbar button:hover{color:#fff;background:var(--color-sage);box-shadow:0 2px 6px #6d826933}.live-preview-box{margin-top:10px}.live-preview-box .record-card{box-shadow:var(--shadow-soft);background:var(--bg-card);border-radius:var(--radius-md);padding:30px}.mobile-preview-toggle-btn{color:var(--color-sage);border-radius:var(--radius-sm);transition:var(--transition);background:#6d82691a;border:1px solid #6d826933;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:.85rem;font-weight:800;display:none}.mobile-preview-toggle-btn:hover{background:#6d826926}@media (width<=1300px){.editor-dual-layout{flex-direction:column;gap:24px;padding:0 24px 24px}.editor-preview-column{width:100%;transition:opacity .3s;position:static}.editor-preview-column.mobile-hide-preview{display:none}.editor-preview-column.mobile-show-preview{display:block}.mobile-preview-toggle-btn{display:flex}}html.dark-theme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#121411;--bg-secondary:#191b17;--bg-card:#20241f;--text-primary:#eceae4;--text-secondary:#b5b0a6;--text-muted:#7e786e;--color-sage:#8da689;--color-sage-light:#262d24;--color-sand:#cdb692;--color-terracotta:#dca08f;--shadow-soft:0 10px 40px -10px #0006;--shadow-card:0 4px 20px #0000004d;--shadow-hover:0 20px 45px -10px #00000080}html.dark-theme .mobile-header{background:#121411f2;border-bottom:1px solid #8da68926}html,body,aside,main,div,p,span,button,a,h1,h2,h3,input,textarea,select{transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.forest-ambient-particles{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.particle{filter:blur(25px);opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#d5c2a5bf 0%,#c878644d 40%,#faf9f500 80%);border-radius:50%;position:absolute}html.dark-theme .particle{background:radial-gradient(circle,#8da689cc 0%,#262d244d 50%,#12141100 80%)}.p-1{width:320px;height:320px;animation:45s ease-in-out infinite floatAmbient;top:15%;left:5%}.p-2{width:220px;height:220px;animation:35s ease-in-out 3s infinite floatAmbient;top:5%;right:10%}.p-3{width:260px;height:260px;animation:55s ease-in-out 6s infinite floatAmbient;bottom:10%;left:35%}.p-4{width:180px;height:180px;animation:40s ease-in-out 9s infinite floatAmbient;bottom:20%;right:25%}.p-5{width:360px;height:360px;animation:60s ease-in-out 12s infinite floatAmbient;top:55%;left:15%}@keyframes floatAmbient{0%,to{opacity:0;transform:translate(0,0)scale(.85)}25%{opacity:.65;transform:translate(60px,-80px)scale(1.1)}50%{opacity:.25;transform:translate(-40px,60px)scale(.9)}75%{opacity:.75;transform:translate(80px,40px)scale(1.15)}}@keyframes cloudDisperse{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translate(0,0)}}.records-feed,.columns-container,.detail-view-container{animation:.5s cubic-bezier(.16,1,.3,1) forwards cloudDisperse}.record-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}.record-card:hover{box-shadow:0 20px 45px -10px #6d826914}html.dark-theme .record-card:hover{box-shadow:0 20px 45px -10px #0006}@keyframes shakeError{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake-anim{animation:.4s ease-in-out shakeError}.hidden-auth-glass{position:relative;overflow:hidden}.hidden-auth-glass:before{content:"";background:linear-gradient(90deg, var(--color-sand), var(--color-sage));width:100%;height:4px;position:absolute;top:0;left:0}.lock-again-btn{transition:opacity .3s}.lock-again-btn:hover{opacity:.8}.hidden-space-container{animation:.6s cubic-bezier(.16,1,.3,1) forwards cloudDisperse}.commentable-block-wrapper{border-radius:var(--radius-sm);border-left:2px solid #0000;margin-left:-12px;margin-right:-12px;padding:6px 12px;transition:background-color .3s,border-left-color .3s;position:relative}.detail-main-column .commentable-block-wrapper:hover{border-left-color:var(--color-sage);background-color:#6d826908}.detail-main-column .commentable-block-wrapper.focused-para{border-left-color:var(--color-sand);background-color:#6d82690d}.paragraph-comment-trigger{opacity:0;background:var(--bg-card);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;z-index:10;border:1px solid #6d826926;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:12px;right:-24px;transform:scale(.85);box-shadow:0 2px 8px #0000000d}.commentable-block-wrapper:hover .paragraph-comment-trigger,.paragraph-comment-trigger.has-comments{opacity:1;transform:scale(1)}.paragraph-comment-trigger.has-comments{background:var(--color-sage-light);color:var(--color-sage);border-color:#6d826940}.paragraph-comment-trigger:hover{background:var(--color-sage);color:#fff;border-color:var(--color-sage);transform:scale(1.1);box-shadow:0 4px 12px #6d826940}.paragraph-comment-trigger .trigger-count{background:var(--color-sand);color:#fff;border-radius:6px;justify-content:center;align-items:center;min-width:12px;height:12px;padding:0 4px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.margin-comments-panel{flex-direction:column;height:100%;animation:.3s fadeIn;display:flex}.margin-comments-header{border-bottom:1px solid #6d826914;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.margin-comments-header h4{font-family:var(--font-serif);color:var(--text-primary);font-size:.9rem;font-weight:800}.margin-panel-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.margin-panel-close-btn:hover{color:var(--color-terracotta);background:#c878640d}.margin-comments-list{flex-direction:column;flex-grow:1;gap:12px;max-height:380px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.margin-comments-list::-webkit-scrollbar{width:4px}.margin-comments-list::-webkit-scrollbar-thumb{background:#6d826926;border-radius:2px}.margin-comments-empty{text-align:center;color:var(--text-muted);padding:30px 10px;font-size:.8rem;font-style:italic;line-height:1.5}.whisper-comment-card{background:var(--bg-primary);border-radius:var(--radius-sm);transition:var(--transition);border:1px solid #6d82690f;padding:12px;box-shadow:0 2px 6px #00000003}.whisper-card-header{justify-content:space-between;margin-bottom:6px;font-size:.7rem;font-weight:600;display:flex}.whisper-author{color:var(--color-sage)}.whisper-time{color:var(--text-muted)}.whisper-content{color:var(--text-primary);word-break:break-all;font-size:.8rem;line-height:1.45}.whisper-admin-reply{border-top:1px dashed #6d82691a;border-left:2px solid var(--color-sand);background:#d5c2a50d;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:.75rem}.whisper-admin-reply .reply-label{color:var(--color-sand);margin-bottom:2px;font-weight:800;display:block}.whisper-admin-reply .reply-content{color:var(--text-secondary);line-height:1.4}.margin-comments-form{border-top:1px solid #6d826914;flex-direction:column;gap:8px;padding-top:14px;display:flex}.comment-author-input,.comment-content-textarea{background:var(--bg-primary);width:100%;color:var(--text-primary);transition:var(--transition);border:1px solid #eaeaea;border-radius:4px;outline:none;padding:8px 10px;font-family:inherit;font-size:.8rem}.comment-content-textarea{resize:none}.comment-author-input:focus,.comment-content-textarea:focus{border-color:var(--color-sage)}.comment-submit-btn{background:var(--color-sage);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:4px;padding:8px;font-size:.8rem;font-weight:700;box-shadow:0 2px 6px #6d826926}.comment-submit-btn:hover{background:#6d8269e6;box-shadow:0 4px 12px #6d826940}.comment-submit-btn:disabled{opacity:.6;cursor:not-allowed}.paragraph-margin-comments-wrapper{z-index:100;pointer-events:auto;flex-direction:column;gap:12px;width:280px;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.3s cubic-bezier(.16,1,.3,1) forwards bubbleFadeIn;display:flex;position:absolute;top:0;left:calc(100% + 72px)}.paragraph-margin-comments-wrapper:before{content:"";z-index:5;pointer-events:none;border-top:1px dashed #6d826959;width:72px;height:1px;transition:border-color .3s;position:absolute;top:23px;left:-72px}.paragraph-margin-comments-wrapper.expanded:before{border-top-style:solid;border-top-color:var(--color-sand)}.paragraph-margin-comments-wrapper.collapsed{cursor:pointer}.paragraph-margin-comments-wrapper.collapsed .paragraph-comments-bubble-list{max-height:130px;position:relative;overflow:hidden!important}.paragraph-margin-comments-wrapper.collapsed .paragraph-comments-bubble-list:after{content:"";background:linear-gradient(to bottom, #faf9f500, var(--bg-primary));pointer-events:none;width:100%;height:45px;transition:background .4s;position:absolute;bottom:0;left:0}html.dark-theme .paragraph-margin-comments-wrapper.collapsed .paragraph-comments-bubble-list:after{background:linear-gradient(to bottom, #12141100, var(--bg-primary))}.paragraph-margin-comments-wrapper.collapsed:hover{transform:translateY(-2px)}.paragraph-margin-comments-wrapper.collapsed:hover:before{border-top-color:var(--color-sage)}.comments-expand-trigger{color:var(--color-sage);background:var(--bg-card);text-align:center;border:1px dashed #6d826940;border-radius:20px;justify-content:center;align-items:center;margin-top:-4px;padding:6px 12px;font-size:.7rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #6d82690a}.paragraph-margin-comments-wrapper.collapsed:hover .comments-expand-trigger{background:var(--color-sage-light);border-color:var(--color-sage);color:var(--color-sage);transform:scale(1.02);box-shadow:0 4px 12px #6d82691a}.paragraph-margin-comments-wrapper.hidden-sibling{opacity:0;visibility:hidden;pointer-events:none;transform:translate(15px)}.paragraph-margin-comments-wrapper.expanded{z-index:110}.paragraph-comments-bubble-list{flex-direction:column;gap:10px;max-height:520px;padding-right:4px;transition:max-height .4s cubic-bezier(.16,1,.3,1);display:flex;overflow-y:auto}.paragraph-comments-bubble-list::-webkit-scrollbar{width:4px}.paragraph-comments-bubble-list::-webkit-scrollbar-track{background:0 0}.paragraph-comments-bubble-list::-webkit-scrollbar-thumb{background:#6d826926;border-radius:2px}.paragraph-comments-bubble-list::-webkit-scrollbar-thumb:hover{background:#6d82694d}@keyframes bubbleFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.whisper-comment-bubble-card{background:var(--bg-card);box-shadow:var(--shadow-sm);transition:var(--transition);text-align:left;border:1px solid #6d826914;border-radius:2px 12px 12px;padding:12px 14px;position:relative}.whisper-comment-bubble-card:hover{box-shadow:var(--shadow-card);border-color:#6d826933}.whisper-bubble-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.75rem;font-weight:700;display:flex}.whisper-bubble-author{color:var(--color-sage)}.whisper-bubble-time{color:var(--text-muted);font-size:.65rem;font-weight:500}.whisper-bubble-delete-btn{color:var(--color-terracotta);cursor:pointer;transition:var(--transition);background:0 0;border:none;margin-left:6px;padding:0;font-size:.65rem;font-weight:800;text-decoration:underline}.whisper-bubble-delete-btn:hover{color:#b84333}.whisper-bubble-content{color:var(--text-primary);word-break:break-all;margin:0;font-size:.8rem;line-height:1.5}.whisper-bubble-reply{border-top:1px dashed #6d82691a;border-left:2px solid var(--color-sand);background:#d5c2a50a;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:.75rem}.whisper-bubble-reply .reply-label{color:var(--color-sand);margin-bottom:2px;font-weight:800;display:block}.whisper-bubble-reply .reply-content{color:var(--text-secondary);margin:0;line-height:1.45}.margin-bubble-form{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid #6d82691f;border-radius:12px;flex-direction:column;gap:8px;padding:12px;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownBubble;display:flex}@keyframes slideDownBubble{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bubble-author-input,.bubble-content-textarea{width:100%;color:var(--text-primary);transition:var(--transition);background:#00000005;border:1px solid #0000000d;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:.75rem}.bubble-author-input:focus,.bubble-content-textarea:focus{border-color:var(--color-sage);background:var(--bg-primary);box-shadow:0 0 0 3px #6d82690f}.bubble-content-textarea{resize:none}.bubble-form-actions{justify-content:flex-end;gap:8px;display:flex}.bubble-cancel-btn,.bubble-submit-btn{cursor:pointer;transition:var(--transition);border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700}.bubble-cancel-btn{color:var(--text-secondary);background:0 0}.bubble-cancel-btn:hover{color:var(--text-primary);background:#00000008}.bubble-submit-btn{background:var(--color-sage);color:#fff;box-shadow:0 2px 6px #6d826926}.bubble-submit-btn:hover{background:#6d8269e6;box-shadow:0 4px 12px #6d826940}.bubble-submit-btn:disabled{opacity:.6;cursor:not-allowed}.mobile-comment-sheet-overlay{-webkit-backdrop-filter:blur(4px);z-index:1005;background:#00000059;align-items:flex-end;animation:.3s mobileSidebarFadeIn;position:fixed;inset:0;display:none!important}.mobile-comment-sheet{background:var(--bg-card);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-top:1px solid #6d826914;flex-direction:column;width:100%;max-height:80vh;padding:20px 24px 30px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;box-shadow:0 -8px 30px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{margin-bottom:16px}.sheet-handle{background:#6d826933;border-radius:2px;width:40px;height:4px;margin:0 auto 12px}.sheet-title-row{justify-content:space-between;align-items:center;display:flex}.sheet-title-row h5{font-family:var(--font-serif);color:var(--text-primary);font-size:1.05rem;font-weight:800}.sheet-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.sheet-body{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.sheet-comments-list{flex-direction:column;flex-grow:1;gap:12px;max-height:260px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.sheet-comments-empty{text-align:center;color:var(--text-muted);padding:40px 10px;font-size:.85rem;font-style:italic}.sheet-comments-form{border-top:1px solid #6d826914;flex-direction:column;gap:8px;padding-top:16px;display:flex}html.dark-theme .comment-author-input,html.dark-theme .comment-content-textarea{border-color:#ffffff0f}.ambient-music-player{-webkit-backdrop-filter:blur(20px)saturate(140%);z-index:1000;background:#fefdfabf;border:1px solid #6d826926;border-radius:20px;flex-direction:column;height:auto;min-height:40px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:24px;left:24px;overflow:hidden;box-shadow:0 10px 40px -10px #6d82691f}html.dark-theme .ambient-music-player{background:#191b17bf;border-color:#8da68926;box-shadow:0 10px 40px -10px #00000080}.music-deck-row{align-items:center;width:100%;height:40px;display:flex}.music-wave-toggle-btn{cursor:pointer;z-index:10;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex;position:relative}.music-wave-toggle-btn:hover{background:#6d82690f}.music-icon-wrapper{color:var(--color-sage);justify-content:center;align-items:center;transition:transform .3s;display:flex}@keyframes spinRecord{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-icon-wrapper.rotating{animation:8s linear infinite spinRecord}.audio-wave-bars{align-items:flex-end;gap:1.5px;height:8px;display:flex;position:absolute;bottom:5px}.audio-wave-bars .bar{background:var(--color-sage);will-change:height;border-radius:.5px;width:1.5px}@keyframes bounceWaveBar{0%,to{height:2px}50%{height:8px}}.audio-wave-bars .bar-1{animation:.9s ease-in-out infinite bounceWaveBar}.audio-wave-bars .bar-2{animation:.7s ease-in-out .15s infinite bounceWaveBar}.audio-wave-bars .bar-3{animation:.8s ease-in-out .3s infinite bounceWaveBar}.audio-wave-bars .bar-4{animation:.6s ease-in-out .45s infinite bounceWaveBar}.paused-dot{background:var(--text-muted);border-radius:50%;width:3px;height:3px;position:absolute;bottom:6px}.ambient-music-player.collapsed{width:40px}.ambient-music-player.expanded{border-radius:16px;width:290px}.music-deck-container{opacity:0;pointer-events:none;flex-direction:column;flex-grow:1;transition:opacity .3s;display:flex;overflow:hidden}.ambient-music-player.expanded .music-deck-container{opacity:1;pointer-events:auto}.deck-main-controls{align-items:center;gap:8px;height:40px;padding-right:12px;display:flex}.deck-control-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex}.deck-control-btn:hover{color:var(--color-sage);background:#6d826914}.deck-control-btn.play-btn{background:var(--color-sage);color:#fff;box-shadow:var(--shadow-sm)}.deck-control-btn.play-btn:hover{color:#fff;background:#6d8269e6;transform:scale(1.08)}.track-info-scroller{white-space:nowrap;flex-grow:1;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.track-title-text{color:var(--text-primary);padding-left:100%;font-size:.65rem;font-weight:800;animation:12s linear infinite scrollTrackName}@keyframes scrollTrackName{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.music-settings-form-wrapper{border-top:1px dashed #6d826926;flex-direction:column;width:100%;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideDownBubble;display:flex}.music-settings-form{align-items:center;gap:6px;width:100%;margin:0;padding:8px 12px 4px;display:flex}.music-file-upload-block{justify-content:space-between;align-items:center;gap:8px;width:100%;padding:4px 12px 10px;display:flex}.upload-block-title{color:var(--text-muted);font-size:.6rem;font-weight:700}.music-upload-trigger-btn{background:var(--color-sage-light);color:var(--color-sage);cursor:pointer;border:1px solid #6d826926;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 10px;font-size:.6rem;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.music-upload-trigger-btn:hover{background:var(--color-sage);color:#fff;transform:translateY(-.5px);box-shadow:0 2px 6px #6d826926}.music-upload-trigger-btn:disabled{opacity:.6;cursor:not-allowed}.music-url-input{color:var(--text-primary);transition:var(--transition);background:#00000005;border:1px solid #6d826926;border-radius:8px;outline:none;flex-grow:1;padding:6px 10px;font-size:.65rem}html.dark-theme .music-url-input{background:#ffffff05;border-color:#ffffff14}.music-url-input:focus{border-color:var(--color-sage);background:var(--bg-primary)}.music-settings-actions{flex-shrink:0;gap:4px;display:flex}.music-settings-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.music-settings-btn.cancel-btn{color:var(--text-muted);background:0 0}.music-settings-btn.cancel-btn:hover{color:var(--text-primary);background:#00000008}.music-settings-btn.save-btn{background:var(--color-sage);color:#fff}.music-settings-btn.save-btn:hover{background:#6d8269e6}.ambient-bgm-invite-toast{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#fefdfad9;border:1px solid #6d826933;border-radius:16px;flex-direction:column;gap:12px;max-width:290px;padding:14px 16px;animation:.5s cubic-bezier(.16,1,.3,1) forwards toastSlideUp;display:flex;position:fixed;bottom:80px;left:24px;box-shadow:0 12px 40px #6d826914}html.dark-theme .ambient-bgm-invite-toast{background:#191b17e6;border-color:#8da68933;box-shadow:0 12px 40px #0006}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-invite-content{align-items:flex-start;gap:10px;display:flex}.toast-invite-icon{color:var(--color-sage);flex-shrink:0;margin-top:2px}.toast-invite-text h6{font-family:var(--font-serif);color:var(--text-primary);margin:0 0 2px;font-size:.8rem;font-weight:800}.toast-invite-text p{color:var(--text-secondary);margin:0;font-size:.65rem;line-height:1.4}.toast-invite-actions{justify-content:flex-end;gap:8px;display:flex}.toast-btn{cursor:pointer;border:none;border-radius:10px;padding:6px 14px;font-size:.65rem;font-weight:700;transition:all .25s}.toast-btn.mute-btn{color:var(--text-secondary);background:0 0}.toast-btn.mute-btn:hover{color:var(--text-primary);background:#00000008}.toast-btn.play-btn{background:var(--color-sage);color:#fff;box-shadow:var(--shadow-sm)}.toast-btn.play-btn:hover{background:#6d8269e6;transform:translateY(-1px)}@media (width<=768px){.ambient-bgm-invite-toast{gap:10px;width:90%;max-width:340px;padding:12px;animation:.5s cubic-bezier(.16,1,.3,1) forwards toastSlideUpMobile;bottom:80px;left:50%;transform:translate(-50%)}html.dark-theme .ambient-bgm-invite-toast{box-shadow:0 8px 30px #0009}.toast-invite-text h6{font-size:.75rem}.toast-invite-text p{font-size:.6rem}.toast-btn{padding:6px 12px;font-size:.6rem}}@keyframes toastSlideUpMobile{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.mascot-empty-state{color:var(--text-muted);text-align:center;opacity:.8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 1rem;animation:.5s fadeIn;display:flex}.mascot-svg{filter:drop-shadow(0 4px 10px #0000000d);transition:transform .3s}.mascot-empty-state:hover .mascot-svg{transform:rotate(-5deg)scale(1.05)}.mascot-message{max-width:250px;font-size:.95rem;font-weight:500}.mascot-floating{cursor:pointer;z-index:999;justify-content:center;align-items:center;width:60px;height:60px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn;display:flex;position:fixed;bottom:20px;right:20px}.mascot-img-floating{filter:drop-shadow(0 4px 12px #0000001a);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.mascot-floating:hover .mascot-img-floating{transform:translateY(-5px)scale(1.1)}.mascot-tooltip{background:var(--text-primary);color:var(--bg-primary);opacity:0;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:all .3s;position:absolute;top:50%;right:100%;transform:translateY(-50%)translate(10px)}.mascot-floating:hover .mascot-tooltip{opacity:1;transform:translateY(-50%)translate(-10px)}@keyframes bounceIn{0%{opacity:0;transform:scale(0)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.mascot-celebration-overlay{z-index:9999;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.mascot-celebration-dog{flex-direction:column;justify-content:center;align-items:center;animation:3.5s cubic-bezier(.175,.885,.32,1.275) forwards mascotPopUp;display:flex}.mascot-celebration-text{color:var(--color-terracotta);text-shadow:0 4px 10px #0000001a;border-radius:var(--radius-full);box-shadow:var(--shadow-card);background:#ffffffe6;margin-top:-20px;padding:8px 24px;font-size:1.5rem;font-weight:800}.mascot-confetti-particle{border-radius:4px;width:10px;height:20px;animation-name:mascotConfettiFall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes mascotPopUp{0%{opacity:0;transform:translateY(100vh)scale(.5)}15%{opacity:1;transform:translateY(0)scale(1.2)}25%{opacity:1;transform:translateY(0)scale(1)}85%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(100vh)scale(.5)}}@keyframes mascotConfettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.dog-ear-left{transform-origin:30px 50px;animation:.3s ease-in-out infinite alternate earFlapLeft}.dog-ear-right{transform-origin:70px 50px;animation:.3s ease-in-out infinite alternate earFlapRight}@keyframes earFlapLeft{0%{transform:rotate(0)}to{transform:rotate(-20deg)}}@keyframes earFlapRight{0%{transform:rotate(0)}to{transform:rotate(20deg)}}.click-paw-print{pointer-events:none;z-index:9999;animation:1s forwards pawFadeOut;position:fixed;transform:rotate(-15deg)}@keyframes pawFadeOut{0%{opacity:0;transform:scale(.5)rotate(-15deg)}20%{opacity:1;transform:scale(1.2)rotate(-15deg)}to{opacity:0;transform:scale(1)rotate(-15deg)translateY(-20px)}}.mascot-speech-bubble{background:var(--bg-card);box-shadow:var(--shadow-sm);color:var(--text-primary);white-space:nowrap;z-index:10;border:1px solid #8da68933;border-radius:20px 20px 20px 4px;padding:10px 16px;font-size:14px;font-weight:600;animation:.4s cubic-bezier(.175,.885,.32,1.275) popBubble;position:absolute;top:-30px;right:-50px}html.dark-theme .mascot-speech-bubble{background:#333;border-color:#ffffff1a}@keyframes popBubble{0%{opacity:0;transform:scale(.8)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:4px solid var(--bg-body);background:#8da68966;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#8da689b3}html.dark-theme ::-webkit-scrollbar-thumb{border:4px solid var(--bg-body);background:#fff3}html.dark-theme ::-webkit-scrollbar-thumb:hover{background:#fff6}.auth-mascot-gif{object-fit:contain;width:140px;height:auto;margin-bottom:20px}.minimal-bgm-container{z-index:1000;gap:8px;display:flex;position:fixed;bottom:24px;left:24px}.minimal-play-btn,.minimal-settings-btn{-webkit-backdrop-filter:blur(10px);width:40px;height:40px;color:var(--color-sage);cursor:pointer;background:#fefdfad9;border:1px solid #6d826933;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 12px #6d82691a}.minimal-play-btn:hover,.minimal-settings-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #6d826926}.minimal-play-btn.playing{background:var(--color-sage);color:#fff}html.dark-theme .minimal-play-btn,html.dark-theme .minimal-settings-btn{color:#ffffffb3;background:#282828d9;border-color:#ffffff1a;box-shadow:0 4px 12px #0006}html.dark-theme .minimal-play-btn.playing{background:var(--color-sage);color:#fff}html.dark-theme .minimal-play-btn:hover,html.dark-theme .minimal-settings-btn:hover{background:#3c3c3cf2}.minimal-admin-wrapper{position:relative}.minimal-settings-dropdown{background:var(--bg-body);border:1px solid var(--border-color);width:280px;box-shadow:var(--shadow-lg);border-radius:12px;padding:16px;animation:.3s fadeSlideUp;position:absolute;bottom:50px;left:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.env-container{pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bubble{opacity:.6;background:radial-gradient(circle at 30% 30%,#fffc,#ffffff1a 60%,#fff6 100%);border-radius:50%;animation:linear infinite floatUp;position:absolute;box-shadow:inset 0 0 10px #ffffff80}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-110vh)scale(1.5)}}.firefly{opacity:0;background:#fff;border-radius:50%;animation:ease-in-out infinite alternate drift;position:absolute;box-shadow:0 0 6px 2px #ffffb499,0 0 12px 4px #ffffb44d}@keyframes drift{0%{opacity:.2;transform:translate(0)scale(.8)}50%{opacity:1;transform:translate(20px,-20px)scale(1.2)}to{opacity:.2;transform:translate(-20px,20px)scale(.8)}}.changelog-container{max-width:800px;margin:0 auto;padding:20px 40px;animation:.5s fadeIn}.changelog-header-banner{text-align:center;flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.changelog-mascot-banner{width:280px;height:auto;box-shadow:var(--shadow-md);border-radius:20px;margin-bottom:20px;transition:transform .3s}.changelog-mascot-banner:hover{transform:scale(1.02)}.changelog-header-text h2{color:var(--text-primary);font-size:2rem;font-weight:700;font-family:var(--font-heading);margin-bottom:8px}.changelog-header-text p{color:var(--text-secondary);font-size:1rem}.changelog-admin-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#fefdfacc;border:1px solid #6d826933;border-radius:16px;margin-bottom:40px;padding:20px}html.dark-theme .changelog-admin-panel{background:#28282899;border-color:#ffffff1a}.changelog-admin-panel h3{color:var(--color-sage);align-items:center;margin-bottom:16px;font-size:1.1rem;display:flex}.changelog-admin-form{flex-direction:column;gap:12px;display:flex}.changelog-admin-form .form-row{gap:12px;display:flex}.changelog-admin-form input,.changelog-admin-form textarea{border:1px solid var(--border-color);background:var(--bg-body);color:var(--text-primary);font-family:var(--font-main);border-radius:8px;outline:none;padding:10px 14px;transition:all .3s}.changelog-admin-form input:focus,.changelog-admin-form textarea:focus{border-color:var(--color-sage);box-shadow:0 0 0 3px #6d82691a}.changelog-admin-form textarea{resize:vertical}.changelog-admin-form button{background:var(--color-sage);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;gap:6px;padding:10px;font-weight:500;transition:all .2s;display:flex}.changelog-admin-form button:hover:not(:disabled){background:#6d8269e6;transform:translateY(-2px)}.changelog-admin-form button:disabled{opacity:.6;cursor:not-allowed}.changelog-timeline{padding-left:20px;position:relative}.changelog-timeline:before{content:"";background:var(--border-color);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:26px}.timeline-item{margin-bottom:40px;padding-left:40px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-node{background:var(--color-sage);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg-body);z-index:2;border-radius:50%;transition:all .3s;position:absolute;top:6px;left:1px}.timeline-item:hover .timeline-node{transform:scale(1.3);box-shadow:0 0 0 4px #6d826933}.timeline-content{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fefdfa80;border-radius:12px;padding:20px;transition:all .3s}html.dark-theme .timeline-content{background:#28282866}.timeline-item:hover .timeline-content{box-shadow:var(--shadow-md);border-color:#6d82694d;transform:translate(5px)}.timeline-content-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.version-badge{background:var(--color-sage);color:#fff;border-radius:20px;padding:4px 10px;font-family:monospace;font-size:.85rem;font-weight:600}.date-text{color:var(--text-secondary);font-size:.9rem;font-weight:500}.delete-log-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:auto;padding:4px;transition:all .2s;display:flex}.delete-log-btn:hover{color:#e57373;background:#e573731a}.timeline-body p{color:var(--text-primary);margin-bottom:8px;line-height:1.6}.timeline-body p:last-child{margin-bottom:0}.changelog-loading,.changelog-empty{text-align:center;color:var(--text-secondary);padding:40px;font-style:italic}@media (width<=768px){.changelog-container{padding:20px}.changelog-admin-form .form-row{flex-direction:column}.changelog-timeline:before{left:20px}.timeline-node{left:-5px}}