.auth-login[data-v-6928c7aa]{margin-top:.75rem;padding:0;border:none;background:transparent;color:var(--color-text-secondary);font-size:.9rem;letter-spacing:.08em;cursor:pointer}.auth-login[data-v-6928c7aa]:hover{color:var(--color-text-primary)}.door-nav[data-v-7db46416]{display:flex;align-items:center;justify-content:center;gap:.35em;margin-top:12px;font-family:var(--font-serif);font-size:.95rem;letter-spacing:.28em;color:var(--color-text-muted, #6b5e50)}.door-nav-sep[data-v-7db46416]{opacity:.45;letter-spacing:0}.door-nav-link[data-v-7db46416]{color:inherit;text-decoration:none}.door-nav-link[data-v-7db46416]:hover{color:var(--color-text-primary)}.door-nav-current[data-v-7db46416]{color:var(--color-text-primary);box-shadow:inset 0 -1px 0 var(--color-primary)}.message-item-enter-active[data-v-ccf6e1e7],.message-item-leave-active[data-v-ccf6e1e7]{transition:all .2s ease}.message-item-leave-to[data-v-ccf6e1e7]{opacity:0;transform:translate(100%)}.user-panel-modal[data-v-ccf6e1e7]{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.user-panel-modal-overlay[data-v-ccf6e1e7]{position:absolute;inset:0;background:var(--color-overlay-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn-ccf6e1e7 var(--duration-normal) var(--ease-smooth)}.user-panel-modal-content[data-v-ccf6e1e7]{position:relative;width:min(600px,90vw);max-height:min(80vh,700px);background:var(--color-surface-raised);border-radius:var(--radius-xl);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp-ccf6e1e7 var(--duration-normal) var(--ease-gentle)}@keyframes fadeIn-ccf6e1e7{0%{opacity:0}to{opacity:1}}@keyframes slideUp-ccf6e1e7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-panel-modal-header[data-v-ccf6e1e7]{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border-soft);background:linear-gradient(180deg,var(--color-surface-primary) 0%,var(--color-surface-raised) 100%);flex-shrink:0}.user-panel-user-info[data-v-ccf6e1e7]{flex:1}.user-panel-title[data-v-ccf6e1e7]{margin:0 0 .4rem;font-family:var(--font-serif);font-size:1.6rem;font-weight:500;color:var(--color-text-primary);letter-spacing:.08em;line-height:1.3}.user-panel-subtitle[data-v-ccf6e1e7]{margin:0;font-size:.9rem;color:var(--color-text-secondary);letter-spacing:.05em;line-height:1.5}.user-panel-close-btn[data-v-ccf6e1e7]{width:36px;height:36px;border:1px solid transparent;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);flex-shrink:0}.user-panel-close-btn[data-v-ccf6e1e7]:hover{background:var(--color-primary-soft);color:var(--color-text-primary);border-color:var(--color-border-soft);transform:rotate(90deg)}.user-panel-tabs[data-v-ccf6e1e7]{display:flex;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-soft);background:var(--color-surface-primary);flex-shrink:0}.user-panel-tab[data-v-ccf6e1e7]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem var(--spacing-md);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);font-size:.9rem;font-weight:400;letter-spacing:.04em;position:relative}.user-panel-tab[data-v-ccf6e1e7]:hover{background:var(--color-surface-soft);color:var(--color-text-primary);border-color:var(--color-border-soft)}.user-panel-tab.active[data-v-ccf6e1e7]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:500;border-color:var(--color-primary);box-shadow:0 2px 8px -4px #7892624d}.user-panel-tab i[data-v-ccf6e1e7]{font-size:.95rem;opacity:.8}.user-panel-tab.active i[data-v-ccf6e1e7]{opacity:1}.user-panel-tab-badge[data-v-ccf6e1e7]{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--color-critical);color:var(--color-text-contrast);border-radius:var(--radius-full);font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center}.user-panel-tab-content[data-v-ccf6e1e7]{flex:1;overflow:hidden;display:flex;flex-direction:column}.user-panel-tab-pane[data-v-ccf6e1e7]{display:none;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.user-panel-tab-pane.active[data-v-ccf6e1e7]{display:flex;flex-direction:column}.user-panel-content-area[data-v-ccf6e1e7]{flex:1;padding:var(--spacing-lg);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-soft) transparent;background:var(--color-surface-raised)}.user-panel-content-area[data-v-ccf6e1e7]::-webkit-scrollbar{width:6px}.user-panel-content-area[data-v-ccf6e1e7]::-webkit-scrollbar-track{background:transparent}.user-panel-content-area[data-v-ccf6e1e7]::-webkit-scrollbar-thumb{background:var(--color-border-soft);border-radius:var(--radius-full)}.user-panel-content-area[data-v-ccf6e1e7]::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary, #999)}.user-panel-loading[data-v-ccf6e1e7],.user-panel-empty-state[data-v-ccf6e1e7]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-text-secondary);text-align:center}.user-panel-loading i[data-v-ccf6e1e7],.user-panel-empty-state i[data-v-ccf6e1e7]{font-size:2.5rem;opacity:.4;color:var(--color-text-tertiary)}.user-panel-loading p[data-v-ccf6e1e7],.user-panel-empty-state p[data-v-ccf6e1e7]{margin:0;font-size:.9rem;letter-spacing:.05em;color:var(--color-text-secondary)}.ranking-list[data-v-ccf6e1e7]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ranking-top-users[data-v-ccf6e1e7]{display:flex;flex-direction:column;gap:.75rem}.ranking-item[data-v-ccf6e1e7]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border-soft);transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-sm)}.ranking-item[data-v-ccf6e1e7]:hover{background:var(--color-surface-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.ranking-item.current-user[data-v-ccf6e1e7]{background:linear-gradient(135deg,var(--color-primary-soft) 0%,rgba(120,146,98,.12) 100%);border-color:var(--color-primary);box-shadow:0 4px 12px -6px #78926266}.ranking-rank[data-v-ccf6e1e7]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface-primary);color:var(--color-text-primary);font-weight:600;font-size:1.1rem;flex-shrink:0;border:1px solid var(--color-border-soft);box-shadow:inset 0 1px 2px #0000000d}.ranking-item.current-user .ranking-rank[data-v-ccf6e1e7]{background:var(--color-primary);color:var(--color-text-contrast);border-color:var(--color-primary);box-shadow:0 2px 6px -2px #78926280}.ranking-info[data-v-ccf6e1e7]{flex:1;display:flex;flex-direction:column;gap:.3rem}.ranking-name[data-v-ccf6e1e7]{font-weight:500;color:var(--color-text-primary);font-size:1rem;letter-spacing:.03em}.ranking-count[data-v-ccf6e1e7]{font-size:.85rem;color:var(--color-text-secondary);letter-spacing:.02em}.ranking-badge[data-v-ccf6e1e7]{padding:.3rem .85rem;background:var(--color-primary);color:var(--color-text-contrast);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;letter-spacing:.05em;box-shadow:0 2px 4px #7892624d}.ranking-current-user-section[data-v-ccf6e1e7]{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-soft)}.ranking-user-stats[data-v-ccf6e1e7]{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface-soft);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm)}.user-stat-item[data-v-ccf6e1e7]{display:flex;flex-direction:column;gap:.4rem}.user-stat-label[data-v-ccf6e1e7]{font-size:.85rem;color:var(--color-text-secondary);letter-spacing:.03em}.user-stat-value[data-v-ccf6e1e7]{font-size:1.1rem;font-weight:500;color:var(--color-text-primary);letter-spacing:.02em}.ranking-actions[data-v-ccf6e1e7]{display:flex;justify-content:center;padding-top:var(--spacing-md)}.user-panel-signout-btn[data-v-ccf6e1e7]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border-soft);background:var(--color-surface-soft);color:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.05em;transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-sm)}.user-panel-signout-btn[data-v-ccf6e1e7]:hover{background:var(--color-critical-soft);border-color:var(--color-critical);color:var(--color-critical);transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-panel-messages-list[data-v-ccf6e1e7]{display:flex;flex-direction:column;gap:.75rem}.user-panel-message-item[data-v-ccf6e1e7]{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border-soft);transition:all var(--duration-fast) var(--ease-smooth);position:relative;box-shadow:var(--shadow-sm)}.user-panel-message-item[data-v-ccf6e1e7]:hover{background:var(--color-surface-primary);transform:translate(2px);box-shadow:var(--shadow-md)}.user-panel-message-item.unread[data-v-ccf6e1e7]{background:linear-gradient(135deg,var(--color-primary-soft) 0%,rgba(120,146,98,.08) 100%);border-color:var(--color-primary);box-shadow:0 2px 8px -4px #7892624d}.user-panel-message-icon[data-v-ccf6e1e7]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface-primary);color:var(--color-text-secondary);flex-shrink:0;border:1px solid var(--color-border-soft);box-shadow:inset 0 1px 2px #0000000d}.user-panel-message-item.unread .user-panel-message-icon[data-v-ccf6e1e7]{background:var(--color-primary);color:var(--color-text-contrast);border-color:var(--color-primary)}.user-panel-message-content[data-v-ccf6e1e7]{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0;position:relative}.user-panel-message-header[data-v-ccf6e1e7]{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.user-panel-message-title[data-v-ccf6e1e7]{margin:0;font-weight:500;color:var(--color-text-primary);font-size:.95rem;letter-spacing:.02em}.user-panel-message-time[data-v-ccf6e1e7]{font-size:.8rem;color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.user-panel-message-text[data-v-ccf6e1e7]{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;word-wrap:break-word}.user-panel-message-unread-indicator[data-v-ccf6e1e7]{position:absolute;top:0;right:0;width:10px;height:10px;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--color-surface-raised),0 2px 4px #78926266}.user-panel-message-actions[data-v-ccf6e1e7]{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.user-panel-message-action-btn[data-v-ccf6e1e7]{width:32px;height:32px;border:1px solid transparent;background:transparent;color:var(--color-text-secondary);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.user-panel-message-action-btn[data-v-ccf6e1e7]:hover{background:var(--color-primary-soft);color:var(--color-text-primary);border-color:var(--color-border-soft)}@media(max-width:768px){.user-panel-modal[data-v-ccf6e1e7]{padding:var(--spacing-sm);align-items:flex-end}.user-panel-modal-content[data-v-ccf6e1e7]{width:100%;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.user-panel-modal-header[data-v-ccf6e1e7]{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.user-panel-title[data-v-ccf6e1e7]{font-size:1.15rem;margin-bottom:.2rem}.user-panel-subtitle[data-v-ccf6e1e7]{font-size:.8rem}.user-panel-close-btn[data-v-ccf6e1e7]{width:32px;height:32px}.user-panel-tabs[data-v-ccf6e1e7]{flex-direction:row;gap:.35rem;padding:var(--spacing-xs, 4px) var(--spacing-sm)}.user-panel-tab[data-v-ccf6e1e7]{flex:1;justify-content:center;padding:.55rem .25rem;font-size:.8rem;gap:.3rem}.user-panel-tab i[data-v-ccf6e1e7]{font-size:.85rem}.user-panel-tab-badge[data-v-ccf6e1e7]{top:2px;right:2px;min-width:14px;height:14px;font-size:.6rem}.user-panel-content-area[data-v-ccf6e1e7]{padding:var(--spacing-md)}.ranking-item[data-v-ccf6e1e7]{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.ranking-rank[data-v-ccf6e1e7]{width:32px;height:32px;font-size:.95rem}.ranking-name[data-v-ccf6e1e7]{font-size:.9rem}.ranking-count[data-v-ccf6e1e7]{font-size:.8rem}.ranking-badge[data-v-ccf6e1e7]{padding:.2rem .6rem;font-size:.7rem}.ranking-user-stats[data-v-ccf6e1e7]{flex-direction:row;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.user-stat-label[data-v-ccf6e1e7]{font-size:.8rem}.user-stat-value[data-v-ccf6e1e7]{font-size:.95rem}.user-panel-signout-btn[data-v-ccf6e1e7]{font-size:.85rem;padding:var(--spacing-xs, 4px) var(--spacing-md)}.user-panel-message-icon[data-v-ccf6e1e7]{width:36px;height:36px}.user-panel-message-title[data-v-ccf6e1e7]{font-size:.88rem}.user-panel-message-text[data-v-ccf6e1e7]{font-size:.82rem}.user-panel-message-time[data-v-ccf6e1e7]{font-size:.72rem}.user-panel-message-action-btn[data-v-ccf6e1e7]{width:28px;height:28px}.user-panel-loading i[data-v-ccf6e1e7],.user-panel-empty-state i[data-v-ccf6e1e7]{font-size:2rem}.user-panel-loading p[data-v-ccf6e1e7],.user-panel-empty-state p[data-v-ccf6e1e7]{font-size:.82rem}}.look-chips[data-v-a63bd3d4]{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.look-chip[data-v-a63bd3d4]{border:1px solid var(--color-border-soft, rgba(61, 52, 40, .16));background:transparent;color:var(--color-text-secondary, #6a5d4c);border-radius:999px;padding:4px 10px;font-size:.78rem;font-family:var(--font-serif);letter-spacing:.06em;cursor:pointer}.look-chip.selected[data-v-a63bd3d4]{border-color:var(--color-primary, #8c7358);color:var(--color-text-primary, #3d3428);background:var(--color-primary-soft, rgba(140, 115, 88, .16))}.look-chip.is-focus[data-v-a63bd3d4]{box-shadow:0 0 0 1px var(--color-primary, #8c7358)}.look-range[data-v-a63bd3d4]{display:block;width:100%;margin-top:4px;accent-color:var(--color-primary, #8c7358)}.painting-weather[data-v-fe1350db]{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:3}.huajing-canvas[data-v-09a09c84]{position:absolute;inset:0;z-index:1;box-sizing:border-box;padding:1.5rem 1rem var(--huajing-pad-bottom, 7.5rem);background:var(--door-stage-bg, #14110e);color:var(--door-stage-ink, #f4efe4)}.huajing-stage[data-v-09a09c84]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.huajing-viewfinder[data-v-09a09c84]{display:contents}@media(max-width:768px){.huajing-canvas[data-v-09a09c84]:not(.is-stack){padding:1.25rem .75rem var(--huajing-pad-bottom, 6.5rem)}}.huajing-canvas.is-stack[data-v-09a09c84]{display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) 0 calc(var(--huajing-pad-bottom, 6.5rem) + 1.25rem)}.huajing-canvas.is-stack .huajing-stage[data-v-09a09c84]{flex:1;min-height:0;height:auto;width:100%}.huajing-mount[data-v-09a09c84]{display:flex;flex-direction:row-reverse;align-items:stretch;box-sizing:border-box;max-width:100%;background:var(--huajing-paper, #1e1914);border:1px solid var(--huajing-paper-edge, color-mix(in srgb, var(--door-stage-ink, #f4efe4) 11%, transparent));box-shadow:0 16px 40px -18px #0000008c;opacity:0}.huajing-mount.is-in[data-v-09a09c84]{opacity:1;transition:opacity 1.1s cubic-bezier(.45,.05,.55,.95)}.huajing-frame[data-v-09a09c84]{position:relative;flex:0 0 auto;width:var(--huajing-image-w);height:var(--huajing-image-h);overflow:hidden}.huajing-frame.is-ready[data-v-09a09c84]{transition:width 2.1s cubic-bezier(.45,.05,.55,.95),height 2.1s cubic-bezier(.45,.05,.55,.95)}.huajing-layer[data-v-09a09c84]{position:absolute;inset:0;opacity:0;transform:scale(1.02);transform-origin:center center}.huajing-frame.is-ready .huajing-layer[data-v-09a09c84]{transition:opacity 2.1s cubic-bezier(.45,.05,.55,.95)}.huajing-layer.is-in[data-v-09a09c84]{opacity:1;transform-origin:center center;animation:huajing-picture-breathe-09a09c84 12s cubic-bezier(.45,.05,.55,.95) infinite}.huajing-image[data-v-09a09c84]{display:block;position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.huajing-light-breathe[data-v-09a09c84],.huajing-light-drift[data-v-09a09c84]{position:absolute;pointer-events:none;z-index:2}.huajing-light-breathe[data-v-09a09c84]{inset:0;background:#fff3d4;mix-blend-mode:overlay;animation:huajing-light-breathe-09a09c84 11s ease-in-out infinite}.huajing-light-drift[data-v-09a09c84]{inset:-18% -55%;background:linear-gradient(108deg,transparent 24%,rgb(255 228 170 / 0) 38%,rgb(255 236 196 / var(--huajing-shaft, .5)) 50%,rgb(255 228 170 / 0) 62%,transparent 76%);mix-blend-mode:overlay;animation:huajing-light-drift-09a09c84 26s ease-in-out infinite}@keyframes huajing-picture-breathe-09a09c84{0%,to{transform:scale(1.02)}42%{transform:scale(1.05)}}@keyframes huajing-light-breathe-09a09c84{0%,to{opacity:var(--huajing-wash-min, .12)}42%{opacity:var(--huajing-wash-max, .4)}}@keyframes huajing-light-drift-09a09c84{0%{transform:translate(-34%)}to{transform:translate(34%)}}.huajing-placeholder[data-v-09a09c84]{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--door-stage-ink, #f4efe4) 16%,transparent);background:transparent;color:color-mix(in srgb,var(--door-stage-ink, #f4efe4) 42%,transparent);font-family:var(--font-serif);font-size:1.15rem;letter-spacing:.22em;cursor:pointer}.huajing-placeholder-hint[data-v-09a09c84]{font-size:.82rem;letter-spacing:.28em;opacity:.72}.huajing-placeholder[data-v-09a09c84]:not(.is-static):hover{color:color-mix(in srgb,var(--door-stage-ink, #f4efe4) 62%,transparent)}.huajing-placeholder.is-static[data-v-09a09c84]{cursor:default}.huajing-inscription[data-v-09a09c84]{display:flex;flex-direction:row-reverse;align-items:stretch;gap:.55em;min-width:0}.huajing-verse[data-v-09a09c84],.huajing-meta[data-v-09a09c84]{margin:0;writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;font-family:var(--font-serif);position:relative}.huajing-verse[data-v-09a09c84]{align-self:flex-start;margin-top:4%;max-height:var(--huajing-verse-max-h);font-size:var(--huajing-verse-size);line-height:1.72;letter-spacing:.28em;color:var(--door-stage-ink, #f4efe4);text-shadow:0 0 6px rgba(255,255,255,.16),0 0 10px rgba(255,255,255,.08);animation:breathe 8s cubic-bezier(.45,.05,.55,.95) infinite;will-change:opacity,transform;transform-origin:center center}.huajing-verse[data-v-09a09c84]:after,.huajing-meta[data-v-09a09c84]:after{content:attr(data-text);position:absolute;inset:0;display:block;writing-mode:inherit;text-orientation:inherit;white-space:inherit;pointer-events:none;color:transparent;text-shadow:0 0 14px rgba(255,255,255,.42),0 0 22px rgba(255,255,255,.22);transform-origin:center center;animation:breathe-glow 8s cubic-bezier(.45,.05,.55,.95) infinite;opacity:.14}.huajing-meta[data-v-09a09c84]{align-self:flex-end;margin-bottom:8%;font-size:var(--huajing-meta-size);line-height:1.6;letter-spacing:.22em;color:color-mix(in srgb,var(--door-stage-ink, #f4efe4) 82%,transparent);text-shadow:0 0 6px rgba(255,255,255,.12),0 0 10px rgba(255,255,255,.06);animation:breathe 8s cubic-bezier(.45,.05,.55,.95) infinite;will-change:opacity,transform;transform-origin:center center}a.huajing-meta[data-v-09a09c84]{text-decoration:none;cursor:pointer}a.huajing-meta[data-v-09a09c84]:hover{color:var(--door-stage-ink, #f4efe4)}.huajing-canvas.is-stack .huajing-mount[data-v-09a09c84]{flex-direction:column;width:100%;height:100%;max-width:none;background:transparent;border:0;box-shadow:none}.huajing-canvas.is-stack .huajing-viewfinder[data-v-09a09c84]{display:flex;flex:1;align-items:center;justify-content:center;min-height:0;width:100%}.huajing-canvas.is-stack .huajing-inscription[data-v-09a09c84]{flex-direction:column;align-items:center;justify-content:center;gap:.5em;width:100%;padding:.65rem 1.25rem 1.15rem}.huajing-canvas.is-stack .huajing-verse[data-v-09a09c84],.huajing-canvas.is-stack .huajing-meta[data-v-09a09c84]{writing-mode:horizontal-tb;text-orientation:mixed;white-space:normal;max-height:none;margin:0;align-self:center;text-align:center}.huajing-canvas.is-stack .huajing-verse[data-v-09a09c84]{display:flex;flex-direction:column;align-items:center;gap:.15em;letter-spacing:.1em;line-height:1.55}.huajing-canvas.is-stack .huajing-verse-line[data-v-09a09c84]{margin:0;position:relative}.huajing-canvas.is-stack .huajing-verse[data-v-09a09c84]:after,.huajing-canvas.is-stack .huajing-meta[data-v-09a09c84]:after{content:none}.huajing-canvas.is-stack .huajing-verse-line[data-v-09a09c84]:after{content:attr(data-text);position:absolute;inset:0;display:block;pointer-events:none;color:transparent;text-shadow:0 0 14px rgba(255,255,255,.42),0 0 22px rgba(255,255,255,.22);transform-origin:center center;animation:breathe-glow 8s cubic-bezier(.45,.05,.55,.95) infinite;opacity:.14}.huajing-canvas.is-stack .huajing-meta[data-v-09a09c84]{letter-spacing:.08em;line-height:1.45}.share-card-overlay[data-v-9dd9efd4]{position:fixed;inset:0;z-index:2400;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#14110e}.share-card-dialog[data-v-9dd9efd4]{display:flex;flex-direction:column;align-items:center;gap:1.1rem;max-width:min(92vw,640px);max-height:92vh;padding:.85rem .85rem 1.15rem;background:#14110e}.share-card-stage[data-v-9dd9efd4]{position:relative;max-width:100%}.share-card-image[data-v-9dd9efd4]{display:block;max-width:100%;max-height:calc(92vh - 6.5rem);-o-object-fit:contain;object-fit:contain}.share-card-status[data-v-9dd9efd4]{margin:0;padding:3rem 1rem;color:#f4efe4;font-family:var(--font-serif);letter-spacing:.12em}.share-card-actions[data-v-9dd9efd4]{display:flex;gap:.2rem;padding:.2rem;background:#1e1914;border:1px solid rgb(244 239 228 / .14)}.share-card-save[data-v-9dd9efd4],.share-card-dismiss[data-v-9dd9efd4]{border:0;background:transparent;color:#f4efe4;font-family:var(--font-serif);font-size:.95rem;letter-spacing:.18em;cursor:pointer;padding:.55rem .95rem}.share-card-save[data-v-9dd9efd4]:disabled{opacity:.35;cursor:default}.share-card-dismiss[data-v-9dd9efd4]{opacity:.72}.share-card-hint[data-v-9dd9efd4]{position:absolute;left:.55rem;right:.55rem;bottom:.55rem;z-index:2;margin:0;padding:.72rem .85rem;color:#14110e;background:#f4efe4;font-family:var(--font-serif);font-size:.95rem;font-weight:600;letter-spacing:.08em;line-height:1.45;max-width:none;word-break:break-all;text-align:center;border-radius:.55rem;pointer-events:none;animation:share-hint-in-9dd9efd4 .28s ease-out}@keyframes share-hint-in-9dd9efd4{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}.poem-content-vue[data-v-2ef01e5a]{flex-grow:1;height:100vh;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:var(--atmosphere-editor-width, 0px);bottom:0;z-index:1;transition:right var(--duration-normal) var(--ease-smooth)}.poem-wrapper-vue[data-v-2ef01e5a]{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;padding:0;overflow:visible;touch-action:manipulation}.poem-content-area-vue[data-v-2ef01e5a]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-xl);box-sizing:border-box;overflow:hidden;touch-action:manipulation}@keyframes breathe-2ef01e5a{0%{opacity:.92;transform:scale(.985)}33%{opacity:1;transform:scale(1.008)}to{opacity:.92;transform:scale(.985)}}@keyframes breathe-glow-2ef01e5a{0%{opacity:var(--poem-glow-opacity-min, .25);transform:scale(var(--poem-glow-scale-min, .99))}33%{opacity:var(--poem-glow-opacity-max, .85);transform:scale(var(--poem-glow-scale-max, 1.015))}to{opacity:var(--poem-glow-opacity-min, .25);transform:scale(var(--poem-glow-scale-min, .99))}}.poem-text-vue[data-v-2ef01e5a]{--verse-stagger: 1.35em;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center;gap:1.5em;font-family:var(--font-serif);font-size:3rem;font-weight:400;color:var(--poem-text-color, var(--color-text-primary, #324235));position:relative;animation:breathe-2ef01e5a 8s ease-in-out infinite;animation-timing-function:cubic-bezier(.45,.05,.55,.95);will-change:opacity,transform;transform-origin:center center;transition:color .4s ease}.poem-verse-col[data-v-2ef01e5a]{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.4em;white-space:nowrap;position:relative;text-shadow:var(--poem-glow-shadow-min, 0 0 8px rgba(255, 255, 255, .3), 0 0 12px rgba(255, 255, 255, .18))}.poem-text-vue.is-staggered .poem-verse-col[data-v-2ef01e5a]{transform:translateY(calc((var(--col-i) / (var(--col-n) - 1) - .5) * var(--verse-stagger)))}.poem-text-vue.is-staggered[data-v-2ef01e5a]{padding-block:calc(var(--verse-stagger) / 2)}.poem-verse-col[data-v-2ef01e5a]:after{content:attr(data-text);position:absolute;inset:0;display:block;writing-mode:inherit;text-orientation:inherit;pointer-events:none;white-space:inherit;color:transparent;text-shadow:var(--poem-glow-shadow-max, 0 0 20px rgba(255, 255, 255, .8), 0 0 30px rgba(255, 255, 255, .48));transform-origin:center center;animation:breathe-glow-2ef01e5a 8s ease-in-out infinite;animation-timing-function:cubic-bezier(.45,.05,.55,.95);opacity:var(--poem-glow-opacity-min, .25)}.poem-meta-vue[data-v-2ef01e5a]{position:absolute;bottom:var(--spacing-xl);left:var(--spacing-xl);font-family:var(--font-serif);writing-mode:vertical-rl;text-orientation:mixed;color:var(--poem-meta-color, var(--color-text-tertiary));font-size:1.2rem;letter-spacing:.2em;opacity:.7;white-space:nowrap;z-index:10;max-height:calc(100vh - var(--spacing-xl) * 2);overflow:hidden;transition:color .4s ease}a.poem-meta-vue[data-v-2ef01e5a]{text-decoration:none;cursor:pointer}a.poem-meta-vue[data-v-2ef01e5a]:hover{opacity:1}.poem-loading-vue[data-v-2ef01e5a]{font-size:1.5rem;color:var(--color-text-tertiary)}@media(max-width:768px){.poem-wrapper-vue[data-v-2ef01e5a]{padding:clamp(2.5rem,10vh,4rem) clamp(1.5rem,6vw,2.75rem) clamp(6rem,18vh,8.5rem)}.poem-content-area-vue[data-v-2ef01e5a]{padding:var(--spacing-md)}.poem-text-vue[data-v-2ef01e5a]{--verse-stagger: 1.2em;font-size:clamp(1.8rem,6.2vw,2.35rem);gap:1.05em}.poem-verse-col[data-v-2ef01e5a]{letter-spacing:.26em}.poem-meta-vue[data-v-2ef01e5a]{bottom:calc(var(--spacing-sm) + 60px + var(--spacing-md));left:calc(var(--spacing-sm) + 52px);font-size:.95rem;letter-spacing:.18em;opacity:.82;max-height:calc(100vh - var(--spacing-sm) - 60px - var(--spacing-md) - var(--spacing-md))}}.caiju-card[data-v-01b5dcf8]{display:block;width:100%;padding:0;overflow:hidden;color:inherit;background:var(--color-surface-soft);border:1px solid var(--color-border-soft);border-radius:8px;cursor:pointer}.caiju-thumb[data-v-01b5dcf8]{display:block;width:100%;height:248px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:var(--door-stage-bg, #3a3228);transform:scale(1);filter:brightness(1);transition:transform var(--duration-normal) var(--ease-gentle),filter var(--duration-normal) var(--ease-gentle)}.caiju-card:hover .caiju-thumb[data-v-01b5dcf8],.caiju-card:focus-visible .caiju-thumb[data-v-01b5dcf8]{transform:scale(1.045);filter:brightness(1.08)}.picture-list[data-v-4cba0fda]{flex:1;min-height:0;overflow:auto;overflow-anchor:none;padding-bottom:32px}.picture-grid[data-v-4cba0fda]{display:grid;gap:16px;max-width:960px;margin:0 auto}.caiju-stage[data-v-2f8f4d66]{position:relative;flex:1;width:100%;height:100%;min-height:100vh;--huajing-pad-bottom: 11.5rem}.caiju-guess[data-v-2f8f4d66]{position:fixed;left:0;right:0;bottom:calc(var(--spacing-md) + 3.75rem);z-index:24;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 var(--spacing-md);pointer-events:none}.caiju-guess[data-v-2f8f4d66]>*{pointer-events:auto}.caiju-input[data-v-2f8f4d66]{width:min(28rem,100%);border:1px solid color-mix(in srgb,var(--door-stage-ink, #f4efe4) 20%,transparent);background:var(--door-stage-bg, #14110e);color:var(--door-stage-ink, #f4efe4);border-radius:6px;padding:10px 12px;font:inherit;text-align:center}.caiju-wrong[data-v-2f8f4d66]{margin:0;color:#d4a373;letter-spacing:.06em;text-align:center}.caiju-actions[data-v-2f8f4d66]{display:flex;justify-content:center;gap:1.25rem;min-width:8.5rem;min-height:1.5em}.caiju-text[data-v-2f8f4d66]{border:0;background:transparent;padding:0;color:color-mix(in srgb,var(--door-stage-ink, #f4efe4) 88%,transparent);font:inherit;letter-spacing:.12em;cursor:pointer;text-align:center}@media(max-width:768px){.caiju-stage[data-v-2f8f4d66]{--huajing-pad-bottom: 12.5rem}.caiju-guess[data-v-2f8f4d66]{bottom:calc(var(--spacing-sm) + 3.5rem);padding:0 var(--spacing-sm)}}.admin-recording-review[data-v-59d6f253]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.recording-card[data-v-59d6f253]{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.recording-content[data-v-59d6f253]{flex:1;min-width:0}.recording-header[data-v-59d6f253]{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.recording-title[data-v-59d6f253]{font-family:var(--font-serif);font-size:1.1rem;font-weight:500;color:var(--color-text-primary);margin:0}.recording-id[data-v-59d6f253]{font-family:monospace;font-size:.75rem;color:var(--color-text-tertiary)}.recording-meta-grid[data-v-59d6f253]{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.meta-item[data-v-59d6f253]{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-secondary)}.meta-item i[data-v-59d6f253]{opacity:.6;width:14px}.admin-recording-review[data-v-59d6f253]{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-loading-inline[data-v-59d6f253]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--color-text-tertiary)}.admin-tag-warning[data-v-59d6f253]{background:#e67e221a;color:#d35400;padding:2px 10px;border-radius:12px;font-size:.85rem;font-weight:500}@media(max-width:768px){.recording-card[data-v-59d6f253]{flex-direction:column;align-items:stretch}}.admin-statistics[data-v-44c1e800]{display:flex;flex-direction:column;gap:var(--spacing-md)}.poem-preview[data-v-44c1e800]{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic;color:var(--color-text-secondary)}.text-center[data-v-44c1e800]{text-align:center}.icon--blue[data-v-44c1e800]{color:#3498db;background:#3498db1a}.icon--green[data-v-44c1e800]{color:#2ecc71;background:#2ecc711a}.icon--purple[data-v-44c1e800]{color:#9b59b6;background:#9b59b61a}.icon--orange[data-v-44c1e800]{color:#e67e22;background:#e67e221a}.admin-loading-inline[data-v-44c1e800]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--color-text-tertiary)}.admin-logs[data-v-96d8d4db],.logs-list[data-v-96d8d4db]{display:flex;flex-direction:column;gap:var(--spacing-md)}.log-item[data-v-96d8d4db]{display:flex;flex-direction:column;gap:12px;padding:16px;border-left:4px solid transparent;transition:all .2s ease}.log-item[data-v-96d8d4db]:hover{transform:translate(4px);border-left-color:var(--color-primary)}.log-meta[data-v-96d8d4db]{display:flex;align-items:center;gap:12px}.log-time[data-v-96d8d4db]{font-size:.8rem;color:var(--color-text-tertiary)}.log-body[data-v-96d8d4db]{display:flex;flex-direction:column;gap:8px}.log-header[data-v-96d8d4db]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.log-target-type[data-v-96d8d4db]{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.log-target-id[data-v-96d8d4db]{font-size:.8rem;color:var(--color-text-tertiary);background:var(--color-surface-soft);padding:1px 6px;border-radius:4px}.log-operators[data-v-96d8d4db]{display:flex;gap:12px;font-size:.75rem;color:var(--color-text-secondary)}.log-operator[data-v-96d8d4db],.log-ip[data-v-96d8d4db]{display:flex;align-items:center;gap:4px}.log-details[data-v-96d8d4db]{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;background:#00000005;padding:8px 12px;border-radius:6px}.admin-flex-1[data-v-96d8d4db]{flex:1}.mr-1[data-v-96d8d4db]{margin-right:.25rem}@media(max-width:600px){.log-header[data-v-96d8d4db]{flex-direction:column;align-items:flex-start;gap:4px}.log-operators[data-v-96d8d4db]{width:100%;border-top:1px solid var(--color-border-soft);padding-top:.5rem}}.admin-logs[data-v-96d8d4db],.admin-sound-management[data-v-ff37f138]{display:flex;flex-direction:column;gap:var(--spacing-md)}.item-primary-name[data-v-ff37f138]{font-weight:500;color:var(--color-text-primary);font-family:var(--font-serif)}.item-secondary-info[data-v-ff37f138]{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.tag-outline[data-v-ff37f138]{border:1px solid var(--color-border-soft);background:transparent}.mt-1[data-v-ff37f138]{margin-top:.25rem}.mt-2[data-v-ff37f138]{margin-top:.5rem}.mt-4[data-v-ff37f138]{margin-top:1rem}.mb-1[data-v-ff37f138]{margin-bottom:.25rem}.mb-3[data-v-ff37f138]{margin-bottom:.75rem}.mb-4[data-v-ff37f138]{margin-bottom:1rem}.py-4[data-v-ff37f138]{padding-top:1rem;padding-bottom:1rem}.py-6[data-v-ff37f138]{padding-top:1.5rem;padding-bottom:1.5rem}.text-center[data-v-ff37f138]{text-align:center}.text-red-500[data-v-ff37f138]{color:#ef4444}.text-4xl[data-v-ff37f138]{font-size:2.25rem}.w-full[data-v-ff37f138]{width:100%}.block[data-v-ff37f138]{display:block}.admin-icon-muted[data-v-ff37f138]{width:14px;opacity:.6;margin-right:4px}.admin-text-muted[data-v-ff37f138]{color:var(--color-text-tertiary)}.admin-text-primary[data-v-ff37f138]{color:var(--color-primary)}@media(max-width:768px){.admin-btn span[data-v-ff37f138]{display:none}}.admin-poem-management[data-v-83ba1b03]{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-poem-content-cell[data-v-83ba1b03]{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:600px){.admin-flex-row[data-v-83ba1b03]{flex-direction:column}.admin-btn span[data-v-83ba1b03]{display:none}}.admin-user-management[data-v-224c072d]{display:flex;flex-direction:column;gap:var(--spacing-md)}.col-name[data-v-224c072d]{width:15rem}.col-email[data-v-224c072d]{width:12rem}.col-date[data-v-224c072d]{width:10rem}.col-role[data-v-224c072d]{width:8rem}.col-actions[data-v-224c072d]{width:10rem;text-align:right}.admin-text-bold[data-v-224c072d]{font-weight:600;color:var(--color-primary)}.text-nowrap[data-v-224c072d]{white-space:nowrap}.mt-2[data-v-224c072d]{margin-top:.5rem}@media(max-width:768px){.col-email[data-v-224c072d],.col-date[data-v-224c072d]{display:none}.col-name[data-v-224c072d]{width:auto;flex:1}.col-role[data-v-224c072d],.col-actions[data-v-224c072d]{width:auto}}.generation-fields[data-v-74c895df]{display:grid;gap:10px}.generation-fields label[data-v-74c895df]{display:grid;gap:4px;font-size:14px}.generation-fields input[data-v-74c895df],.generation-fields textarea[data-v-74c895df]{width:100%;box-sizing:border-box;padding:8px;font:inherit;border:1px solid var(--color-border-soft);border-radius:6px;background:var(--color-bg, #fff);color:inherit}.generation-fields textarea[data-v-74c895df]{resize:vertical}.generation-panel[data-v-dc69fe0d]{margin-top:8px;max-width:640px}.generation-panel summary[data-v-dc69fe0d]{cursor:pointer}.generation-panel p[data-v-dc69fe0d]{font-size:13px;overflow-wrap:anywhere}.edit-record[data-v-dc69fe0d]{margin:14px 0}.edit-record pre[data-v-dc69fe0d]{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px}.generation-panel button[data-v-dc69fe0d]{margin:10px 10px 0 0}.admin-picture[data-v-04be7495]{display:grid;gap:28px}.admin-section-header p[data-v-04be7495]{color:var(--color-text-muted, #6b5e50)}.admin-picture-form[data-v-04be7495]{display:grid;gap:12px;max-width:560px}.admin-picture-form label[data-v-04be7495],.admin-sound-option[data-v-04be7495]{display:grid;gap:6px;font-size:14px}.admin-picture-form input[data-v-04be7495],.admin-picture-form select[data-v-04be7495]{border:1px solid var(--color-border-soft);border-radius:6px;padding:8px 10px;font:inherit}.admin-picture-preview[data-v-04be7495]{max-width:240px;max-height:180px;-o-object-fit:contain;object-fit:contain}fieldset[data-v-04be7495]{border:1px solid var(--color-border-soft);border-radius:8px;padding:10px 12px;max-height:180px;overflow:auto}.admin-sound-option[data-v-04be7495]{grid-template-columns:auto 1fr;align-items:center}.admin-picture-error[data-v-04be7495]{color:#9f1239}.admin-picture-list[data-v-04be7495]{list-style:none;margin:0;padding:0;display:grid;gap:12px}.admin-picture-list li[data-v-04be7495]{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center}.admin-picture-list img[data-v-04be7495]{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.admin-picture-list em[data-v-04be7495]{display:block;font-style:normal;font-size:12px;color:var(--color-text-muted, #6b5e50)}.admin-tab-badge[data-v-74dfdb92]{margin-left:auto;min-width:18px;height:18px;padding:0 6px;font-size:.7rem;font-weight:600;background:var(--color-critical);color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center}.admin-nav-item.active .admin-tab-badge[data-v-74dfdb92]{background:#fff;color:var(--color-primary)}@media(max-width:768px){.admin-dashboard[data-v-74dfdb92]{display:flex;flex-direction:column}.admin-sidebar[data-v-74dfdb92]{width:100%;border-right:none;border-bottom:1px solid var(--color-border-soft)}}:root{--color-bg-primary: #f2f4ef;--color-bg-secondary: #e8ede4;--color-surface-primary: #fbfdf8;--color-surface-raised: #ffffff;--color-surface-soft: rgba(255, 255, 255, .78);--color-glass-overlay: rgba(242, 245, 237, .88);--color-overlay-dim: rgba(28, 38, 30, .36);--color-text-primary: #324235;--color-text-secondary: #586556;--color-text-tertiary: #7a8574;--color-text-contrast: #fbfef9;--color-primary: #789262;--color-primary-soft: rgba(120, 146, 98, .16);--color-primary-contrast: #fbfef9;--color-secondary: #a0bf83;--color-secondary-soft: rgba(160, 191, 131, .18);--color-secondary-contrast: #1f2a24;--color-accent: #ced88f;--color-accent-contrast: #1f2a24;--atmosphere-editor-width: 0px;--color-border-soft: rgba(49, 64, 50, .18);--color-border-strong: rgba(49, 64, 50, .28);--color-success: #5f8f6b;--color-success-strong: #4a6f54;--color-critical: #b86a5a;--color-critical-soft: rgba(184, 106, 90, .16);--color-critical-strong: #8c4636;--shadow-sm: 0 6px 16px -14px rgba(26, 42, 30, .32);--shadow-md: 0 18px 36px -24px rgba(26, 42, 30, .36);--shadow-lg: 0 32px 64px -36px rgba(26, 42, 30, .42);--shadow-xl: 0 48px 80px -40px rgba(26, 42, 30, .48);--gradient-subtle: linear-gradient(140deg, rgba(120, 146, 98, .08) 0%, rgba(242, 244, 239, .9) 100%);--gradient-soft-veil: linear-gradient(135deg, rgba(251, 253, 248, .94) 0%, rgba(232, 237, 228, .72) 100%);--font-serif: "Noto Serif TC", "仓耳今楷", "KaiTi", "楷體", serif;--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "Menlo", "SFMono-Regular", "Monaco", "Consolas", monospace;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 2rem;--radius-xl: 2.5rem;--radius-full: 9999px;--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s;--duration-slower: 1.2s;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-gentle: cubic-bezier(.25, .46, .45, .94);--transition-fast: all var(--duration-fast) var(--ease-smooth);--transition-normal: all var(--duration-normal) var(--ease-smooth)}body.is-editing-atmosphere{--atmosphere-editor-width: min(360px, 42vw)}@media(prefers-color-scheme:dark){:root{--color-bg-primary: #111712;--color-bg-secondary: #162017;--color-surface-primary: rgba(22, 32, 23, .86);--color-surface-raised: rgba(28, 40, 30, .9);--color-surface-soft: rgba(24, 34, 26, .72);--color-glass-overlay: rgba(14, 20, 15, .82);--color-text-primary: #d8e1d6;--color-text-secondary: #9dab9a;--color-text-tertiary: #6f7b6e;--color-text-contrast: #0d150d;--color-border-soft: rgba(167, 187, 165, .28);--color-border-strong: rgba(197, 215, 191, .35);--shadow-sm: 0 8px 18px -14px rgba(4, 14, 8, .5);--shadow-md: 0 22px 44px -26px rgba(3, 12, 7, .55);--shadow-lg: 0 36px 72px -34px rgba(3, 12, 7, .6);--shadow-xl: 0 52px 96px -38px rgba(3, 12, 7, .65);--gradient-subtle: linear-gradient(145deg, rgba(28, 40, 30, .92), rgba(18, 26, 20, .78));--gradient-soft-veil: linear-gradient(140deg, rgba(26, 36, 28, .92), rgba(12, 20, 14, .8))}}body.door-kongshan{--door-stage-bg: #14110e;--door-stage-side: #1c1814;--door-stage-ink: #f4efe4}body.door-huajing{--color-bg-primary: #f4eee4;--color-bg-secondary: #ebe3d4;--color-surface-primary: #fbf6ee;--color-surface-raised: #fffaf3;--color-surface-soft: rgba(255, 250, 243, .8);--color-glass-overlay: rgba(244, 238, 228, .88);--color-overlay-dim: rgba(42, 32, 22, .36);--color-text-primary: #3d3428;--color-text-secondary: #6a5d4c;--color-text-tertiary: #8a7b68;--color-text-contrast: #fbf6ee;--color-primary: #8c7358;--color-primary-soft: rgba(140, 115, 88, .16);--color-primary-contrast: #fbf6ee;--color-secondary: #c4a574;--color-secondary-soft: rgba(196, 165, 116, .18);--color-secondary-contrast: #2a2218;--color-accent: #d4c09a;--color-accent-contrast: #2a2218;--color-border-soft: rgba(61, 52, 40, .16);--color-border-strong: rgba(61, 52, 40, .26);--shadow-sm: 0 6px 16px -14px rgba(42, 32, 22, .3);--shadow-md: 0 18px 36px -24px rgba(42, 32, 22, .34);--shadow-lg: 0 32px 64px -36px rgba(42, 32, 22, .4);--gradient-subtle: linear-gradient(140deg, rgba(140, 115, 88, .1) 0%, rgba(244, 238, 228, .92) 100%);--gradient-soft-veil: linear-gradient(160deg, rgba(251, 246, 238, .94) 0%, rgba(235, 227, 212, .74) 100%);--door-stage-bg: #14110e;--door-stage-side: #1c1814;--door-stage-ink: #f4efe4;--huajing-paper: #1e1914;--huajing-paper-edge: color-mix(in srgb, #f4efe4 11%, transparent)}body.door-mijing{--color-bg-primary: #e8ecec;--color-bg-secondary: #dce3e4;--color-surface-primary: #f4f6f6;--color-surface-raised: #f8fafa;--color-surface-soft: rgba(248, 250, 250, .8);--color-glass-overlay: rgba(232, 236, 236, .88);--color-overlay-dim: rgba(24, 32, 36, .38);--color-text-primary: #2c383c;--color-text-secondary: #536066;--color-text-tertiary: #748086;--color-text-contrast: #f4f6f6;--color-primary: #6a7d78;--color-primary-soft: rgba(106, 125, 120, .16);--color-primary-contrast: #f4f6f6;--color-secondary: #8aa0a0;--color-secondary-soft: rgba(138, 160, 160, .18);--color-secondary-contrast: #1c2628;--color-accent: #a8b8b4;--color-accent-contrast: #1c2628;--color-border-soft: rgba(44, 56, 60, .16);--color-border-strong: rgba(44, 56, 60, .26);--shadow-sm: 0 6px 16px -14px rgba(24, 32, 36, .3);--shadow-md: 0 18px 36px -24px rgba(24, 32, 36, .34);--shadow-lg: 0 32px 64px -36px rgba(24, 32, 36, .4);--gradient-subtle: linear-gradient(140deg, rgba(106, 125, 120, .1) 0%, rgba(232, 236, 236, .92) 100%);--gradient-soft-veil: linear-gradient(160deg, rgba(244, 246, 246, .94) 0%, rgba(220, 227, 228, .76) 100%);--door-stage-bg: #101216;--door-stage-side: #151a1f;--door-stage-ink: #e8eef0}@media(prefers-color-scheme:dark){body.door-huajing{--color-bg-primary: #16110c;--color-bg-secondary: #1c1610;--color-surface-primary: rgba(32, 26, 18, .88);--color-surface-raised: rgba(40, 32, 24, .92);--color-surface-soft: rgba(28, 22, 16, .74);--color-glass-overlay: rgba(16, 12, 8, .84);--color-text-primary: #e8dcc8;--color-text-secondary: #b8a890;--color-text-tertiary: #8a7b68;--color-text-contrast: #16110c;--color-border-soft: rgba(232, 220, 200, .22);--color-border-strong: rgba(232, 220, 200, .32);--gradient-subtle: linear-gradient(145deg, rgba(40, 32, 24, .92), rgba(22, 17, 12, .8));--gradient-soft-veil: linear-gradient(140deg, rgba(36, 28, 20, .92), rgba(16, 12, 8, .82))}body.door-mijing{--color-bg-primary: #101418;--color-bg-secondary: #141a1e;--color-surface-primary: rgba(22, 28, 32, .88);--color-surface-raised: rgba(28, 36, 40, .92);--color-surface-soft: rgba(18, 24, 28, .74);--color-glass-overlay: rgba(10, 14, 16, .84);--color-text-primary: #d4dde0;--color-text-secondary: #9aabaf;--color-text-tertiary: #748086;--color-text-contrast: #101418;--color-border-soft: rgba(200, 214, 218, .22);--color-border-strong: rgba(200, 214, 218, .32);--gradient-subtle: linear-gradient(145deg, rgba(28, 36, 40, .92), rgba(16, 20, 24, .8));--gradient-soft-veil: linear-gradient(140deg, rgba(24, 32, 36, .92), rgba(12, 16, 18, .82))}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100vh;touch-action:manipulation}body.is-huajing{background:var(--door-stage-bg, #14110e)}body.is-mijing{background:var(--door-stage-bg, #101216)}body.door-huajing #background-canvas,body.door-huajing #particle-container,body.door-mijing #background-canvas,body.door-mijing #particle-container{display:none}body.door-kongshan:before,body.door-huajing:before,body.door-mijing:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--gradient-soft-veil)}body.is-huajing:before,body.is-mijing:before{display:none}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow:hidden;height:100vh;width:100vw;margin:0;padding:0;touch-action:manipulation;text-rendering:optimizeLegibility}#background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}body.is-editing-atmosphere #background-canvas,body.is-editing-atmosphere #particle-container{left:0;width:calc(100vw - var(--atmosphere-editor-width, 0px))}.app-container{position:relative;height:100vh;width:100vw;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen{height:100vh;width:100vw;display:flex;align-items:stretch;justify-content:center;padding:0;overflow:hidden}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{text-align:center}.loading-spinner{width:40px;height:40px;border:2px solid var(--color-text-tertiary);border-top-color:var(--color-text-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--spacing-sm)}.loading-text{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-text-secondary);letter-spacing:.2em}.hidden{display:none!important}.auth-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--color-glass-overlay);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity var(--duration-normal) var(--ease-smooth)}.auth-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 3.5rem;border-radius:var(--radius-xl);background:var(--color-surface-soft);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-lg);text-align:center}.auth-icon{font-size:3rem;color:var(--color-primary)}.auth-title{font-family:var(--font-serif);font-size:2.75rem;letter-spacing:.2em;color:var(--color-text-primary);margin:0}.auth-subtitle{font-size:.95rem;color:var(--color-text-secondary);letter-spacing:.08em}.auth-cta{padding:.8rem 2.5rem;border-radius:var(--radius-full);border:none;background:var(--color-primary);color:var(--color-primary-contrast);font-size:1rem;letter-spacing:.12em;cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-sm)}.auth-cta:hover{transform:translateY(-2px);background:var(--color-secondary);box-shadow:var(--shadow-md)}.auth-cta:active{transform:translateY(0);box-shadow:none}@media(max-width:768px){.auth-card{width:calc(100vw - 3rem);padding:2.5rem 2rem;border-radius:var(--radius-lg)}.auth-title{font-size:2.25rem;letter-spacing:.16em}.auth-subtitle{font-size:.9rem}.auth-cta{width:100%}}@media(prefers-color-scheme:dark){.auth-overlay{background:var(--color-glass-overlay)}.auth-card{background:var(--color-surface-soft);box-shadow:var(--shadow-lg)}.auth-subtitle{color:var(--color-text-secondary)}}.user-panel-btn-container{position:absolute;top:calc(100% + var(--spacing-xs));left:50%;transform:translate(-50%);z-index:10}.user-panel-btn{width:48px;height:48px;border-radius:var(--radius-full);border:1px solid var(--color-border-soft);background:var(--color-surface-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);position:relative;box-shadow:var(--shadow-sm);padding:0}.user-panel-btn:hover{background:var(--color-primary-soft);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-panel-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.user-panel-btn svg,.user-panel-btn i{width:24px;height:24px;font-size:1.2rem}.recording-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem;padding-top:var(--spacing-xs);margin-top:var(--spacing-xs);border-top:1px solid rgba(49,64,50,.08);position:relative}@media(prefers-color-scheme:dark){.recording-header{border-top-color:#a7bba51f}}.recording-label{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.recording-subtext{font-size:.75rem;letter-spacing:.06em;color:var(--color-text-tertiary)}.recording-inline{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.recording-toggle{width:52px;height:52px;border-radius:var(--radius-full);border:none;background:var(--color-primary);color:var(--color-primary-contrast);display:flex;align-items:center;justify-content:center;font-size:1.4rem;cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-sm)}.recording-toggle:hover{transform:translateY(-1px) scale(1.02)}.recording-toggle:active{transform:scale(.98)}.recording-toggle.recording-active{background:var(--color-critical);box-shadow:var(--shadow-md)}.recording-toggle i{font-size:1.2rem;pointer-events:none}.recording-timer-text{font-family:var(--font-mono);font-size:.95rem;letter-spacing:.08em;color:var(--color-text-secondary);text-align:center}.recording-status{margin-top:.75rem;font-size:.8rem;color:var(--color-text-secondary);min-height:1.2rem}.recording-status-error{color:var(--color-critical)}.recording-status-success{color:var(--color-success)}.recording-name-panel{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--color-primary-soft);border-radius:var(--radius-md);padding:1rem}.recording-name-panel[hidden]{display:none!important}.recording-name-panel audio{width:100%}.recording-waveform-container{width:100%;margin-bottom:.75rem}.recording-waveform-wrapper{position:relative;width:100%;height:80px;background:var(--color-surface-soft);border-radius:var(--radius-sm);border:1px solid var(--color-border-soft);overflow:hidden;cursor:pointer;transition:var(--transition-fast)}.recording-waveform-wrapper:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.recording-waveform{width:100%;height:100%}.recording-trim-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.recording-trim-selection{position:absolute;top:0;left:0;width:0;height:100%;background:#78926233;pointer-events:none;transition:left .1s ease,width .1s ease}.recording-trim-handle{position:absolute;top:0;width:24px;height:100%;cursor:ew-resize;pointer-events:all;z-index:20;transform:translate(-50%);touch-action:none;-webkit-tap-highlight-color:transparent}.recording-trim-handle:after{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:var(--radius-full);background:transparent;pointer-events:none}@media(max-width:768px){.recording-trim-handle:after{background:#7892621a}.recording-trim-handle:active:after{background:#78926233}}.recording-trim-handle-line{position:absolute;left:50%;top:0;width:2px;height:100%;background:var(--color-primary);transform:translate(-50%);transition:width var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.recording-trim-handle.dragging .recording-trim-handle-line{width:3px;background:var(--color-secondary)}.recording-trim-handle.dragging .recording-trim-handle-dot{transform:translate(-50%,-50%) scale(1.3);box-shadow:var(--shadow-md)}.recording-trim-handle-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;background:var(--color-primary);border:2px solid var(--color-surface-raised);border-radius:var(--radius-full);transform:translate(-50%,-50%);box-shadow:var(--shadow-sm);transition:var(--transition-fast);z-index:2}@media(max-width:768px){.recording-trim-handle-dot{width:16px;height:16px;border-width:3px}}.recording-trim-handle.animate-hint .recording-trim-handle-dot{animation:trimHandlePulse 3.5s ease-in-out}.recording-trim-handle.animate-hint:before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;background:var(--color-primary);border-radius:var(--radius-full);transform:translate(-50%,-50%);opacity:0;animation:trimHandleGlow 3.5s ease-in-out;pointer-events:none}@keyframes trimHandlePulse{0%,to{transform:translate(-50%,-50%) scale(1)}15%,35%,55%,75%{transform:translate(-50%,-50%) scale(1.15)}25%,45%,65%{transform:translate(-50%,-50%) scale(1)}}@keyframes trimHandleGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}15%,35%,55%,75%{transform:translate(-50%,-50%) scale(2.5);opacity:0}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.recording-trim-handle:hover .recording-trim-handle-dot,.recording-trim-handle:active .recording-trim-handle-dot{transform:translate(-50%,-50%) scale(1.2);box-shadow:var(--shadow-md)}.recording-trim-handle:active .recording-trim-handle-line{width:3px;background:var(--color-secondary)}.recording-time-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.recording-time-separator{color:var(--color-text-tertiary)}#recording-selected-time,#recording-total-time{font-weight:500;color:var(--color-text-primary)}.recording-name-label{font-size:.8rem;letter-spacing:.06em;color:var(--color-text-secondary)}.recording-name-input-group{display:flex;gap:.5rem;align-items:stretch}.recording-name-input-group .editor-input{flex:1;min-width:0}.recording-location-btn{flex-shrink:0;padding:.5rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border-soft);background:var(--color-surface-soft);color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;letter-spacing:.04em;transition:all var(--duration-fast) var(--ease-smooth);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center}.recording-location-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-text-primary);transform:translateY(-1px)}.recording-location-btn:active:not(:disabled){transform:translateY(0)}.recording-location-btn:disabled{opacity:.6;cursor:not-allowed}.recording-location-btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recording-location-btn.has-location{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.recording-location-btn.has-location:hover{background:var(--color-success);color:var(--color-success-contrast)}.recording-name-actions{display:flex;gap:.75rem;flex-wrap:wrap}.recording-action-primary,.recording-action-secondary{padding:.5rem 1.4rem;border-radius:var(--radius-full);border:none;cursor:pointer;font-size:.85rem;letter-spacing:.08em;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.recording-action-primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}.recording-action-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--color-secondary)}.recording-action-secondary{background:var(--color-secondary-soft);color:var(--color-text-primary)}.recording-action-secondary:hover{transform:translateY(-1px);background:#78926238}@media(prefers-color-scheme:dark){.recording-inline{color:#e8e8e8d9}.recording-status{color:#e8e8e8a6}.recording-name-panel{background:#ffffff0d}.recording-location-btn{background:#ffffff14;border-color:#ffffff26;color:#e8e8e8bf}.recording-location-btn:hover:not(:disabled){background:#78926233;border-color:var(--color-primary);color:#e8e8e8f2}.recording-location-btn.has-location{background:#4caf5026;border-color:#4caf5066;color:#81c784e6}.recording-location-btn.has-location:hover{background:#4caf504d;color:#c8e6c9}.recording-waveform-wrapper{background:#465c4c3d;border-color:var(--color-border-soft)}.recording-waveform-wrapper:hover{border-color:var(--color-primary)}.recording-trim-selection{background:#78926226}.recording-trim-handle-line{background:var(--color-primary)}.recording-trim-handle-dot{background:var(--color-primary);border-color:var(--color-surface-raised)}.recording-trim-handle.animate-hint:before{background:var(--color-primary)}.recording-action-secondary{background:#e8e8e81f;color:#e8e8e8f2}}.app-title{font-family:var(--font-serif);font-size:3rem;font-weight:400;text-align:center;color:var(--color-text-primary);letter-spacing:.3em;margin-bottom:var(--spacing-xl)}.poem-list-container{position:relative;max-width:1200px;width:100%;height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);overflow:hidden;box-sizing:border-box}.poem-list-header{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:0;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-md);flex-shrink:0;min-height:120px}.poem-list-header .app-title{margin:-12px 0 0;flex:1;text-align:center}.poem-search-container{width:100%;display:flex;justify-content:center;margin-top:18px;min-height:44px;opacity:0;transition:opacity .3s var(--ease-smooth);pointer-events:none}.poem-search-container.visible{opacity:1;pointer-events:auto}.poem-search-input{width:100%;max-width:400px;height:44px;padding:0 16px;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-soft);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);color:var(--color-text-primary);font-family:var(--font-sans);font-size:.9rem;letter-spacing:.04em;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:var(--shadow-sm);outline:none}.poem-search-input::-moz-placeholder{color:var(--color-text-tertiary);opacity:.6}.poem-search-input::placeholder{color:var(--color-text-tertiary);opacity:.6}.poem-search-input:focus{border-color:var(--color-primary);background:var(--color-surface-raised);box-shadow:0 0 0 3px var(--color-primary-soft),var(--shadow-sm)}@media(max-width:768px){.poem-search-container{margin-top:14px;padding:0 var(--spacing-sm)}.poem-search-input{max-width:100%;height:40px;font-size:.85rem}}.admin-panel-btn{position:fixed;top:var(--spacing-md);right:var(--spacing-md);width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--color-border-soft);background:var(--color-surface-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-sm);z-index:100}.admin-panel-btn:hover{background:var(--color-primary-soft);color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-panel-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.admin-panel-btn i{font-size:1.1rem}.notification-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;background:var(--color-critical);color:var(--color-text-contrast);border:0;border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--color-surface-raised);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:.62rem;font-weight:600;line-height:1;letter-spacing:0;box-sizing:border-box}.notification-badge[hidden]{display:none!important}.notification-dropdown{position:fixed;top:0;right:0;width:min(420px,90vw);max-height:min(600px,80vh);background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-lg);z-index:1000;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown var(--duration-normal) var(--ease-gentle)}.notification-dropdown[hidden]{display:none!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-soft);background:var(--color-surface-primary);flex-shrink:0}.notification-dropdown-title{margin:0;font-family:var(--font-serif);font-size:1.1rem;color:var(--color-text-primary);letter-spacing:.05em}.notification-dropdown-actions{display:flex;gap:var(--spacing-xs);align-items:center}.notification-action-btn{width:32px;height:32px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.notification-action-btn:hover{background:var(--color-primary-soft);color:var(--color-text-primary)}.notification-dropdown-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:var(--color-border-soft) transparent}.notification-dropdown-content::-webkit-scrollbar{width:6px}.notification-dropdown-content::-webkit-scrollbar-track{background:transparent}.notification-dropdown-content::-webkit-scrollbar-thumb{background:var(--color-border-soft);border-radius:var(--radius-full)}.notification-dropdown-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border-soft);transition:all var(--duration-fast) var(--ease-smooth);position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--color-surface-soft)}.notification-item.unread{background:var(--color-primary-soft)}.notification-item.unread:hover{background:var(--color-primary-soft);opacity:.9}.notification-item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:1.1rem}.notification-item.unread .notification-item-icon{background:var(--color-primary);color:var(--color-primary-contrast)}.notification-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.notification-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.notification-item-title{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-primary);line-height:1.4}.notification-item-time{flex-shrink:0;font-size:.75rem;color:var(--color-text-tertiary);white-space:nowrap}.notification-item-message{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;word-break:break-word}.notification-item-unread-indicator{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:8px;height:8px;background:var(--color-primary);border-radius:var(--radius-full)}.notification-item-actions{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;flex-shrink:0}.notification-item-action-btn{width:28px;height:28px;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);font-size:.85rem}.notification-item-action-btn:hover{background:var(--color-surface-primary);color:var(--color-text-primary)}.notification-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-sm);color:var(--color-text-secondary);text-align:center}.notification-empty-state i{font-size:2rem;color:var(--color-text-tertiary)}.notification-empty-state p{margin:0;font-size:.9rem}.poem-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);flex:1;overflow-y:auto;overflow-anchor:none;padding:var(--spacing-md) var(--spacing-sm) 0;width:100%;min-height:0;align-content:start;justify-items:center;margin-top:calc(48px + var(--spacing-xs));scrollbar-width:none;-ms-overflow-style:none}.poem-list::-webkit-scrollbar{display:none}.placeholder-text{text-align:center;color:var(--color-text-tertiary);font-size:.9rem;padding:var(--spacing-lg)}.poem-viewer-container{width:calc(100vw - var(--atmosphere-editor-width, 0px));height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative;overflow:hidden;margin-left:0;margin-right:var(--atmosphere-editor-width, 0px);transition:width var(--duration-normal) var(--ease-smooth),margin-right var(--duration-normal) var(--ease-smooth);touch-action:manipulation;-webkit-overflow-scrolling:touch}.poem-viewer-topbar{position:fixed;bottom:var(--spacing-md);left:0;right:var(--atmosphere-editor-width, 0px);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);z-index:24;pointer-events:none;gap:var(--spacing-sm);max-width:none;box-sizing:border-box;transition:right var(--duration-normal) var(--ease-smooth)}.poem-viewer-topbar>*{pointer-events:auto;flex-shrink:0}.poem-viewer-start,.poem-viewer-end{display:flex;align-items:center;gap:1.25rem;width:calc(96px + 1.25rem);flex-shrink:0}.poem-viewer-end{justify-content:flex-end}.poem-viewer-topbar>.poem-viewer-start{order:1}.poem-viewer-topbar>.poem-browse-cluster{order:2;flex:1 1 auto;min-width:0;margin:0}.poem-viewer-topbar>.poem-viewer-end{order:3}.poem-browse-cluster{display:flex;align-items:center;justify-content:center;gap:clamp(2.5rem,6vw,4.25rem)}.poem-browse-step{border:none;background:transparent;box-shadow:none;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1.85rem;line-height:1;color:#586556b8;opacity:.72;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity var(--duration-normal) var(--ease-gentle),transform var(--duration-normal) var(--ease-gentle),color var(--duration-fast) var(--ease-smooth)}.poem-browse-step:disabled{opacity:.16;cursor:default}@media(hover:hover){.poem-browse-step:not(:disabled):hover,.poem-browse-step:not(:disabled):focus-visible{opacity:1;color:var(--color-text-primary);transform:translateY(-2px)}body.is-huajing .poem-browse-step:not(:disabled):hover,body.is-huajing .poem-browse-step:not(:disabled):focus-visible,body.is-mijing .poem-browse-step:not(:disabled):hover,body.is-mijing .poem-browse-step:not(:disabled):focus-visible{color:var(--door-stage-ink, #f4efe4)}}@media(hover:none){.poem-browse-step:not(:disabled):active{opacity:1;transform:scale(.96)}}.poem-browse-step:focus-visible{outline:none}body.is-huajing .poem-browse-step,body.is-mijing .poem-browse-step{color:var(--door-stage-ink, #f4efe4)}body.is-huajing .back-button,body.is-huajing .edit-atmosphere-button,body.is-huajing .share-card-button,body.is-mijing .back-button,body.is-mijing .edit-atmosphere-button{color:color-mix(in srgb,var(--door-stage-ink, #f4efe4) 78%,transparent)}.back-button{position:relative;width:48px;height:48px;border-radius:var(--radius-full);border:1px solid transparent;display:flex;align-items:center;justify-content:center;color:#586556bf;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-gentle);opacity:.7}.share-card-button{position:relative;width:48px;height:48px;border-radius:var(--radius-full);border:1px solid transparent;display:flex;align-items:center;justify-content:center;color:#586556b8;background:transparent;box-shadow:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-gentle);opacity:.55;padding:0}.share-card-button:disabled,.door-jump-button:disabled{opacity:.2;cursor:default}.share-card-button svg{width:22px;height:22px;stroke:currentColor;pointer-events:none}.edit-atmosphere-button{position:relative;width:48px;height:48px;border-radius:var(--radius-full);border:1px solid transparent;display:flex;align-items:center;justify-content:center;color:#586556b8;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-gentle);opacity:.55;padding:0}.edit-atmosphere-button svg{width:22px;height:22px;stroke:currentColor;pointer-events:none}@media(hover:hover){.edit-atmosphere-button:hover,.edit-atmosphere-button:focus-visible,.share-card-button:not(:disabled):hover,.share-card-button:not(:disabled):focus-visible{background:var(--color-surface-raised);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border-color:var(--color-border-soft);color:var(--color-text-primary);box-shadow:var(--shadow-sm);opacity:1;transform:translateY(-4px)}}@media(hover:none){.edit-atmosphere-button:active,.share-card-button:not(:disabled):active{background:var(--color-surface-raised);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border-color:var(--color-border-soft);color:var(--color-text-primary);box-shadow:var(--shadow-sm);opacity:1}}.edit-atmosphere-button:focus-visible,.share-card-button:focus-visible{outline:none;background:var(--color-surface-raised);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border-color:var(--color-border-soft);color:var(--color-text-primary);box-shadow:var(--shadow-sm);opacity:1}.back-button svg{width:22px;height:22px;stroke:currentColor;pointer-events:none}@media(hover:hover){.back-button:hover,.back-button:focus-visible{background:var(--color-surface-raised);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border-color:var(--color-border-soft);color:var(--color-text-primary);box-shadow:var(--shadow-sm);opacity:1;transform:translateY(-3px)}}@media(hover:none){.back-button:active{background:var(--color-surface-raised);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border-color:var(--color-border-soft);color:var(--color-text-primary);box-shadow:var(--shadow-sm);opacity:1}}.back-button:focus-visible{outline:none;background:var(--color-surface-raised);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border-color:var(--color-border-soft);color:var(--color-text-primary);box-shadow:var(--shadow-sm);opacity:1}.atmosphere-cycle-logo{position:relative;width:auto;min-width:48px;min-height:48px;height:auto;border:none;background:transparent;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:none;cursor:pointer;transition:transform var(--duration-normal) var(--ease-gentle),color var(--duration-fast) var(--ease-smooth);padding:0}.atmosphere-cycle-logo:hover,.atmosphere-cycle-logo:focus-visible{transform:translateY(-2px);color:var(--color-secondary)}.atmosphere-cycle-logo:focus-visible{outline:none}.atmosphere-cycle-logo i{pointer-events:none}@media(max-width:768px){.poem-viewer-topbar{bottom:max(var(--spacing-sm),env(safe-area-inset-bottom,0px));padding:0 max(.75rem,env(safe-area-inset-right,0px)) 0 max(.75rem,env(safe-area-inset-left,0px));gap:0;justify-content:space-between}.poem-viewer-start,.poem-viewer-end{gap:.7rem;width:calc(88px + .7rem)}.back-button{width:44px;height:44px;opacity:.65}.atmosphere-cycle-logo{font-size:1.65rem;margin:0;min-width:44px;min-height:44px}.poem-browse-cluster{gap:clamp(.9rem,4.5vw,1.6rem)}.poem-browse-step{width:44px;height:44px;min-width:44px;min-height:44px;font-size:1.65rem}.edit-atmosphere-button,.share-card-button{width:44px;height:44px;opacity:.65}.atmosphere-status{bottom:calc(var(--spacing-sm) + 4.5rem)}}@media(max-width:380px){.poem-viewer-start,.poem-viewer-end{gap:.45rem;width:calc(80px + .45rem)}.back-button,.edit-atmosphere-button,.share-card-button{width:40px;height:40px}.poem-browse-step{width:40px;height:40px;min-width:40px;min-height:40px}.poem-browse-cluster{gap:.7rem}}.atmosphere-status{position:fixed;bottom:calc(var(--spacing-md) + 5.2rem);left:calc(50% - var(--atmosphere-editor-width, 0px) / 2);transform:translate3d(-50%,-10px,0);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-gentle),transform var(--duration-normal) var(--ease-gentle),left var(--duration-normal) var(--ease-smooth);z-index:23;max-width:min(90vw,420px)}.atmosphere-status.visible{opacity:1;transform:translate3d(-50%,0,0);pointer-events:auto}.atmosphere-status-inner{display:flex;align-items:center;gap:var(--spacing-sm);background:#fbfdf8eb;border-radius:var(--radius-lg);padding:.65rem 1.2rem;border:1px solid rgba(120,146,98,.18);box-shadow:var(--shadow-sm);font-family:var(--font-sans);color:var(--color-text-secondary);letter-spacing:.06em}.atmosphere-status-text{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16rem}.atmosphere-status-text:empty,.atmosphere-status-text:empty~.atmosphere-view-count{display:none}.atmosphere-like-button{pointer-events:auto;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:var(--radius-full);border:1px solid transparent;background:#7892621f;color:var(--color-primary);font-size:.85rem;letter-spacing:.08em;cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.atmosphere-like-button i{font-size:.95rem}.atmosphere-like-button:hover,.atmosphere-like-button:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.atmosphere-like-button[aria-pressed=true]{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-md)}.atmosphere-like-button[aria-pressed=true] i{transform:scale(1.08)}.atmosphere-like-button.is-hidden{display:none}.sound-reminder-toast{position:fixed;top:2rem;left:50%;transform:translate3d(-50%,-20px,0);opacity:0;pointer-events:none;z-index:1000;max-width:min(90vw,480px);transition:opacity var(--duration-normal) var(--ease-gentle),transform var(--duration-normal) var(--ease-gentle)}.sound-reminder-toast.visible{opacity:1;transform:translate3d(-50%,0,0);pointer-events:auto}.sound-reminder-toast-inner{display:flex;align-items:center;gap:.75rem;background:var(--gradient-soft-veil);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:.85rem 1.4rem;border:1px solid rgba(120,146,98,.22);box-shadow:var(--shadow-md);font-family:var(--font-sans);color:var(--color-text-secondary);letter-spacing:.05em;animation:toast-gentle-pulse 3s ease-in-out infinite}@keyframes toast-gentle-pulse{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:0 20px 40px -24px #1a2a1e66}}.sound-reminder-icon{font-size:1rem;color:var(--color-primary);opacity:.85;flex-shrink:0;animation:icon-gentle-breathe 2.5s ease-in-out infinite}@keyframes icon-gentle-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.sound-reminder-text{font-size:.92rem;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary);font-weight:400;flex:1;min-width:0}@media(max-width:768px){.sound-reminder-toast{top:1.5rem;max-width:calc(100vw - 2rem)}.sound-reminder-toast-inner{padding:.75rem 1.2rem;gap:.65rem}.sound-reminder-text{font-size:.88rem;white-space:normal;line-height:1.4;text-align:center}.sound-reminder-toast-inner{flex-direction:column;text-align:center;gap:.5rem}.sound-reminder-icon{font-size:.95rem}}@media(prefers-color-scheme:dark){.sound-reminder-toast-inner{background:var(--gradient-soft-veil);border-color:#a0bf8347}.sound-reminder-icon{color:var(--color-secondary)}.sound-reminder-text{color:var(--color-text-primary)}}.atmosphere-like-button:disabled{cursor:default;opacity:.6;box-shadow:none;transform:none}.atmosphere-like-count,.atmosphere-view-count{font-variant-numeric:tabular-nums}.atmosphere-view-count{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-text-secondary);font-size:.85rem;letter-spacing:.06em}@media(max-width:768px){.atmosphere-status{top:calc(var(--spacing-md) + 4.2rem)}.atmosphere-status-inner{gap:.6rem;padding:.55rem .9rem}.atmosphere-status-text{max-width:12rem;font-size:.85rem}}.sound-controls{position:fixed;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:none;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm);z-index:10}.atmosphere-selector{position:fixed;top:var(--spacing-md);right:var(--spacing-md)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.poem-card{animation:fadeInUp var(--duration-normal) var(--ease-smooth);animation-fill-mode:both}.poem-card:nth-child(1){animation-delay:0ms}.poem-card:nth-child(2){animation-delay:.1s}.poem-card:nth-child(3){animation-delay:.2s}.poem-card:nth-child(4){animation-delay:.3s}.poem-card:nth-child(5){animation-delay:.4s}.poem-card:nth-child(6){animation-delay:.5s}.poem-content{animation:fadeIn var(--duration-slow) var(--ease-smooth)}.sound-controls{animation:fadeInUp var(--duration-normal) var(--ease-smooth);animation-delay:.3s;animation-fill-mode:both}@media(max-width:768px){.app-title{font-size:2rem;margin-bottom:var(--spacing-md)}.poem-list-header{min-height:100px;padding-top:var(--spacing-md);padding-bottom:var(--spacing-sm)}.user-panel-btn-container{top:calc(100% + var(--spacing-xs))}.admin-panel-btn{top:var(--spacing-sm);right:var(--spacing-sm)}.poem-list-container{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);height:100vh}.poem-list{grid-template-columns:1fr;gap:var(--spacing-sm);flex:1;margin-top:calc(48px + var(--spacing-xs));padding:var(--spacing-sm) 0 var(--spacing-sm)}.poem-text{font-size:2rem;line-height:2;letter-spacing:.3em}.poem-title,.poem-author{font-size:1rem}.recording-toggle{width:104px;height:104px;font-size:2.8rem}.recording-toggle i{font-size:2.4rem}.recording-timer-text{font-size:1.1rem}.sound-controls{flex-direction:column;width:calc(100% - var(--spacing-md) * 2)}}.user-panel-modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.user-panel-modal[hidden]{display:none!important}.user-panel-modal-overlay{position:absolute;inset:0;background:var(--color-overlay-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn var(--duration-normal) var(--ease-smooth)}.user-panel-modal-content{position:relative;width:min(600px,90vw);max-height:min(80vh,700px);background:var(--color-surface-raised);border-radius:var(--radius-xl);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideUp var(--duration-normal) var(--ease-gentle)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.user-panel-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border-soft);background:linear-gradient(180deg,var(--color-surface-primary) 0%,var(--color-surface-raised) 100%);flex-shrink:0}.user-panel-user-info{flex:1}.user-panel-title{margin:0 0 .4rem;font-family:var(--font-serif);font-size:1.6rem;font-weight:500;color:var(--color-text-primary);letter-spacing:.08em;line-height:1.3}.user-panel-subtitle{margin:0;font-size:.9rem;color:var(--color-text-secondary);letter-spacing:.05em;line-height:1.5}.user-panel-close-btn{width:36px;height:36px;border:1px solid transparent;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);flex-shrink:0}.user-panel-close-btn:hover{background:var(--color-primary-soft);color:var(--color-text-primary);border-color:var(--color-border-soft);transform:rotate(90deg)}.user-panel-close-btn i{font-size:1rem}.user-panel-tabs{display:flex;gap:.5rem;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-soft);background:var(--color-surface-primary);flex-shrink:0}.user-panel-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem var(--spacing-md);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);font-size:.9rem;font-weight:400;letter-spacing:.04em;position:relative}.user-panel-tab:hover{background:var(--color-surface-soft);color:var(--color-text-primary);border-color:var(--color-border-soft)}.user-panel-tab.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:500;border-color:var(--color-primary);box-shadow:0 2px 8px -4px #7892624d}.user-panel-tab i{font-size:.95rem;opacity:.8}.user-panel-tab.active i{opacity:1}.user-panel-tab-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;background:var(--color-critical);color:var(--color-text-contrast);border-radius:var(--radius-full);font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center}.user-panel-tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.user-panel-tab-pane{display:none;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.user-panel-tab-pane.active{display:flex;flex-direction:column}.user-panel-content-area{flex:1;padding:var(--spacing-lg);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-soft) transparent;background:var(--color-surface-raised)}.user-panel-content-area::-webkit-scrollbar{width:6px}.user-panel-content-area::-webkit-scrollbar-track{background:transparent}.user-panel-content-area::-webkit-scrollbar-thumb{background:var(--color-border-soft);border-radius:var(--radius-full)}.user-panel-content-area::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.user-panel-loading,.user-panel-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-text-secondary);text-align:center}.user-panel-loading i,.user-panel-empty-state i{font-size:2.5rem;opacity:.4;color:var(--color-text-tertiary)}.user-panel-loading p,.user-panel-empty-state p{margin:0;font-size:.9rem;letter-spacing:.05em;color:var(--color-text-secondary)}.ranking-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.ranking-top-users{display:flex;flex-direction:column;gap:.75rem}.ranking-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border-soft);transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-sm)}.ranking-item:hover{background:var(--color-surface-primary);transform:translate(4px);box-shadow:var(--shadow-md)}.ranking-item.current-user{background:linear-gradient(135deg,var(--color-primary-soft) 0%,rgba(120,146,98,.12) 100%);border-color:var(--color-primary);box-shadow:0 4px 12px -6px #78926266}.ranking-rank{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface-primary);color:var(--color-text-primary);font-weight:600;font-size:1.1rem;flex-shrink:0;border:1px solid var(--color-border-soft);box-shadow:inset 0 1px 2px #0000000d}.ranking-item.current-user .ranking-rank{background:var(--color-primary);color:var(--color-text-contrast);border-color:var(--color-primary);box-shadow:0 2px 6px -2px #78926280}.ranking-info{flex:1;display:flex;flex-direction:column;gap:.3rem}.ranking-name{font-weight:500;color:var(--color-text-primary);font-size:1rem;letter-spacing:.03em}.ranking-count{font-size:.85rem;color:var(--color-text-secondary);letter-spacing:.02em}.ranking-badge{padding:.3rem .85rem;background:var(--color-primary);color:var(--color-text-contrast);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;letter-spacing:.05em;box-shadow:0 2px 4px #7892624d}.ranking-current-user-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-soft)}.ranking-user-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface-soft);border-radius:var(--radius-md);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm)}.user-stat-item{display:flex;flex-direction:column;gap:.4rem}.user-stat-label{font-size:.85rem;color:var(--color-text-secondary);letter-spacing:.03em}.user-stat-value{font-size:1.1rem;font-weight:500;color:var(--color-text-primary);letter-spacing:.02em}.ranking-actions{display:flex;justify-content:center;padding-top:var(--spacing-md)}.user-panel-signout-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border-soft);background:var(--color-surface-soft);color:var(--color-text-primary);border-radius:var(--radius-full);cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.05em;transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-sm)}.user-panel-signout-btn:hover{background:var(--color-critical-soft);border-color:var(--color-critical);color:var(--color-critical);transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-panel-signout-btn i{font-size:.9rem}.user-panel-messages-list{display:flex;flex-direction:column;gap:.75rem}.user-panel-message-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-surface-soft);border:1px solid var(--color-border-soft);transition:all var(--duration-fast) var(--ease-smooth);position:relative;box-shadow:var(--shadow-sm)}.user-panel-message-item:hover{background:var(--color-surface-primary);transform:translate(2px);box-shadow:var(--shadow-md)}.user-panel-message-item.unread{background:linear-gradient(135deg,var(--color-primary-soft) 0%,rgba(120,146,98,.08) 100%);border-color:var(--color-primary);box-shadow:0 2px 8px -4px #7892624d}.user-panel-message-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface-primary);color:var(--color-text-secondary);flex-shrink:0;border:1px solid var(--color-border-soft);box-shadow:inset 0 1px 2px #0000000d}.user-panel-message-item.unread .user-panel-message-icon{background:var(--color-primary);color:var(--color-text-contrast);border-color:var(--color-primary);box-shadow:0 2px 6px -2px #78926266}.user-panel-message-content{flex:1;display:flex;flex-direction:column;gap:.4rem;min-width:0}.user-panel-message-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.user-panel-message-title{margin:0;font-weight:500;color:var(--color-text-primary);font-size:.95rem;letter-spacing:.02em}.user-panel-message-time{font-size:.8rem;color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0;letter-spacing:.01em}.user-panel-message-text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;word-wrap:break-word;letter-spacing:.01em}.user-panel-message-unread-indicator{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:10px;height:10px;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 0 0 2px var(--color-surface-raised),0 2px 4px #78926266}.user-panel-message-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.user-panel-message-action-btn{width:32px;height:32px;border:1px solid transparent;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.user-panel-message-action-btn:hover{background:var(--color-primary-soft);color:var(--color-text-primary);border-color:var(--color-border-soft)}@media(max-width:768px){.user-panel-modal-content{width:95vw;max-height:90vh;border-radius:var(--radius-lg)}.user-panel-tabs{flex-direction:column;gap:var(--spacing-xs)}.user-panel-tab{width:100%}.ranking-user-stats{flex-direction:column;gap:var(--spacing-md)}}.poem-card{background:var(--color-surface-soft);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-sm);cursor:pointer;transition:all var(--duration-normal) var(--ease-smooth);border:1px solid var(--color-border-soft);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;width:100%;max-width:360px;box-sizing:border-box;overflow:hidden;text-align:center;box-shadow:var(--shadow-sm);position:relative}.poem-card:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong);transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-md)}.poem-card-badge{position:absolute;top:14px;right:14px;width:8px;height:8px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;transition:all var(--duration-normal) var(--ease-smooth)}.poem-card-badge-dot{width:100%;height:100%;background:var(--color-primary);opacity:.68;border-radius:var(--radius-full);display:block;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:0 1px 3px var(--color-primary-soft)}.poem-card-badge-icon{display:none;font-size:12px;color:var(--color-primary);opacity:0;transition:opacity var(--duration-normal) var(--ease-smooth);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.poem-card:hover .poem-card-badge{width:24px;height:24px}.poem-card:hover .poem-card-badge-dot{width:24px;height:24px;background:var(--color-primary-soft);box-shadow:var(--shadow-sm);opacity:1}.poem-card:hover .poem-card-badge-icon{display:block;opacity:1}.poem-card-verse{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;color:var(--color-text-primary);line-height:2;letter-spacing:.12em;margin-bottom:0;overflow:visible;word-wrap:break-word;overflow-wrap:anywhere;word-break:break-word;white-space:pre-line;display:block}.poem-content{flex-grow:1;width:100vw;height:100vh;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:1}.poem-wrapper{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;padding:0;overflow:visible;touch-action:manipulation}.poem-content-area{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-xl);box-sizing:border-box;overflow:hidden;touch-action:manipulation}@keyframes breathe{0%{opacity:.92;transform:scale(.985)}33%{opacity:1;transform:scale(1.008)}to{opacity:.92;transform:scale(.985)}}@keyframes breathe-glow{0%{opacity:var(--poem-glow-opacity-min, .25);transform:scale(var(--poem-glow-scale-min, .99))}33%{opacity:var(--poem-glow-opacity-max, .85);transform:scale(var(--poem-glow-scale-max, 1.015))}to{opacity:var(--poem-glow-opacity-min, .25);transform:scale(var(--poem-glow-scale-min, .99))}}.poem-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-serif);font-size:3rem;line-height:2.5;letter-spacing:.4em;color:var(--poem-text-color, var(--color-text-primary, #2C3E50));font-weight:400;white-space:nowrap;position:relative;text-shadow:var(--poem-glow-shadow-min, 0 0 8px rgba(255, 255, 255, .3), 0 0 12px rgba(255, 255, 255, .18));animation:breathe 8s ease-in-out infinite;animation-timing-function:cubic-bezier(.45,.05,.55,.95);will-change:opacity,transform;transform-origin:center center;transition:color .4s ease}.poem-text:after{content:attr(data-text);position:absolute;inset:0;display:block;writing-mode:inherit;text-orientation:inherit;pointer-events:none;white-space:pre-line;color:transparent;text-shadow:var(--poem-glow-shadow-max, 0 0 20px rgba(255, 255, 255, .8), 0 0 30px rgba(255, 255, 255, .48));transform-origin:center center;animation:breathe-glow 8s ease-in-out infinite;animation-timing-function:cubic-bezier(.45,.05,.55,.95);opacity:var(--poem-glow-opacity-min, .25)}.poem-meta{position:absolute;bottom:var(--spacing-xl);left:var(--spacing-xl);font-family:var(--font-serif);writing-mode:vertical-rl;text-orientation:mixed;color:var(--poem-meta-color, var(--color-text-tertiary));font-size:1.2rem;letter-spacing:.2em;opacity:.7;white-space:nowrap;z-index:10;max-height:calc(100vh - var(--spacing-xl) * 2);overflow:hidden;transition:color .4s ease}@media(max-width:768px){.poem-wrapper{padding:clamp(2.5rem,10vh,4rem) clamp(1.5rem,6vw,2.75rem) clamp(6rem,18vh,8.5rem)}.poem-content-area{padding:var(--spacing-md)}.poem-text{font-size:clamp(1.8rem,6.2vw,2.35rem);line-height:2.05;letter-spacing:.26em;animation:breathe 8s ease-in-out infinite;animation-timing-function:cubic-bezier(.45,.05,.55,.95)}.poem-meta{bottom:calc(var(--spacing-sm) + 60px + var(--spacing-md));left:calc(var(--spacing-sm) + 52px);font-size:.95rem;letter-spacing:.18em;opacity:.82;max-height:calc(100vh - var(--spacing-sm) - 60px - var(--spacing-md) - var(--spacing-md));overflow:hidden}}.sound-controls{position:fixed;bottom:var(--spacing-md);left:calc(50% - var(--atmosphere-editor-width, 0px) / 2);transform:translate(-50%);min-width:320px;max-width:600px;background:var(--color-surface-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm);padding:var(--spacing-md);z-index:100;transition:all var(--duration-normal) var(--ease-smooth)}.main-controls{display:flex;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-soft);margin-bottom:var(--spacing-md)}.control-btn{width:48px;height:48px;border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-contrast);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);box-shadow:var(--shadow-sm);flex-shrink:0}.control-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.control-btn:active{transform:scale(.95)}.control-btn svg{width:24px;height:24px}.volume-control{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.volume-label{font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap;min-width:50px}.volume-slider{flex:1;height:6px;border-radius:var(--radius-full);background:var(--color-border-soft);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;-webkit-transition:all var(--duration-fast) var(--ease-smooth);transition:all var(--duration-fast) var(--ease-smooth)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px var(--color-primary-soft)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:none;-moz-transition:all var(--duration-fast) var(--ease-smooth);transition:all var(--duration-fast) var(--ease-smooth)}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px var(--color-primary-soft)}.volume-value{font-size:.85rem;color:var(--color-text-tertiary);min-width:40px;text-align:right}.tracks-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-soft) transparent}.tracks-list::-webkit-scrollbar{width:6px}.tracks-list::-webkit-scrollbar-track{background:transparent}.tracks-list::-webkit-scrollbar-thumb{background:var(--color-border-soft);border-radius:var(--radius-full)}.tracks-list::-webkit-scrollbar-thumb:hover{background:#31403247}.track-control{background:var(--color-primary-soft);border-radius:var(--radius-md);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.track-name{font-size:.9rem;color:var(--color-text-primary);font-weight:500;margin-bottom:var(--spacing-xs)}.track-control .volume-control{margin-left:0}.track-control .volume-label{font-size:.75rem;min-width:40px}.track-control .volume-slider{height:4px}.track-control .volume-slider::-webkit-slider-thumb{width:12px;height:12px}.track-control .volume-slider::-moz-range-thumb{width:12px;height:12px}@media(prefers-color-scheme:dark){.sound-controls{background:var(--color-surface-soft)}.main-controls{border-bottom-color:var(--color-border-soft)}.volume-slider{background:#a7bba547}.tracks-list{scrollbar-color:rgba(167,187,165,.32) transparent}.tracks-list::-webkit-scrollbar-thumb{background:#a7bba552}.tracks-list::-webkit-scrollbar-thumb:hover{background:#a7bba575}}@media(max-width:768px){.sound-controls{min-width:calc(100% - var(--spacing-md) * 2);max-width:calc(100% - var(--spacing-md) * 2)}.main-controls{flex-wrap:wrap}.volume-control{flex:1 1 100%}.tracks-list{max-height:200px}}.atmosphere-editor{position:fixed;top:0;right:0;left:auto;width:min(360px,42vw);height:100vh;z-index:1000;pointer-events:none;overflow:hidden}.atmosphere-editor.visible .editor-sidebar{pointer-events:all}.editor-sidebar{position:absolute;right:0;left:auto;top:0;width:100%;height:100vh;height:100dvh;background:var(--color-surface-raised);box-shadow:-24px 0 48px -32px #1a2a1e5c;display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--duration-normal) var(--ease-smooth);overflow:hidden;box-sizing:border-box}.atmosphere-editor.visible .editor-sidebar{transform:translate(0)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface-soft);border-bottom:1px solid var(--color-border-strong);box-shadow:0 2px 8px -4px #1a2a1e1f;flex-shrink:0;min-height:48px}.editor-title{font-family:var(--font-serif);font-size:1rem;font-weight:500;color:var(--color-text-primary);letter-spacing:.05em;margin:0;flex:1}.editor-close-btn{width:36px;height:36px;border:1px solid transparent;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);flex-shrink:0;padding:0}.editor-close-btn:hover,.editor-close-btn:focus-visible{background:var(--color-primary-soft);color:var(--color-text-primary);border-color:var(--color-border-soft);transform:rotate(90deg)}.editor-close-btn:active{transform:rotate(90deg) scale(.95)}.editor-close-btn i{font-size:1rem;pointer-events:none}.editor-content{flex:1;min-height:0;overflow:hidden;overscroll-behavior:none;padding:10px 16px 4px;display:flex;flex-direction:column}.editor-picture-start{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:12px 2px 8px}.editor-picture-start .editor-hint{margin:0;line-height:1.7}.editor-upload-btn.is-start{width:100%;padding:14px 16px;font-size:1rem}.editor-section{margin-bottom:0;flex-shrink:0}.editor-section-head{display:flex;align-items:center;gap:10px;min-height:32px;margin-bottom:8px}.editor-section-title{margin:0;flex-shrink:0;font-family:var(--font-serif);font-size:.92rem;font-weight:600;letter-spacing:.16em;color:var(--color-text-primary);line-height:1}.editor-section-head .look-chips{flex:1;min-width:0}.editor-section-sound,.sound-library-pane{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sound-library-chrome{flex-shrink:0}.editor-content>*+.editor-section-visual,.editor-content>*+.editor-section-sound{margin-top:8px;padding-top:10px;border-top:1px solid rgba(49,64,50,.12)}.editor-text-btn{margin-left:auto;border:none;background:transparent;color:var(--color-text-secondary);font-family:var(--font-serif);font-size:.78rem;letter-spacing:.08em;padding:2px 4px;cursor:pointer}.editor-text-btn:hover{color:var(--color-text-primary)}.editor-label{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);padding-top:var(--spacing-xs);margin-top:var(--spacing-xs);border-top:1px solid rgba(49,64,50,.08);position:relative}.editor-section:first-child .editor-label{margin-top:0;padding-top:0;border-top:none}.sound-library-tabs{display:flex;align-items:center;gap:2px;margin:0 0 0 auto}.sound-library-tab{border:none;background:transparent;color:var(--color-text-secondary);border-bottom:1px solid transparent;border-radius:0;padding:2px 8px 5px;font-size:.78rem;font-family:var(--font-serif);letter-spacing:.1em;cursor:pointer}.sound-library-tab.selected{color:var(--color-text-primary);border-bottom-color:var(--color-primary);background:transparent}.sound-library-subtabs{display:flex;gap:4px;margin-bottom:8px;border-bottom:1px solid rgba(49,64,50,.1)}.sound-library-subtab{flex:1;border:none;background:transparent;color:var(--color-text-secondary);border-bottom:1px solid transparent;border-radius:0;padding:4px 8px 7px;font-size:.8rem;font-family:var(--font-serif);letter-spacing:.14em;cursor:pointer}.sound-library-subtab.selected{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}.sound-family-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px}.sound-family-chip{border:1px solid var(--color-border-soft);background:transparent;color:var(--color-text-secondary);border-radius:999px;padding:3px 9px;font-size:.72rem;font-family:var(--font-serif);letter-spacing:.06em;cursor:pointer}.sound-family-chip.selected{border-color:var(--color-primary);color:var(--color-text-primary);background:var(--color-primary-soft)}.sound-family-heading{grid-column:1 / -1;min-height:16px;font-size:.7rem;line-height:16px;font-family:var(--font-serif);letter-spacing:.16em;color:var(--color-text-tertiary);padding:0 2px}.sound-library .editor-hint{margin:0 0 8px}.recording-dock{flex-shrink:0}.recording-expand{max-height:42vh;overflow-y:auto;padding:8px 14px;border-top:1px solid var(--color-border-soft)}.recording-expand .recording-status{margin-top:0;min-height:0;font-size:.75rem}.recording-expand .recording-name-panel{margin-top:8px;padding:10px}.pending-mine-recordings{margin-top:0}.pending-mine-recordings .editor-hint{display:block;margin-bottom:6px}.pending-chip-row{display:flex;flex-wrap:wrap;gap:6px}.pending-chip{border:1px solid var(--color-border-soft);background:var(--color-surface-soft);color:var(--color-text-primary);border-radius:999px;padding:3px 9px;font-size:.75rem;cursor:pointer}.pending-chip.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.pending-chip.locked{opacity:.45;cursor:default}.editor-mix{flex-shrink:0;padding:8px 14px;border-top:1px solid var(--color-border-soft);background:var(--color-surface-raised)}.editor-mix.is-attention{animation:selected-sounds-attention 1.2s ease}.mix-row{display:flex;align-items:center;gap:8px;min-height:28px}.mix-row+.mix-row{margin-top:4px}.mix-name{flex:0 1 72px;font-size:.78rem;font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-mix .volume-slider{flex:1;min-width:48px}.mix-record-row{display:flex;align-items:center;gap:8px;min-height:32px}.editor-mix.has-tracks .mix-record-row{margin-top:6px;padding-top:6px;border-top:1px solid var(--color-border-soft)}.editor-mix .recording-toggle{width:28px;height:28px;font-size:.75rem;flex-shrink:0}.editor-mix .recording-toggle i{font-size:.7rem}.editor-mix .recording-timer-text{font-size:.8rem;text-align:left;letter-spacing:.04em}.editor-hint{font-size:.75rem;font-weight:400;color:var(--color-text-tertiary)}.editor-hint.is-full{color:var(--color-text-secondary)}.editor-hint.is-flashing{color:var(--color-primary);animation:editor-hint-flash 1.2s ease}@keyframes editor-hint-flash{0%,to{opacity:1}25%,75%{opacity:.4}}.editor-input,.editor-textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.85rem;color:var(--color-text-primary);background:var(--color-surface-soft);transition:var(--transition-fast)}.editor-input:focus,.editor-textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface-raised);box-shadow:0 0 0 3px var(--color-primary-soft)}.editor-textarea{resize:vertical;min-height:50px;line-height:1.5}.sound-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 10px;flex:1 1 auto;min-height:0;overflow:hidden;align-content:start}.sound-selector .loading-text,.sound-selector .empty-state{grid-column:1 / -1}.sound-card{background:transparent;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:8px 12px;min-height:38px;cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;justify-content:center}.sound-card:hover{background:var(--color-primary-soft);border-color:var(--color-border-strong)}.sound-card.selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.sound-card.locked{opacity:.45;cursor:default}.sound-card.locked:hover{background:transparent;border-color:var(--color-border-soft)}.sound-card-name{font-family:var(--font-serif);font-size:.9rem;font-weight:500;letter-spacing:.14em;text-align:center;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-container{margin-top:4px;display:flex;justify-content:center;align-items:center;flex-shrink:0;min-height:36px}.editor-section-visual>.pagination-container{margin-top:8px}.pagination-info{font-size:.75rem;color:var(--color-text-tertiary);letter-spacing:.06em;padding:0 6px;font-family:var(--font-serif)}.pagination{display:flex;align-items:center;gap:4px;padding:2px 0}.pagination-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid transparent;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:.8rem;font-weight:400;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans)}.pagination-btn:hover:not(:disabled){background:var(--color-surface-raised);border-color:var(--color-border-soft);color:var(--color-text-primary)}.pagination-btn:active:not(:disabled){transform:scale(.95)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn-nav{padding:0 6px}.pagination-btn-nav i{font-size:.7rem}.pagination-btn-page{font-weight:400}.pagination-btn-page.active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-text-primary);font-weight:500}.pagination-ellipsis{padding:0 4px;color:var(--color-text-tertiary);font-size:.8rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.selected-sounds{background:#78926214;border-radius:var(--radius-sm);padding:8px}.selected-sounds.is-attention{animation:selected-sounds-attention 1.2s ease}@keyframes selected-sounds-attention{0%,to{box-shadow:none}40%{box-shadow:0 0 0 2px var(--color-primary)}}.recording-name-field{display:flex;flex-direction:column;gap:4px}.recording-name-field label{font-size:.75rem;color:var(--color-text-secondary)}.empty-state{text-align:center;color:var(--color-text-tertiary);font-size:.8rem;padding:var(--spacing-md) var(--spacing-xs)}.selected-sound-item{background:var(--color-surface-soft);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px}.selected-sound-item:last-child{margin-bottom:0}.sound-item-header{display:flex;align-items:center;justify-content:space-between;width:100%}.sound-item-name{font-size:.85rem;font-weight:500;color:var(--color-text-primary);flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-item-controls{display:flex;align-items:center;gap:8px;width:100%}.volume-label{font-size:.7rem;color:var(--color-text-tertiary);white-space:nowrap;flex-shrink:0}.volume-slider{flex-grow:1;min-width:60px;height:3px;border-radius:var(--radius-full);background:var(--color-border-soft);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer}.volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-primary);cursor:pointer;border:none}.volume-value{font-size:.7rem;color:var(--color-text-tertiary);min-width:32px;text-align:right;flex-shrink:0}.loop-checkbox{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.loop-checkbox input{display:none}.loop-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--color-surface-secondary, rgba(120, 146, 98, .08));color:var(--color-text-tertiary);font-size:.7rem;transition:all .2s ease}.loop-checkbox input:checked+.loop-icon{background:var(--color-primary);color:#fff}.loop-checkbox:hover .loop-icon{background:var(--color-surface-hover, rgba(120, 146, 98, .15))}.loop-checkbox input:checked+.loop-icon:hover{background:var(--color-primary-hover, #6a8255)}.sound-item-remove{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;line-height:1;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sound-item-remove:hover{background:#e74c3c1a;color:var(--color-error, #e74c3c)}.remove-btn{width:20px;height:20px;border:none;background:var(--color-secondary-soft);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;font-size:1rem;line-height:1;transition:var(--transition-fast);flex-shrink:0;display:flex;align-items:center;justify-content:center}.remove-btn:hover{background:var(--color-critical);color:var(--color-text-contrast)}.background-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.background-card{position:relative;cursor:pointer;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);overflow:hidden;transition:var(--transition-fast);height:44px}.background-card:hover{border-color:var(--color-border-strong)}.background-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.background-preview{width:100%;height:100%}.background-preview-add{display:block;background:var(--color-surface-soft)}.background-name{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0 6px;font-size:.72rem;font-family:var(--font-serif);letter-spacing:.08em;color:var(--color-text-primary);text-align:center;background:none}.background-card-custom{border-style:dashed}.background-card-custom:hover{border-color:var(--color-primary)}.custom-color-picker{padding:8px 0 2px}.custom-color-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.custom-color-row:last-of-type{margin-bottom:8px}.custom-color-label{font-size:.85rem;color:var(--color-text-secondary);min-width:60px;flex-shrink:0}.custom-color-input-group{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.custom-color-input{width:36px;height:28px;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:transparent;flex-shrink:0}.custom-color-hex{flex:1;min-width:0;max-width:100%;padding:4px 8px;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);font-size:.78rem;font-family:Courier New,monospace;background:var(--color-surface-raised);color:var(--color-text-primary);transition:var(--transition-fast);box-sizing:border-box;width:100%}.custom-color-hex:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.custom-color-direction{display:flex;gap:16px;flex:1}.custom-radio{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.85rem;color:var(--color-text-secondary);transition:var(--transition-fast)}.custom-radio:hover{color:var(--color-text-primary)}.custom-radio input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.custom-color-preview{width:100%;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border-soft)}.editor-footer{display:flex;align-items:center;gap:8px;padding:8px 14px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border-soft);flex-shrink:0;background:var(--color-surface-raised)}.editor-footer-actions{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px}.editor-footer-actions .editor-upload-btn.is-solo,.editor-footer-actions:has(.editor-upload-btn.is-needed) .editor-upload-btn{flex:1 1 auto;padding:10px 16px;font-size:.95rem}.editor-footer-actions:has(.editor-upload-btn.is-needed) .editor-btn{flex:0 0 auto;padding:7px 12px;font-size:.78rem}.editor-footer-actions:has(.editor-upload-btn:not(.is-needed)) .editor-upload-btn{flex:0 0 auto;padding:7px 12px;font-size:.78rem}.editor-footer-actions:has(.editor-upload-btn:not(.is-needed)) .editor-btn-primary{flex:1 1 auto;padding:10px 16px;font-size:.95rem}.editor-upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);font-size:.85rem;font-family:var(--font-serif);letter-spacing:.08em;cursor:pointer;color:var(--color-text-primary);background:var(--color-surface-soft);white-space:nowrap}.editor-upload-btn input{display:none}.editor-upload-btn.is-needed{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast)}.editor-upload-btn.is-needed:hover{background:var(--color-secondary)}.editor-btn{flex:0 0 auto;padding:8px 18px;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.editor-btn-secondary{background:var(--color-secondary-soft);color:var(--color-text-secondary)}.editor-btn-secondary:hover{background:#78926238;color:var(--color-text-primary)}.editor-btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}.editor-btn-primary:hover{background:var(--color-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.editor-btn-primary:disabled,.editor-btn-primary:disabled:hover{background:#3d342824;color:var(--color-text-tertiary);box-shadow:none;transform:none;cursor:not-allowed}.editor-btn-idle{background:#3d34281a;color:var(--color-text-tertiary);box-shadow:none}.editor-btn-idle:hover{transform:none;box-shadow:none}.editor-btn-idle:disabled{cursor:not-allowed}@media(prefers-color-scheme:dark){.editor-header{background:var(--color-surface-soft);border-bottom-color:var(--color-border-strong);box-shadow:0 2px 8px -4px #030c0766}.editor-label{border-top-color:#a7bba51f}.editor-content>*+.editor-section-visual,.editor-content>*+.editor-section-sound{border-top-color:#a7bba529}.sound-library-subtabs{border-bottom-color:#a7bba51f}.editor-btn-primary:disabled,.editor-btn-primary:disabled:hover,.editor-btn-idle{background:#a7bba529;color:var(--color-text-tertiary)}.editor-input,.editor-textarea{background:var(--color-surface-soft);border-color:var(--color-border-soft);color:var(--color-text-primary)}.editor-input:focus,.editor-textarea:focus{background:var(--color-surface-raised);border-color:var(--color-primary)}.sound-card{background:transparent;border-color:#a7bba547}.sound-card:hover{background:#78926229;border-color:#c5d7bf66}.sound-card.locked:hover{background:transparent;border-color:#a7bba547}.selected-sounds{background:#445a4a3d}.selected-sound-item{background:#46604c57}.pagination-btn:hover:not(:disabled){background:#5c766147;border-color:var(--color-border-soft)}.pagination-btn-page.active{background:#78926252;border-color:var(--color-primary)}.editor-btn-secondary{background:#5c766147}.editor-btn-secondary:hover{background:#74906f5c}}.preview-tip{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:#1f2a24d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-contrast);padding:12px 24px;border-radius:var(--radius-full);font-size:.85rem;z-index:2000;opacity:0;pointer-events:none;transition:all var(--duration-normal) var(--ease-smooth);white-space:nowrap;box-shadow:var(--shadow-sm)}.preview-tip.visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:all}@media(max-width:768px){.editor-sidebar{height:100vh;height:100dvh}.editor-header{padding:var(--spacing-sm) var(--spacing-md);min-height:52px}.editor-title{font-size:.95rem}.editor-close-btn{width:44px;height:44px}.editor-close-btn i{font-size:1.2rem}.sound-selector{grid-template-columns:repeat(2,1fr)}.pagination-btn{min-width:28px;height:28px;font-size:.75rem;padding:0 6px}.pagination-btn-nav{padding:0 4px}.background-selector{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.editor-title{font-size:.9rem}.editor-content{padding:var(--spacing-sm)}.sound-selector{grid-template-columns:repeat(2,1fr);gap:8px}.pagination-btn{min-width:26px;height:26px;font-size:.7rem;padding:0 4px}.pagination-btn-nav{padding:0 3px}.pagination-btn-nav i{font-size:.65rem}.background-selector{grid-template-columns:repeat(2,1fr);gap:6px}.editor-btn{padding:8px 14px;font-size:.8rem}}.admin-dashboard-screen{width:100%;height:100%;display:flex;background:var(--color-bg-primary)}.admin-dashboard{flex:1;display:grid;grid-template-columns:minmax(240px,280px) 1fr;min-height:100vh;background:var(--color-bg-primary)}.admin-dashboard>*{min-width:0}.admin-sidebar{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-primary);border-right:1px solid var(--color-border-soft);box-shadow:inset -1px 0 #00000005}.admin-sidebar-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-soft)}.admin-back-btn{width:42px;height:42px;border:1px solid var(--color-border-soft);border-radius:var(--radius-full);background:var(--color-surface-raised);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.admin-back-btn:hover{background:var(--color-primary-soft);color:var(--color-text-primary);border-color:var(--color-primary)}.admin-sidebar-title{display:flex;flex-direction:column;gap:.2rem}.admin-app-name{font-size:.75rem;letter-spacing:.2em;color:var(--color-text-tertiary);text-transform:uppercase}.admin-panel-title{margin:0;font-family:var(--font-serif);font-size:1.4rem;letter-spacing:.1em;color:var(--color-text-primary)}.admin-nav{display:flex;flex-direction:column;gap:.35rem}.admin-nav-item{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:.65rem .85rem;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:.95rem;letter-spacing:.05em;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.admin-nav-item i{width:20px;text-align:center;font-size:1rem}.admin-nav-item:hover{background:var(--color-primary-soft);color:var(--color-text-primary);border-color:var(--color-border-soft)}.admin-nav-item.active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.admin-sidebar-footer{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-soft)}.admin-sidebar-hint{margin:0;font-size:.85rem;line-height:1.6;color:var(--color-text-secondary)}.admin-main{display:flex;flex-direction:column;background:var(--color-bg-primary);height:100vh;overflow:hidden}.admin-dashboard-content{flex:1;padding:var(--spacing-lg);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(var(--spacing-lg) * 1.5);scrollbar-width:thin;scrollbar-color:var(--color-border-soft) transparent}.admin-dashboard-content::-webkit-scrollbar{width:8px}.admin-dashboard-content::-webkit-scrollbar-track{background:transparent}.admin-dashboard-content::-webkit-scrollbar-thumb{background:var(--color-border-soft);border-radius:var(--radius-full)}.admin-dashboard-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.admin-view-shell{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;min-width:0}.admin-loading,.admin-error{min-height:240px}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm)}.admin-loading-spinner{width:48px;height:48px;border:3px solid var(--color-border-soft);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.admin-loading-text{color:var(--color-text-secondary);font-size:.9rem}.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md);color:var(--color-critical);text-align:center}.admin-error i{font-size:3rem;opacity:.7}.admin-error p{margin:0;font-size:.95rem}.admin-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:0;flex-wrap:wrap}.admin-section-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:400;color:var(--color-text-primary);margin:0 0 var(--spacing-xs);letter-spacing:.06em}.admin-description{margin:0;color:var(--color-text-secondary);font-size:.9rem;letter-spacing:.04em;line-height:1.6}.admin-table{width:100%;table-layout:auto;border-collapse:collapse;background:var(--color-surface-raised);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);min-width:100%}.admin-table th,.admin-table td{padding:var(--spacing-md) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-soft);word-break:break-word;overflow-wrap:break-word;vertical-align:top}.admin-table th{background:var(--color-surface-primary);color:var(--color-text-primary);font-weight:600;font-size:.9rem;letter-spacing:.05em;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--color-border-soft)}.admin-table td{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background:var(--color-primary-soft)}.admin-form{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-form-group{display:flex;flex-direction:column;gap:.35rem}.admin-form-label{font-size:.9rem;color:var(--color-text-primary);font-weight:500}.admin-form-input,.admin-form-textarea,.admin-form-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-primary);font-size:.9rem;font-family:var(--font-sans);transition:all var(--duration-fast) var(--ease-smooth)}.admin-form-input:focus,.admin-form-textarea:focus,.admin-form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.admin-form-textarea{min-height:100px;resize:vertical}.admin-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);display:inline-flex;align-items:center;gap:var(--spacing-xs);justify-content:center}.admin-btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-sm)}.admin-btn-primary:hover{background:var(--color-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.admin-btn-secondary{background:var(--color-secondary-soft);color:var(--color-text-primary)}.admin-btn-secondary:hover{background:var(--color-primary-soft)}.admin-btn-danger{background:var(--color-critical);color:var(--color-text-contrast)}.admin-btn-danger:hover{background:var(--color-critical-strong);transform:translateY(-1px)}.admin-btn-success{background:var(--color-success);color:var(--color-text-contrast)}.admin-btn-success:hover{background:var(--color-success-strong);transform:translateY(-1px)}.admin-btn-small{padding:.4rem .8rem;font-size:.85rem}.admin-inline-actions{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:wrap;justify-content:flex-end}.admin-search-box{position:relative;display:flex;align-items:center;min-width:240px}.admin-search-icon{position:absolute;left:.85rem;color:var(--color-text-tertiary);pointer-events:none;font-size:.9rem}.admin-search-input{width:100%;padding:.45rem .85rem .45rem 2.2rem;border:1px solid var(--color-border-soft);border-radius:var(--radius-full);background:var(--color-surface-raised);color:var(--color-text-primary);font-size:.9rem;transition:all var(--duration-fast) var(--ease-smooth)}.admin-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);background:var(--color-surface-primary)}.admin-filters-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end;background:var(--color-surface-raised);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);margin-bottom:0}.admin-filter-group{display:flex;flex-direction:column;gap:.4rem}.admin-filter-label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.admin-filter-input{padding:.45rem .75rem;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-primary);color:var(--color-text-primary);font-size:.9rem;min-width:120px}.admin-flex-1{flex:1}.admin-btn-text{background:transparent;color:var(--color-text-secondary);padding:.4rem .6rem}.admin-btn-text:hover{color:var(--color-primary);background:var(--color-primary-soft)}.admin-tab-switcher{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-soft)}.admin-tab-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);display:inline-flex;align-items:center;gap:var(--spacing-xs);justify-content:center}.admin-tab-btn:hover{background:var(--color-primary-soft);color:var(--color-text-primary);border-color:var(--color-primary)}.admin-tab-btn-active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.admin-tab-btn-active:hover{background:var(--color-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-tab-btn i{font-size:.95rem}.admin-confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);max-width:400px;width:90%;z-index:2000;border:1px solid var(--color-border-soft)}.admin-confirm-dialog-title{font-family:var(--font-serif);font-size:1.25rem;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.admin-confirm-dialog-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.admin-confirm-dialog-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.admin-card-list{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.admin-card{display:flex;flex-direction:column;gap:.6rem;background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm);padding:var(--spacing-sm) var(--spacing-md)}.admin-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.admin-card-title{margin:0;font-family:var(--font-serif);font-size:1.1rem;color:var(--color-text-primary);letter-spacing:.05em}.admin-card-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.admin-meta{color:var(--color-text-secondary);font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem;line-height:1.5;margin-bottom:.25rem}.admin-meta:last-child{margin-bottom:0}.admin-meta-muted{color:var(--color-text-tertiary);font-size:.8rem}.admin-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.75rem;letter-spacing:.04em}.admin-tag-info{background:var(--color-secondary-soft);color:var(--color-text-primary)}.admin-tag-group{display:inline-flex;flex-wrap:wrap;gap:.4rem;align-items:flex-start}.admin-tag-outline{background:transparent;border:1px solid var(--color-border-soft);color:var(--color-text-secondary)}.admin-tag-success{background:var(--color-primary);color:var(--color-primary-contrast)}.admin-tag-warning{background:#ba905a2e;color:var(--color-text-primary)}.admin-tag-muted{background:#7892621f;color:var(--color-text-secondary)}.admin-tag-danger{background:var(--color-critical);color:var(--color-text-contrast)}.admin-tag-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.admin-tag-secondary{background:var(--color-secondary);color:var(--color-secondary-contrast)}.admin-tag-neutral{background:var(--color-border-soft);color:var(--color-text-secondary)}.admin-audio-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-audio{width:100%;border-radius:var(--radius-md);background:var(--color-surface-primary)}.admin-audio-hint{font-size:.8rem}.admin-card-actions{display:flex;gap:.5rem}.admin-hidden{display:none}.admin-error-text{color:var(--color-critical);font-size:.8rem}.admin-success-text{color:var(--color-success);font-size:.8rem}.admin-card-completed{opacity:.65;transition:opacity var(--duration-normal) var(--ease-smooth)}.admin-card-table-wrapper{padding:0;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:var(--color-border-soft) transparent}.admin-card-table-wrapper::-webkit-scrollbar{height:8px}.admin-card-table-wrapper::-webkit-scrollbar-track{background:transparent}.admin-card-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border-soft);border-radius:var(--radius-full)}.admin-card-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.admin-table-actions{white-space:nowrap;text-align:right;width:auto;min-width:180px}.admin-table td:last-child,.admin-table th:last-child{width:auto;min-width:180px}.admin-table th:first-child,.admin-table td:first-child{width:auto;min-width:200px}.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:auto;min-width:120px}.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:auto;min-width:150px}.admin-poem-table th:first-child,.admin-poem-table td:first-child{width:auto;min-width:300px;max-width:none}.admin-poem-table th:nth-child(2),.admin-poem-table td:nth-child(2){width:auto;min-width:120px}.admin-poem-table th:nth-child(3),.admin-poem-table td:nth-child(3){width:auto;min-width:150px}.admin-sound-table th:first-child,.admin-sound-table td:first-child{width:auto;min-width:180px;max-width:none}.admin-sound-table th:nth-child(2),.admin-sound-table td:nth-child(2){width:auto;min-width:140px}.admin-sound-table th:nth-child(3),.admin-sound-table td:nth-child(3){width:auto;min-width:150px}.admin-sound-table th:nth-child(4),.admin-sound-table td:nth-child(4){width:auto;min-width:120px;white-space:nowrap}.admin-sound-table th:nth-child(5),.admin-sound-table td:nth-child(5){width:auto;min-width:160px}.admin-sound-name{font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem;line-height:1.4}.admin-sound-description{margin-top:.25rem;color:var(--color-text-secondary);font-size:.85rem;line-height:1.5;word-break:break-word;overflow-wrap:break-word}.admin-sound-tags{color:var(--color-text-secondary);font-size:.85rem;line-height:1.6;word-break:break-word;overflow-wrap:break-word}.admin-poem-content-cell,.admin-sound-description{word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word}.admin-poem-content-cell{max-width:none;word-break:break-word;white-space:pre-wrap;line-height:1.6;overflow-wrap:break-word}.admin-user-table th:first-child,.admin-user-table td:first-child{width:auto;min-width:150px}.admin-user-table th:nth-child(2),.admin-user-table td:nth-child(2){width:auto;min-width:200px}.admin-user-table th:nth-child(3),.admin-user-table td:nth-child(3){width:auto;min-width:140px}.admin-user-table th:nth-child(4),.admin-user-table td:nth-child(4){width:auto;min-width:100px}.admin-user-name{font-weight:500;color:var(--color-text-primary)}.admin-text-muted{color:var(--color-text-tertiary);font-size:.85rem}.admin-pagination{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-soft)}.admin-pagination-info{color:var(--color-text-secondary);font-size:.85rem}.admin-pagination-controls{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.admin-pagination-btn{min-width:36px;height:36px;padding:0 .6rem;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth);display:inline-flex;align-items:center;justify-content:center}.admin-pagination-btn:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-text-primary);border-color:var(--color-primary)}.admin-pagination-btn.active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.admin-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.admin-pagination-ellipsis{padding:0 .4rem;color:var(--color-text-tertiary);font-size:.85rem}.admin-statistics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.admin-stat-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm)}.admin-stat-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);font-size:1.5rem}.admin-stat-card-content{flex:1;min-width:0}.admin-stat-card-value{font-size:2rem;font-weight:600;color:var(--color-text-primary);line-height:1.2;margin-bottom:.25rem}.admin-stat-card-label{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:.5rem}.admin-stat-card-change{font-size:.85rem;color:var(--color-text-tertiary)}.admin-statistics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.admin-chart-card{background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.admin-chart-title{margin:0 0 var(--spacing-md) 0;font-family:var(--font-serif);font-size:1.2rem;font-weight:500;color:var(--color-text-primary);letter-spacing:.05em}.admin-chart-container{position:relative;height:300px;width:100%}.admin-popular-poems-table th:first-child,.admin-popular-poems-table td:first-child{width:auto;min-width:60px;text-align:center}.admin-popular-poems-table th:nth-child(2),.admin-popular-poems-table td:nth-child(2){width:auto;min-width:200px}.admin-popular-poems-table th:nth-child(3),.admin-popular-poems-table td:nth-child(3){width:auto;min-width:120px}.admin-popular-poems-table th:nth-child(4),.admin-popular-poems-table td:nth-child(4){width:auto;min-width:150px}.admin-popular-poems-table th:nth-child(5),.admin-popular-poems-table td:nth-child(5){width:auto;min-width:100px;text-align:center}.admin-month-select{width:auto;min-width:160px;padding:.5rem .75rem;font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.admin-filters-card{margin-bottom:0}.admin-filters-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.admin-form-group-inline{flex:1;min-width:180px;margin:0}.admin-form-group-inline .admin-form-label{display:block;margin-bottom:.4rem;font-size:.85rem;color:var(--color-text-secondary)}.admin-logs-table th:first-child,.admin-logs-table td:first-child{width:auto;min-width:160px}.admin-logs-table th:nth-child(2),.admin-logs-table td:nth-child(2){width:auto;min-width:120px}.admin-logs-table th:nth-child(3),.admin-logs-table td:nth-child(3){width:auto;min-width:120px}.admin-logs-table th:nth-child(4),.admin-logs-table td:nth-child(4){width:auto;min-width:100px}.admin-logs-table th:nth-child(5),.admin-logs-table td:nth-child(5){width:auto;min-width:120px}.admin-logs-table th:nth-child(6),.admin-logs-table td:nth-child(6){width:auto;min-width:200px}.admin-logs-table th:nth-child(7),.admin-logs-table td:nth-child(7){width:auto;min-width:120px}.admin-log-details{font-size:.85rem;line-height:1.6;color:var(--color-text-secondary);word-break:break-word}.admin-detail-item{display:inline-block;margin-right:var(--spacing-sm);margin-bottom:.25rem}.admin-detail-item strong{color:var(--color-text-primary);font-weight:500}.admin-audio-preview{display:flex;flex-direction:column;gap:.75rem}.admin-empty-hint{text-align:center;color:var(--color-text-secondary);font-size:.9rem;padding:var(--spacing-lg)}.admin-modal-overlay{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;background:var(--color-overlay-dim);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn var(--duration-normal) var(--ease-gentle);opacity:1;transition:opacity var(--duration-normal) var(--ease-gentle)}.admin-modal{width:min(640px,95vw);background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.admin-modal-title{margin:0;font-family:var(--font-serif);font-size:1.2rem;color:var(--color-text-primary);letter-spacing:.08em}.admin-modal-close{border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.admin-modal-close:hover{background:var(--color-primary-soft);color:var(--color-text-primary)}.admin-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.admin-form-dual{display:flex;gap:.5rem}.admin-form-dual>div{flex:1}.admin-confirm-overlay{position:fixed;inset:0;z-index:1400;background:var(--color-overlay-dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity var(--duration-normal) var(--ease-gentle)}.admin-modal-overlay.closing,.admin-confirm-overlay.closing{opacity:0}.admin-empty-state{text-align:center;padding:var(--spacing-lg);color:var(--color-text-tertiary)}.admin-empty-state i{font-size:3rem;opacity:.5;margin-bottom:var(--spacing-md)}.admin-empty-state p{margin:0;font-size:.95rem}@media(max-width:1024px){.admin-dashboard{grid-template-columns:minmax(200px,240px) 1fr}.admin-dashboard-content{padding:var(--spacing-md)}}@media(max-width:768px){.admin-dashboard-screen{padding:0}.admin-dashboard{grid-template-columns:1fr;min-height:100vh;height:100vh}.admin-main{height:100vh;overflow:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.admin-dashboard-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);gap:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + var(--spacing-md));-webkit-overflow-scrolling:touch}.admin-sidebar{border-right:none;border-bottom:1px solid var(--color-border-soft);padding:var(--spacing-md)}.admin-nav{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.admin-nav-item{justify-content:center}.admin-section-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.admin-inline-actions{justify-content:flex-start}.admin-card{padding:var(--spacing-md)}.admin-form-textarea{min-height:72px}.admin-card-actions{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.admin-form-dual{flex-direction:column}.admin-table{font-size:.85rem;min-width:600px}.admin-card-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table th,.admin-table td{padding:var(--spacing-sm) var(--spacing-sm)}.admin-table th{position:relative}.admin-statistics-cards,.admin-statistics-charts{grid-template-columns:1fr}.admin-chart-container{height:250px}.admin-month-select{width:100%}.admin-filters-row{flex-direction:column;align-items:stretch}.admin-form-group-inline{min-width:100%}.admin-modal{width:95vw;padding:var(--spacing-sm)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.screen,.poem-viewer-container{padding:var(--spacing-sm)}button,.clickable{min-height:44px;min-width:44px}}@media(min-width:769px)and (max-width:1024px){.poem-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(min-width:1400px){.poem-list-container,.poem-viewer-container{max-width:1600px}}@media(orientation:landscape)and (max-height:600px){.poem-content{font-size:clamp(1.5rem,4vh,3rem)}}