:root{--bg-primary:#fff;--bg-secondary:#fff;--bg-primary1:#ededed;--bg-secondary1:#ccc;--bg-tertiary:#f0f2f5;--text-primary:#24292e;--text-secondary:#586069;--text-tertiary:#959da5;--border-color:#e1e4e8;--accent-color:#da7400;--accent-hover:#0550ae;--success-color:#1a7f37;--warning-color:#d1242f;--shadow:0 8px 24px #0000001f;--shadow-sm:0 4px 12px #0000000d;--font-body:"Inter", "Inter Metric Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--font-display:var(--font-body);--color-level-0:#ebedf0;--color-level-1:#9be9a8;--color-level-2:#40c463;--color-level-3:#30a14e;--color-level-4:#216e39;--color-plan-0:var(--color-empty);--color-plan-1:#c7e7ff;--color-plan-2:#7cc4ff;--color-plan-3:#3694e8;--color-plan-4:#1a5fb4;--color-empty:var(--bg-primary1);--cell-gap:clamp(1.5px, .25vw, 3.5px);--weeks-count:53;--days-in-week:7;--cell-size:clamp(9px, calc((100vw - 120px - (var(--weeks-count) - 1) * var(--cell-gap)) / var(--weeks-count)), 21px);--calendar-width:calc(var(--weeks-count) * (var(--cell-size) + var(--cell-gap)));--border-radius:6px;--container-padding:24px;--container-max:1400px;--navbar-height:64px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--accent-color-rgb:9, 105, 218;--success-color-rgb:26, 127, 55;--holiday-color:#d1242f;--holiday-color-rgb:209, 36, 47;--reduced-color:#da7400;--weekend-color:#959da5}[data-font=inter]{--font-body:"Inter", "Inter Metric Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-font=mono]{--font-body:"JetBrains Mono", "SF Mono", Consolas, monospace;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-font=serif]{--font-body:"PT Serif", Georgia, serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-font=fira]{--font-body:"Fira Code", "JetBrains Mono", monospace;--font-mono:"Fira Code", "JetBrains Mono", monospace}[data-font=roboto]{--font-body:"Roboto", -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-font=oswald]{--font-body:"Oswald", "Roboto", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-font=philosopher]{--font-body:"Philosopher", "PT Serif", Georgia, serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-font=play]{--font-body:"Play", "Roboto", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-font=neucha]{--font-body:"Neucha", "PT Serif", Georgia, serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}[data-font=marck]{--font-body:"Marck Script", "Neucha", cursive;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace}@font-face{font-family:Inter Metric Fallback;src:local(Arial),local(Liberation Sans),local(Helvetica Neue);size-adjust:107.12%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}.theme-bg-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;animation:.4s theme-bg-reveal;position:fixed;inset:0}@keyframes theme-bg-reveal{0%{opacity:0}to{opacity:1}}[data-bg=off] .theme-bg-canvas,[data-bg=off] body:before,[data-bg=off] body:after{display:none!important}[data-bg=off] body{background-color:var(--bg-primary)}code,kbd{font-family:var(--font-mono)}a{color:inherit}#root{flex-direction:column;flex:1;min-height:0;display:flex}.navbar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0;padding:0;position:sticky;top:0;overflow-x:clip}.nav-container{max-width:var(--container-max);justify-content:space-between;align-items:center;gap:12px;width:100%;height:64px;margin:0 auto;display:flex}.nav-brand{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;flex-shrink:0;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;display:flex}.nav-brand-link{color:inherit;align-items:center;text-decoration:none;display:inline-flex}h1,h2,h3{font-family:var(--font-display)}.nav-brand i{color:var(--accent-color);font-size:1.4rem}.nav-links{align-items:center;gap:24px;min-width:0;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--border-radius);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:1rem;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.nav-link.active{color:var(--accent-color);background-color:var(--bg-tertiary)}.nav-link.active:after{content:"";background-color:var(--accent-color);height:2px;position:absolute;bottom:-17px;left:0;right:0}.nav-actions{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.theme-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-menu{position:relative}.theme-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);width:min(92vw,580px);max-height:min(70vh,480px);box-shadow:var(--shadow);z-index:200;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 4px;padding:6px;animation:.15s fadeIn;display:grid;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.theme-group{display:contents}.theme-category{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);border-top:1px solid var(--border-color);white-space:nowrap;grid-column:1/-1;align-items:center;gap:6px;margin-top:2px;padding:10px 8px 4px;font-size:.68rem;font-weight:700;display:flex}.theme-category:first-child{border-top:none;margin-top:0;padding-top:4px}.theme-option{width:100%;min-width:0;color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 9px;font-family:inherit;font-size:.85rem;display:flex;overflow:hidden}.theme-option span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-option:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.theme-option.active{color:var(--accent-color);font-weight:600}.theme-option i:first-child{text-align:center;flex-shrink:0;width:16px}.theme-option-check{margin-left:auto;font-size:.75rem}.lang-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:12px;font-weight:600;display:flex}.lang-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.main-container{max-width:var(--container-max);padding:var(--container-padding);flex-direction:column;flex:1;width:100%;margin:0 auto;display:flex;overflow-x:clip}.view{animation:.3s fadeIn}.view--reveal{animation:.18s viewReveal}@keyframes viewReveal{0%{opacity:0}to{opacity:1}}.calendar-view.view{flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.calendar-view .calendar-header,.calendar-view .calendar-variant-months,.calendar-view .calendar-variant-dotmap,.calendar-view .calendar-variant-rows{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calendar-header{flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.header-left{flex:auto;min-width:0}.header-left h1{white-space:nowrap;align-items:center;gap:12px;margin-bottom:8px;font-size:2rem;display:flex}.header-left .subtitle{color:var(--text-secondary);font-size:1rem}.period-selector{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);align-items:center;gap:16px;padding:12px 20px;display:flex}.period-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.period-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.header-right{flex-wrap:nowrap;flex:0 auto;align-items:center;gap:16px;min-width:0;display:flex}.view-switcher{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);align-items:center;gap:4px;padding:4px;display:flex}.view-btn{color:var(--text-secondary);border-radius:calc(var(--border-radius) - 2px);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;font-weight:600;display:flex}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-tertiary);color:var(--accent-color);border-color:var(--accent-color)}.period-container{flex-direction:column;align-items:center;gap:4px;min-width:120px;display:flex}.period-label{color:var(--text-primary);font-size:1.5rem;font-weight:600}.period-progress{align-items:center;gap:8px;width:100%;display:flex}.period-loader{height:12px;color:var(--accent-color);opacity:0;visibility:hidden;transition:opacity var(--transition-fast);align-items:center;font-size:.7rem;display:flex}.period-selector.is-loading .period-loader{opacity:1;visibility:visible}.progress-bar{background-color:var(--bg-tertiary);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-bar-fill{background-color:var(--accent-color);height:100%;transition:width var(--transition-slow);border-radius:2px}.progress-text{color:var(--text-tertiary);min-width:32px;font-size:.75rem}.calendar-wrapper{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);width:fit-content;max-width:100%;margin-bottom:12px;padding:12px;position:relative;overflow:visible!important}.months-container{grid-template-columns:repeat(var(--weeks-count), var(--cell-size));gap:var(--cell-gap);height:20px;margin-bottom:10px;margin-left:40px;display:grid;position:relative;overflow:visible}.month-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;z-index:1;justify-content:flex-start;align-items:flex-end;height:20px;padding-bottom:2px;font-size:11px;font-weight:600;display:flex;position:relative;overflow:visible}.month-label:not(:empty){background:linear-gradient(90deg, transparent 0%, rgba(var(--accent-color-rgb), .1) 50%, transparent 100%);padding:0 4px}.month-label.current-month{color:var(--accent-color);text-shadow:1px 1px #00bfff;font-weight:700}.calendar-cell.today{box-shadow:0 0 0 2px var(--success-color), 0 0 12px rgba(var(--success-color-rgb), .4);animation:2s ease-in-out infinite todayPulse}@keyframes todayPulse{0%,to{box-shadow:0 0 0 2px var(--success-color), 0 0 8px rgba(var(--success-color-rgb), .3)}50%{box-shadow:0 0 0 2px var(--success-color), 0 0 16px rgba(var(--success-color-rgb), .5)}}.weekdays-container{gap:var(--cell-gap);width:40px;height:calc(var(--days-in-week) * (var(--cell-size) + var(--cell-gap)) - var(--cell-gap));flex-direction:column;margin-right:8px;display:flex;position:relative;overflow:visible}.weekday-label{color:var(--text-primary);height:var(--cell-size);justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:relative}.calendar-grid-container{display:flex;position:relative;overflow:visible!important}.calendar-grid{grid-template-columns:repeat(var(--weeks-count), var(--cell-size));grid-template-rows:repeat(var(--days-in-week), var(--cell-size));gap:var(--cell-gap);grid-auto-flow:column;margin-left:1px;display:grid;position:relative;overflow:visible!important}.calendar-cell{width:var(--cell-size);height:var(--cell-size);cursor:pointer;transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background-color:var(--color-level-0);z-index:1;--cell-hover-scale:1.2;border-radius:2px;position:relative}.calendar-cell.month-even{background-color:var(--bg-secondary1)}.calendar-cell.month-odd{background-color:var(--bg-primary1)}.calendar-cell.empty-cell{visibility:hidden;pointer-events:none}.calendar-cell:hover{transform:scale(var(--cell-hover-scale));z-index:1000;box-shadow:0 0 0 2px var(--accent-color)}.calendar-cell.today{box-shadow:0 0 0 2px var(--success-color)}.calendar-cell.kind-weekend{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--weekend-color) 55%, transparent)}.calendar-cell.kind-reduced{box-shadow:inset 0 0 0 2px var(--reduced-color)}.calendar-cell.kind-holiday{box-shadow:inset 0 0 0 2px var(--holiday-color)}.calendar-cell.selected{box-shadow:0 0 0 2px var(--accent-color);z-index:1001}.calendar-cell.selected,.day-cell.selected,.dotmap-dot.selected,.rows-dot.selected{transform:scale(var(--cell-hover-scale));z-index:1000;box-shadow:0 0 0 2px var(--accent-color)}.calendar-cell.level-1{background-color:var(--color-level-1)!important}.calendar-cell.level-2{background-color:var(--color-level-2)!important}.calendar-cell.level-3{background-color:var(--color-level-3)!important}.calendar-cell.level-4{background-color:var(--color-level-4)!important}.calendar-variant-year[data-meta-loading=true] .calendar-cell,.calendar-variant-months[data-meta-loading=true] .day-cell,.calendar-variant-dotmap[data-meta-loading=true] .dotmap-dot,.calendar-variant-rows[data-meta-loading=true] .rows-dot{opacity:.45;pointer-events:none;transition:opacity var(--transition-fast)}.calendar-cell.plan-1,.day-cell.plan-1,.dotmap-dot.plan-1,.rows-dot.plan-1{background-color:var(--color-plan-1)!important}.calendar-cell.plan-2,.day-cell.plan-2,.dotmap-dot.plan-2,.rows-dot.plan-2{background-color:var(--color-plan-2)!important}.calendar-cell.plan-3,.day-cell.plan-3,.dotmap-dot.plan-3,.rows-dot.plan-3{background-color:var(--color-plan-3)!important}.calendar-cell.plan-4,.day-cell.plan-4,.dotmap-dot.plan-4,.rows-dot.plan-4{background-color:var(--color-plan-4)!important}.calendar-cell.plan-warning,.day-cell.plan-warning,.dotmap-dot.plan-warning,.rows-dot.plan-warning{animation:1.8s ease-in-out infinite plan-warn-pulse;box-shadow:inset 0 0 0 2px var(--warning-color)!important}@keyframes plan-warn-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--warning-color)}50%{box-shadow:inset 0 0 0 3px var(--warning-color), 0 0 8px var(--warning-color)}}.plan-dot{opacity:.9;pointer-events:none;background:#3694e8;border-radius:50%;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.plan-dot--warn{background:var(--warning-color);opacity:1;animation:1.8s ease-in-out infinite plan-warn-pulse}@media (prefers-reduced-motion:reduce){.calendar-cell.plan-warning,.day-cell.plan-warning,.dotmap-dot.plan-warning,.rows-dot.plan-warning,.plan-dot--warn,.period-selector.is-loading .period-loader i{animation:none}}.cell-tooltip{transform:translateX(-50%) scale(calc(1.2 / var(--cell-hover-scale,1.2)));background:var(--bg-tertiary);color:var(--text-primary);white-space:nowrap;border:1px solid var(--border-color);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);-webkit-backdrop-filter:blur(10px);visibility:hidden;border-radius:6px;max-width:300px;padding:10px 14px;font-size:.875rem;position:absolute;bottom:calc(100% + 10px);left:50%;box-shadow:0 4px 20px #00000040;z-index:10002!important}.calendar-cell:hover .cell-tooltip,.day-cell:hover .cell-tooltip,.dotmap-dot:hover .cell-tooltip,.rows-dot:hover .cell-tooltip,.calendar-cell.selected .cell-tooltip,.day-cell.selected .cell-tooltip,.dotmap-dot.selected .cell-tooltip,.rows-dot.selected .cell-tooltip{opacity:1;visibility:visible}.cell-tooltip:after{content:"";border-style:solid;border-width:6px;border-color:var(--bg-tertiary) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.cell-tooltip.left-edge{transform:translateX(0) scale(calc(1.2 / var(--cell-hover-scale,1.2)));left:0}.cell-tooltip.left-edge:after{left:10px;transform:translate(0)}.cell-tooltip.right-edge{transform:translateX(-100%) scale(calc(1.2 / var(--cell-hover-scale,1.2)));left:100%}.cell-tooltip.right-edge:after{left:calc(100% - 10px);transform:translate(-100%)}.cell-tooltip-content{align-items:center;gap:8px;display:flex}.cell-tooltip-weekday,.cell-tooltip-dayinfo{color:var(--text-secondary);margin-bottom:4px;font-size:.8rem}.cell-tooltip-dayinfo.is-holiday{color:var(--holiday-color);font-weight:600}.calendar-variant-months{flex-direction:row;flex:auto;justify-content:center;align-items:stretch;gap:12px;min-height:0;display:flex;overflow:visible;container-type:size}.calendar-variant-months .month-block{flex-direction:column;flex:auto;width:100%;max-width:720px;min-height:0;margin:0 auto;display:flex}.calendar-variant-months .month-side{flex-direction:column;flex:none;min-height:0;display:flex;overflow:hidden}.calendar-variant-months .month-side-left{justify-content:center;gap:5px;width:230px}.calendar-variant-months .month-side-right{grid-template-rows:repeat(6,1fr);gap:3px;width:128px;display:grid}.month-side-item{justify-content:space-between;align-items:baseline;gap:8px;font-size:1rem;line-height:1.3;display:flex}.month-side-label{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.month-side-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.08rem;font-weight:600}.month-side-quarter{border-top:1px dashed var(--border-color);margin-top:6px;padding-top:6px;font-size:1rem;line-height:1.4}.month-side-quarter-title{color:var(--text-secondary);margin-bottom:2px;font-weight:600}.month-side-na{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.month-week-row{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:flex-end;align-items:center;padding-right:4px;font-size:1rem;display:flex}.month-center{flex:auto;justify-content:center;align-items:stretch;min-width:0;min-height:0;display:flex}.calendar-variant-dotmap{--dotmap-cell:clamp(12px, 1.6vw, 18px);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px 20px;display:grid}.calendar-year.calendar-variant-dotmap{overflow:visible}.dotmap-month-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;padding-bottom:4px;display:flex}.dotmap-month-name{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);font-size:.85rem;font-weight:600}.dotmap-month-count{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.dotmap-days{grid-template-columns:repeat(7, var(--dotmap-cell));gap:var(--cell-gap);display:grid}.dotmap-dot{width:var(--dotmap-cell);height:var(--dotmap-cell);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);--cell-hover-scale:1.25;border-radius:2px;position:relative}.dotmap-dot.empty{visibility:hidden}.dotmap-dot.level-0{background-color:var(--color-empty)}.dotmap-dot.level-1{background-color:var(--color-level-1)}.dotmap-dot.level-2{background-color:var(--color-level-2)}.dotmap-dot.level-3{background-color:var(--color-level-3)}.dotmap-dot.level-4{background-color:var(--color-level-4)}.dotmap-dot.today{box-shadow:0 0 0 2px var(--success-color)}.dotmap-dot.kind-weekend,.rows-dot.kind-weekend{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--weekend-color) 55%, transparent)}.dotmap-dot.kind-reduced,.rows-dot.kind-reduced{box-shadow:inset 0 0 0 2px var(--reduced-color)}.dotmap-dot.kind-holiday,.rows-dot.kind-holiday{box-shadow:inset 0 0 0 2px var(--holiday-color)}.dotmap-dot:hover{transform:scale(var(--cell-hover-scale));z-index:10;box-shadow:0 0 0 2px var(--accent-color)}.calendar-variant-rows{--rows-cell:clamp(8px, min(calc((100dvh - 460px - 11 * 6px) / 12), calc((100vw - 124px - 30 * var(--cell-gap)) / 31)), 32px);flex-direction:column;flex:1;justify-content:space-between;gap:6px;min-height:0;display:flex}.rows-row{align-items:center;gap:10px;display:flex}.rows-label{text-align:right;width:40px;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-tertiary);flex:0 0 40px;font-size:10px;font-weight:500}.rows-days{align-items:center;gap:var(--cell-gap);display:flex}.rows-dot{width:var(--rows-cell);height:var(--rows-cell);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);--cell-hover-scale:1.8;border-radius:50%;position:relative}.rows-dot.level-0{background-color:var(--color-empty)}.rows-dot.level-1{background-color:var(--color-level-1)}.rows-dot.level-2{background-color:var(--color-level-2)}.rows-dot.level-3{background-color:var(--color-level-3)}.rows-dot.level-4{background-color:var(--color-level-4)}.rows-dot.today{box-shadow:0 0 0 2px var(--success-color)}.rows-dot:hover{transform:scale(var(--cell-hover-scale));z-index:1000;box-shadow:0 0 0 2px var(--accent-color)}.rows-dot .comment-dot{width:4px;height:4px;top:-1px;right:-1px}.rows-dot .comment-dot--unread:after{inset:-2px}.calendar-year{background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:20px;padding:12px;overflow-x:auto}.month-block{margin-bottom:20px}.month-block:last-child{margin-bottom:0}.month-days{box-sizing:border-box;grid-template-columns:repeat(7,1fr);gap:3px;width:100%;display:grid}.calendar-variant-months .month-days{flex:none;margin:auto}.day-cell{aspect-ratio:1;cursor:pointer;--cell-hover-scale:1.2;border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.day-cell:before{content:"";background-image:var(--day-bg-image);opacity:var(--day-image-opacity,.15);pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:90%;position:absolute;inset:0}.day-cell.empty{visibility:hidden}.day-cell.level-0{background-color:var(--color-empty)}.day-cell.level-1{background-color:var(--color-level-1)}.day-cell.level-2{background-color:var(--color-level-2)}.day-cell.level-3{background-color:var(--color-level-3)}.day-cell.level-4{background-color:var(--color-level-4)}.day-cell.today{box-shadow:0 0 0 2px var(--success-color)}.kind-weekend{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--weekend-color) 55%, transparent)}.kind-reduced{box-shadow:inset 0 0 0 2px var(--reduced-color)}.kind-holiday{box-shadow:inset 0 0 0 2px var(--holiday-color)}.day-cell.today.kind-holiday,.calendar-cell.today.kind-holiday,.dotmap-dot.today.kind-holiday,.rows-dot.today.kind-holiday{box-shadow:inset 0 0 0 2px var(--holiday-color), 0 0 0 2px var(--success-color)}.day-cell.today.kind-reduced,.calendar-cell.today.kind-reduced,.dotmap-dot.today.kind-reduced,.rows-dot.today.kind-reduced{box-shadow:inset 0 0 0 2px var(--reduced-color), 0 0 0 2px var(--success-color)}.day-cell .day-number{color:var(--text-primary);z-index:1;font-weight:500}.day-cell:hover{transform:scale(var(--cell-hover-scale));z-index:10;box-shadow:0 0 0 2px var(--accent-color)}.legend{align-items:center;gap:12px;display:flex}.legend span{color:var(--text-tertiary);font-size:.875rem}.legend-colors{gap:2px;display:flex}.color-box{border-radius:2px;width:14px;height:14px}.quick-stats{gap:20px;display:flex}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);align-items:center;gap:12px;min-width:140px;padding:12px 16px;display:flex}.stat-icon{color:var(--accent-color);font-size:1.25rem}.stat-number{font-size:1.5rem;font-weight:600;line-height:1}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.skeleton-calendar{flex-direction:column;flex:1;align-items:center;min-height:0;display:flex}.skeleton-calendar .header-left,.skeleton-calendar .header-right{gap:8px}.skeleton-calendar .skeleton-bar-title{width:60%;height:3.2rem;margin-bottom:8px}.skeleton-calendar .skeleton-bar-subtitle{width:40%;height:1.6rem}.skeleton-calendar .skeleton-bar-follow{border-radius:999px;width:110px;height:calc(1.44rem + 18px)}.skeleton-calendar .skeleton-bar-switcher{border-radius:var(--border-radius);width:383px;height:44px}.skeleton-calendar .skeleton-bar-period{border-radius:var(--border-radius);width:266px;height:104px}.skeleton-calendar-weekday{height:var(--cell-size);background:var(--bg-tertiary);opacity:.6;border-radius:2px}.skeleton-calendar-grid-dots{width:calc(var(--weeks-count) * (var(--cell-size) + var(--cell-gap)) - var(--cell-gap));height:calc(var(--days-in-week) * (var(--cell-size) + var(--cell-gap)) - var(--cell-gap));background-image:radial-gradient(circle at calc(var(--cell-size) / 2) calc(var(--cell-size) / 2), var(--color-level-0) 0 calc(var(--cell-size) / 2), transparent calc(var(--cell-size) / 2));background-size:calc(var(--cell-size) + var(--cell-gap)) calc(var(--cell-size) + var(--cell-gap));background-position:0 0;background-repeat:repeat;flex:none;margin-left:1px}.skeleton-calendar-body-months,.skeleton-calendar-body-dotmap,.skeleton-calendar-body-rows{flex:none;align-self:stretch}.skeleton-calendar-body-months{height:457px}.skeleton-calendar-body-dotmap{height:528px}.skeleton-calendar-body-rows{height:466px}.skeleton-calendar-body-narrow,[data-js] .prerender,[data-js] .prerender-back{display:none}.prerender{max-width:720px;margin:0 auto;padding:16px}.prerender h1{margin-bottom:12px;font-size:1.25rem}.prerender ul{padding-left:20px;list-style:outside}.prerender li+li{margin-top:6px}.prerender a{color:var(--accent-color)}.prerender-back{margin-top:12px}.calendar-cell-link{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.stats-header{margin-bottom:8px}.stats-header h1{align-items:center;gap:12px;margin-bottom:4px;display:flex}.stats-header p{color:var(--text-secondary)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px;display:grid}.stats-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:24px}.stats-card.large{grid-column:1/-1}.stats-card h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:20px;font-size:1.1rem;display:flex}.month-chart{align-items:stretch;gap:8px;height:200px;padding:20px 0;display:flex}.month-bars{justify-content:space-between;align-items:stretch;gap:4px;width:100%;height:100%;display:flex}.month-bar-container{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.month-bar-container .month-bar-label{color:var(--text-secondary);text-align:center;white-space:nowrap;text-transform:none;height:auto;text-shadow:none;font-size:.75rem;font-weight:500}.month-bar-container .month-count{color:var(--text-tertiary);font-size:.7rem}.month-bar{background:var(--accent-color);border-radius:4px;width:100%;min-height:1px;transition:height .5s}.records-list,.top-days,.time-stats{flex-direction:column;gap:16px;display:flex}.record-item,.top-day-item{background:var(--bg-tertiary);border-radius:6px;align-items:center;gap:12px;padding:12px;display:flex}.record-item i{color:var(--accent-color);font-size:1.2rem}.record-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.record-value{font-size:.95rem;font-weight:600}.top-day-rank{background:var(--accent-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.top-day-date{flex:1;font-size:.9rem;font-weight:500}.top-day-count{color:var(--text-tertiary);font-size:.875rem}.type-stats{flex-direction:column;gap:12px;display:flex}.type-stat-item{align-items:center;gap:12px;display:flex}.type-stat-label{flex:1;align-items:center;gap:8px;font-size:.875rem;display:flex}.type-stat-bar{background:var(--bg-tertiary);border-radius:4px;flex:2;height:8px;overflow:hidden}.type-stat-fill{background:var(--accent-color);border-radius:4px;height:100%;transition:width .5s}.type-stat-percent{text-align:right;width:40px;color:var(--text-tertiary);font-size:.875rem}.day-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.day-header-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);flex:1;justify-content:center;align-items:center;gap:16px;min-width:0;padding:16px 20px;display:flex}.day-header-text{text-align:center;flex:auto;min-width:0}.day-header-group{flex-direction:column;align-self:stretch;align-items:stretch;gap:8px;display:flex}.day-header-group .btn-secondary{flex:1;justify-content:center}.detail-date-title{margin-bottom:8px;font-size:1.75rem}.day-stats{color:var(--text-secondary);font-size:.875rem}.day-stats i{margin:0 4px}.add-day-btn{background:var(--accent-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.add-day-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.posts-container{flex-direction:column;gap:20px;display:flex}.post-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-fast);padding:24px;position:relative}.post-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.post-card.is-targeted{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 25%, transparent);animation:1.2s ease-out post-targeted}@keyframes post-targeted{0%{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent-color) 45%, transparent)}to{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 25%, transparent)}}@media (prefers-reduced-motion:reduce){.post-card.is-targeted{animation:none}}.post-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.post-icon{color:var(--accent-color);background:var(--bg-tertiary);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.post-time{color:var(--text-tertiary);font-size:.875rem}.post-type{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.75rem}.post-content{color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;line-height:1.7}.post-content a{color:var(--accent-color);overflow-wrap:break-word;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.post-content a:hover{text-decoration:underline}.post-image{max-width:100%;box-shadow:var(--shadow-sm);border-radius:8px;margin-top:16px}.video-container{border-radius:8px;height:0;margin-top:16px;padding-bottom:56.25%;position:relative;overflow:hidden}.video-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-poster{cursor:pointer;background:#000;border:none;border-radius:8px;width:100%;margin-top:16px;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.video-poster img{opacity:.85;width:100%;height:auto;transition:opacity var(--transition-fast);display:block}.video-poster:hover img{opacity:1}.video-poster-play{color:#fff;width:64px;height:64px;transition:background var(--transition-fast), transform var(--transition-fast);background:#000000a6;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-poster:hover .video-poster-play{background:var(--accent-color);transform:translate(-50%,-50%)scale(1.08)}.video-link{color:var(--accent-color);word-break:break-word;align-items:center;gap:8px;margin-top:16px;text-decoration:none;display:inline-flex}.video-link:hover{text-decoration:underline}.modal{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{background:var(--bg-primary);width:90%;max-width:500px;max-height:80vh;box-shadow:var(--shadow);border:1px solid var(--border-color);border-radius:12px;animation:.3s slideIn;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:20px 24px;display:flex}.modal-header h3{color:var(--text-primary);font-size:1.25rem}.modal-header .modal-date-link{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.modal-header .close-modal{flex:none}.icon-btn{color:var(--text-tertiary);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.icon-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.close-modal{color:var(--text-tertiary);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.close-modal:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{cursor:zoom-in;max-height:50vh;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.modal-footer-actions{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.modal-footer .btn-primary,.modal-footer .btn-secondary{white-space:nowrap}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.95rem;display:flex}.btn-secondary:hover{background:var(--bg-secondary)}.more-posts i{margin-right:8px}.modal-date-link{cursor:pointer;transition:color var(--transition-fast)}.modal-date-link:hover{color:var(--accent-color)}.modal-date-link:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;border-radius:var(--border-radius)}.modal-content.editing{max-width:640px}.modal-content.editing .modal-body{max-height:70vh}.modal-header .modal-time-input{flex:none;width:auto;margin-right:auto;padding:6px 10px;font-size:.95rem}.modal-content .post-editor .form-actions{justify-content:space-between;margin-top:20px;padding-top:16px}.post-image-frame{aspect-ratio:16/9;background:var(--bg-tertiary);box-shadow:var(--shadow-sm);border-radius:8px;margin-top:16px;overflow:hidden}.post-image-frame.is-loaded{aspect-ratio:auto;background:0 0}.post-image-frame .post-image{object-fit:cover;opacity:0;width:100%;height:100%;margin-top:0;transition:opacity .18s;display:block}.post-image-frame.is-loaded .post-image{opacity:1;height:auto}.video-poster{aspect-ratio:16/9}.video-poster img{object-fit:cover;height:100%}.settings-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);max-width:640px;margin:0 auto;padding:28px}.settings-section{border-top:1px solid var(--border-color);margin-top:28px;padding-top:24px}.settings-section-title{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:1.1rem;display:flex}.settings-max-status{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:16px;display:flex}.max-link-box{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.max-open-bot{align-self:flex-start;text-decoration:none}.settings-toggle{margin-bottom:16px}.toggle-label{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer;margin-top:3px}.toggle-label span{flex-direction:column;gap:4px;display:flex}.toggle-label small{color:var(--text-tertiary);font-size:.8rem;font-weight:400}.link-copy{gap:8px;display:flex}.link-copy .form-input{flex:1}.max-reset-form{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.settings-ok{color:var(--success-color,#1a7f37);align-items:center;gap:6px;margin-top:16px;display:flex}.access-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.access-row.is-add{margin-top:16px}.access-nick{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.access-role{width:auto;min-width:120px}.access-role.is-locked{border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-tertiary);padding:8px 12px}.nav-actions .logout-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition-fast);background:0 0;border:none;padding:8px 10px;font-size:1rem}.nav-actions .logout-btn:hover{background-color:var(--bg-tertiary);color:var(--warning-color)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:1px 0 10px}.footer-content,.footer-bottom{max-width:var(--container-max);padding:0 var(--container-padding);width:100%;margin:0 auto}.footer-content{grid-template-columns:minmax(240px,1.2fr) minmax(180px,1fr) minmax(0,2fr);gap:30px;margin-bottom:5px;display:grid}.footer-section h4{align-items:center;gap:10px;margin-bottom:5px;font-size:1rem;display:flex}.footer-section .legend{flex-wrap:wrap;gap:8px;margin-top:8px}.footer-section .quick-stats{flex-wrap:wrap;gap:8px}.footer-section .stat-card{gap:8px;min-width:auto;padding:8px 12px}.footer-section .stat-number{font-size:1.25rem}.shortcuts{color:var(--text-secondary);font-size:.875rem;line-height:1.8}.shortcuts kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;margin:0 2px;padding:2px 6px;font-size:.75rem}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);color:var(--text-tertiary);padding-top:5px;font-size:.875rem}.footer-bottom i{color:var(--warning-color);margin:0 4px}.footer-build{opacity:.8;cursor:help;font-size:.8rem}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state i{color:var(--text-tertiary);margin-bottom:20px;font-size:3rem}.empty-state h3{color:var(--text-primary);margin-bottom:10px}.empty-state p{color:var(--text-secondary);margin-bottom:20px}.loading-spinner{color:var(--text-secondary);justify-content:center;align-items:center;padding:40px;display:flex}.loading-spinner:after{content:"";border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:20px;height:20px;margin-left:10px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-skeleton{flex-direction:column;gap:16px;min-height:260px;padding:8px 0;display:flex}.page-skeleton-header,.page-skeleton-body,.skeleton-bar,.feed-skeleton-item{background:linear-gradient(90deg, var(--bg-secondary,#eee) 25%, var(--border-color,#ddd) 50%, var(--bg-secondary,#eee) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite page-skeleton-shimmer}.page-skeleton-header{width:40%;height:32px}.page-skeleton-body{width:100%;height:120px}.page-skeleton-body.short{width:80%;height:72px}@keyframes page-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.notification{color:#fff;z-index:10000;border-radius:6px;align-items:center;gap:10px;padding:12px 20px;animation:.3s slideInRight;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.notif-menu,.notif-btn{position:relative}.notif-badge{background-color:var(--accent-color);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--bg-secondary);border-radius:9px;padding:0 5px;font-size:.7rem;font-weight:600;line-height:18px;position:absolute;top:-4px;right:-4px}.notif-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);width:min(360px,90vw);max-height:min(70vh,480px);box-shadow:var(--shadow);z-index:200;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-weight:600;display:flex}.notif-mark-all{color:var(--accent-color);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem}.notif-mark-all:hover{text-decoration:underline}.notif-list{overflow-y:auto}.notif-empty{text-align:center;color:var(--text-secondary);padding:24px 14px;font-size:.9rem}.notif-item{border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;width:100%;color:var(--text-primary);transition:background-color var(--transition-fast);background:0 0;align-items:flex-start;gap:10px;padding:12px 14px;font-family:inherit;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background-color:var(--bg-tertiary)}.notif-item.unread{background-color:color-mix(in srgb, var(--accent-color) 8%, transparent)}.notif-item-icon{color:var(--accent-color);flex-shrink:0;margin-top:2px}.notif-item-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-item-text{word-break:break-word;font-size:.9rem;line-height:1.35}.notif-item-time{color:var(--text-tertiary);font-size:.75rem}.notif-dot{background-color:var(--accent-color);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.footer-stats-placeholder .skeleton-bar{border-radius:3px;height:14px}.footer-stats-placeholder{flex-direction:column;gap:10px;display:flex}.footer-section-stats.footer-stats-placeholder{min-height:100px}.footer-section-stats.footer-stats-placeholder .skeleton-bar{height:100%;min-height:100px}.footer-section>.legend:first-child,.footer-section-stats{animation:.2s footer-reveal}@keyframes footer-reveal{0%{opacity:0}to{opacity:1}}.delete-account-list{gap:6px;margin:12px 0 0;padding-left:20px;display:grid}@media (width<=1024px){.stats-grid{grid-template-columns:1fr}}@media (width<=1400px){.theme-menu,.lang-btn{display:none}}@media (width<=1200px){.nav-link-compact span{display:none}.nav-link-compact{gap:0;padding:8px 10px}.nav-links,.nav-container{gap:8px}}@media (width<=1100px){.view-btn{text-align:center;flex-direction:column;gap:3px;padding:8px 10px;font-size:.7rem;line-height:1.2}.view-btn i{font-size:1rem}}@media (width<=768px){:root{--container-padding:16px;--cell-size:12px;--cell-gap:2px;--navbar-height:56px}.authors-strip{flex-direction:column;align-items:flex-start;gap:8px}.authors-strip-list{scrollbar-width:thin;flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.authors-grid{grid-template-columns:1fr}.update-banner{max-width:none;left:12px;right:12px}.nav-container{flex-wrap:nowrap;height:56px}.nav-links{gap:4px}.nav-link{padding:6px 8px;font-size:.875rem}.nav-link span{display:none}.nav-brand{gap:8px;font-size:1rem}.nav-brand span{display:none}.nav-brand i{font-size:1.2rem}.theme-btn,.lang-btn{width:34px;height:34px}.calendar-header{align-items:flex-start;margin-bottom:20px}.header-left h1{white-space:normal}.header-right{flex-direction:row;flex:0 auto;align-items:center;gap:12px;min-width:0}.view-switcher{flex:0 auto;width:auto;min-width:0}.view-btn{flex:1;justify-content:center}.period-selector{flex:0 auto;justify-content:space-between;width:auto}.calendar-variant-months{flex-direction:column;display:flex}.calendar-variant-months .month-side{display:none}.calendar-variant-dotmap{--dotmap-cell:clamp(11px, 2.4vw, 16px);grid-template-columns:1fr;gap:14px}.quick-stats{flex-direction:column;width:100%}.stat-card{min-width:auto}.day-detail-header{flex-direction:column;align-items:stretch}.add-day-btn{justify-content:center;width:100%}.footer-content{grid-template-columns:1fr;gap:24px}.legend{justify-content:center;width:100%}}@media (width<=480px){.header-left h1{font-size:1.5rem}.period-label{font-size:1.25rem}.legend{flex-direction:column;align-items:flex-start;gap:8px}.month-label{font-size:9px;font-weight:500}.weekday-label{font-size:9px}}@media (hover:none) and (orientation:landscape){[data-calendar-view=dotmap] .footer-section:not(.footer-section-stats){display:none}[data-calendar-view=dotmap] .footer{padding:6px 0}[data-calendar-view=dotmap] .footer-content{grid-template-columns:1fr;gap:0;margin-bottom:0}[data-calendar-view=dotmap] .footer-section-stats h4{display:none}[data-calendar-view=dotmap] .footer-section-stats .quick-stats{flex-wrap:nowrap;justify-content:center;gap:8px}[data-calendar-view=dotmap] .footer-section-stats .stat-card{flex:0 auto;padding:6px 10px}[data-calendar-view=dotmap] .footer-bottom{display:none}[data-calendar-view=dotmap] .main-container{padding:8px 8px 0}}@media (hover:none) and (orientation:portrait){.view-switcher,.period-selector{display:none}.calendar-variant-dotmap{--cell-gap:6px;--dotmap-cell-max:60px}.calendar-variant-dotmap .dotmap-days{gap:var(--cell-gap);width:100%;max-width:calc(7 * var(--dotmap-cell-max) + 6 * var(--cell-gap));grid-template-columns:repeat(7,minmax(0,1fr));margin-inline:auto}.calendar-variant-dotmap .dotmap-dot{aspect-ratio:1;width:100%;height:auto}}@media (hover:none){[data-calendar-view=rows] .footer-section:nth-child(2),[data-calendar-view=rows] .footer-bottom{display:none}[data-calendar-view=rows] .main-container{padding:8px 8px 0}[data-calendar-view=rows] .footer-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px}[data-calendar-view=rows] .quick-stats{flex-flow:row;gap:8px;width:auto}[data-calendar-view=rows] .stat-card{flex:0 auto;min-width:auto;padding:6px 10px}}@media (prefers-reduced-motion:reduce){.view--reveal,.skeleton-bar,.page-skeleton-header,.page-skeleton-body{animation:none}.post-image,.video-poster img,.footer-stats-placeholder{transition:none}.theme-bg-canvas{animation:none}}@media (width<=768px){.skeleton-calendar .calendar-wrapper{display:none}.skeleton-calendar-body-narrow{opacity:.5;align-self:stretch;height:107px;display:block}.skeleton-calendar .calendar-header{min-height:200px}.skeleton-calendar-body-months{height:107px}.skeleton-calendar-body-dotmap{height:1368px}.skeleton-calendar-body-rows{height:284px}}.editor-page{flex-direction:column;min-height:calc(100vh - 64px);display:flex}.login-screen{background-color:var(--bg-primary);justify-content:center;align-items:center;min-height:70vh;display:flex}.login-box{background-color:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);text-align:center;width:100%;max-width:400px;padding:40px}.login-box h1{color:var(--text-primary);justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.login-box p{color:var(--text-secondary);margin-bottom:24px}.login-box .form-input{margin-bottom:16px}.login-error{color:var(--warning-color);justify-content:center;align-items:center;gap:6px;margin-top:16px;display:flex}.login-separator{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:12px;font-size:.85rem;display:flex;margin:20px 0 16px!important}.login-separator:before,.login-separator:after{content:"";background-color:var(--border-color);flex:1;height:1px}.terms-modal .modal-content{max-width:560px}.terms-body{text-align:left;max-height:55vh;overflow-y:auto}.terms-body p{margin-bottom:12px}.terms-list{color:var(--text-primary);flex-direction:column;gap:10px;padding-left:20px;display:flex}.terms-list li{line-height:1.5}.editor-main{padding:var(--container-padding);max-width:var(--container-max);flex:1;gap:24px;width:100%;margin:0 auto;display:flex}.editor-sidebar{flex-direction:column;flex-shrink:0;gap:24px;width:280px;display:flex}.editor-content{background-color:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);flex:1;min-width:0;padding:24px;overflow:hidden}.sidebar-section{background-color:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:20px}.sidebar-section h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:16px;font-size:1rem;display:flex}.custom-date-picker{gap:8px;margin-bottom:16px;display:flex}.custom-date-picker .form-input{flex:1;padding:8px 12px;font-size:.875rem}.date-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.date-btn{border:1px solid var(--border-color);background-color:var(--bg-secondary);cursor:pointer;text-align:center;transition:all var(--transition-fast);color:var(--text-primary);border-radius:4px;padding:8px;font-family:inherit;font-size:.875rem}.date-btn:hover,.date-btn.today{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.date-btn.has-posts{background-color:var(--color-level-2);color:#fff}.date-btn.active{box-shadow:0 0 0 2px var(--text-secondary)}.recent-days{flex-direction:column;gap:8px;display:flex}.recent-day{border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);color:inherit;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px;font-family:inherit;font-size:.9rem;display:flex}.recent-day:hover{background-color:var(--bg-tertiary)}.recent-date{color:var(--text-primary);font-weight:500}.recent-count{background-color:var(--accent-color);color:#fff;border-radius:10px;padding:2px 8px;font-size:.75rem}.editor-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.editor-stat{text-align:center}.editor-stat .stat-value{color:var(--accent-color);font-size:2rem;font-weight:600;line-height:1}.content-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.content-header h2{color:var(--text-primary);font-size:1.5rem}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-primary{background-color:var(--accent-color);color:#fff;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-block{justify-content:center;width:100%}.btn-center{justify-content:center}.posts-management{min-height:400px}.post-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-fast);margin-bottom:16px;padding:20px}.post-item:hover{border-color:var(--accent-color)}.post-item-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.post-item-type{color:var(--text-primary);align-items:center;gap:8px;font-weight:500;display:flex}.post-item-time{color:var(--text-tertiary);font-size:.875rem}.post-item-content{color:var(--text-primary);overflow-wrap:break-word;word-break:break-word;margin-bottom:16px;line-height:1.6}.post-item-actions{justify-content:flex-end;gap:8px;display:flex}.btn-icon{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border-radius:4px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-edit:hover{color:var(--accent-color);border-color:var(--accent-color)}.btn-delete:hover{color:var(--warning-color);border-color:var(--warning-color)}.editor-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.editor-header h3{color:var(--text-primary);align-items:center;gap:10px;display:flex}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:8px;font-weight:500;display:flex}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px;font-family:inherit;font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb), .1);outline:none}.form-textarea{resize:vertical;min-height:100px}.form-help{color:var(--text-tertiary);margin-top:4px;font-size:.75rem;display:block}.form-label{color:var(--text-primary);margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.admin-broadcast-textarea{resize:vertical;width:100%;min-height:110px;font-family:inherit;font-size:1rem;line-height:1.4}.form-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.form-meta .form-help{margin-top:0}.login-success{color:#1a7f37;align-items:center;gap:8px;margin-top:12px;display:flex}.admin-history{flex-direction:column;gap:10px;margin-top:12px;display:flex}.admin-history-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:12px 14px}.admin-history-text{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.4}.admin-history-meta{color:var(--text-tertiary);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.8rem;display:flex}.image-preview{border:2px dashed var(--border-color);border-radius:var(--border-radius);text-align:center;color:var(--text-tertiary);margin-top:16px;padding:16px}.image-preview img{border-radius:4px;max-width:100%;max-height:200px}.form-actions{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:20px;display:flex}.editor-footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:20px var(--container-padding)}.export-options{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.modal .modal-footer{gap:12px}@media (width<=1024px){.editor-main{flex-direction:column}.editor-sidebar{width:100%}.date-picker{grid-template-columns:repeat(6,1fr)}}@media (width<=768px){.content-header{text-align:center;flex-direction:column}.form-actions{flex-direction:column}.export-options{flex-direction:column;align-items:center}.date-picker{grid-template-columns:repeat(5,1fr)}.modal-footer,.modal-footer-actions{flex-direction:column;align-items:stretch;gap:8px}.modal-footer .btn-primary,.modal-footer .btn-secondary{justify-content:center}}.offline-banner{z-index:10001;background:var(--warning-color);color:#fff;box-shadow:var(--shadow-sm);padding:10px 20px;animation:.25s slideDown;position:fixed;top:0;left:0;right:0}.offline-banner-content{align-items:center;gap:12px;max-width:1200px;margin:0 auto;display:flex}.offline-banner .offline-indicator{background:#fff;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.4s ease-in-out infinite offlinePulse}.offline-banner .offline-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.offline-banner .offline-text strong{font-size:.9rem}.offline-banner .offline-text span{opacity:.9;font-size:.8rem}.offline-banner .btn-small{color:#fff;white-space:nowrap;background:#ffffff2e;border-color:#fff6;padding:6px 12px;font-size:.85rem}.offline-banner .btn-small:hover{background:#ffffff4d}.offline-banner .btn-small:disabled{opacity:.7;cursor:default}@keyframes offlinePulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.update-banner{left:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:10000;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);max-width:min(420px,100vw - 40px);box-shadow:var(--shadow);align-items:center;gap:12px;padding:12px 16px;animation:.25s slideUp;display:flex;position:fixed}.update-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.update-banner-text strong{color:var(--text-primary);font-size:.9rem}.update-banner-text span{color:var(--text-secondary);font-size:.8rem}.update-banner .btn-small{white-space:nowrap;flex-shrink:0}@keyframes slideUp{0%{transform:translateY(120%)}to{transform:translateY(0)}}@media (width<=768px){.offline-banner-content{flex-wrap:wrap;align-items:flex-start}.offline-banner .offline-text span{display:none}}.admin-theme-list{border:1px solid var(--border-color);border-radius:var(--border-radius);max-height:min(60vh,520px);margin-top:12px;padding:12px 16px;overflow-y:auto}.admin-theme-group h4{color:var(--text-secondary);background:var(--bg-secondary);margin:16px 0 8px;padding:4px 0;font-size:.95rem;position:sticky;top:-12px}.admin-theme-group .settings-toggle{margin-bottom:8px}.admin-theme-group .toggle-label strong{align-items:center;gap:8px;display:flex}.admin-theme-group .toggle-label small{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono)}.admin-ai-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0;display:grid}.admin-ai-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px}.admin-ai-card h4{margin-bottom:10px;font-size:1rem}.admin-ai-card p{margin-bottom:6px}.admin-ai-ok{color:var(--success-color);font-weight:600}.admin-ai-bad{color:var(--warning-color);font-weight:600}.admin-ai-features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px;display:grid}.admin-ai-features .settings-toggle{align-items:center;gap:12px;margin-bottom:0;display:flex}.admin-ai-features .toggle-label{flex:1}.comment-dot{background:var(--accent-color);opacity:.85;pointer-events:none;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.comment-dot--unread{background:var(--warning-color);opacity:1}.comment-dot--unread:after{content:"";border:2px solid var(--warning-color);border-radius:50%;animation:1.6s ease-out infinite comment-ping;position:absolute;inset:-3px}@keyframes comment-ping{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(2.1)}}.dotmap-dot.has-unread:before,.rows-dot.has-unread:before,.day-cell.has-unread:before,.calendar-cell.has-unread:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at center, transparent 55%, color-mix(in srgb, var(--warning-color) 65%, transparent) 100%);animation:1.6s ease-in-out infinite unread-wash;position:absolute;inset:0}@keyframes unread-wash{0%,to{opacity:.35}50%{opacity:.95}}@media (prefers-reduced-motion:reduce){.comment-dot--unread:after,.post-comment-dot--unread:after{animation:none}.dotmap-dot.has-unread:before,.rows-dot.has-unread:before,.day-cell.has-unread:before,.calendar-cell.has-unread:before{opacity:.65;animation:none}}.calendar-cell,.day-cell{position:relative}.post-comment-dot{background:var(--accent-color);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 22%, transparent);border-radius:50%;position:absolute;top:10px;right:12px}.post-comment-dot--unread{background:var(--warning-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--warning-color) 25%, transparent)}.post-comment-dot--unread:after{content:"";border:2px solid var(--warning-color);border-radius:50%;animation:1.6s ease-out infinite comment-ping;position:absolute;inset:-5px}.planner-page .stats-header{align-items:flex-start}.planner-account-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.planner-account-select{min-width:200px}.planner-tabs{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.planner-tabs .form-select{width:auto;margin-left:auto}.planner-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:12px;padding:12px 14px;position:relative}.planner-card[data-planner-status=done]{opacity:.65}.planner-card.planner-overdue{border-color:var(--warning-color)}.planner-card.planner-bill{border-left:3px solid #3694e8}.planner-countdown{color:var(--text-secondary);font-size:.85em}.planner-countdown.overdue{color:var(--warning-color);font-weight:600}.planner-priority{color:var(--warning-color);margin-left:auto}.planner-bill-line{font-weight:600}.planner-sub{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.planner-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.planner-actions .btn-primary,.planner-actions .btn-secondary{padding:6px 12px;font-size:.85rem}.planner-delete{margin-left:auto}.planner-editor .planner-dates{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.planner-done{opacity:.75;margin-top:24px}.planner-done h3{margin-bottom:8px;font-size:1rem}.planner-done-row{color:var(--text-secondary);padding:4px 0}.planner-focus{outline:2px solid var(--accent-color);border-radius:var(--border-radius)}.modal-plans{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);margin-bottom:12px;padding:10px 12px}.modal-plans-title{margin-bottom:6px;font-weight:600}.modal-plan-row{color:inherit;align-items:baseline;gap:8px;padding:4px 0;text-decoration:none;display:flex}.modal-plan-row:hover{color:var(--accent-color)}.modal-plan-row{align-items:center}.modal-plan-link{min-width:0;color:inherit;flex:auto;align-items:baseline;gap:8px;text-decoration:none;display:flex}.modal-plan-link:hover{color:var(--accent-color)}.day-plans-section{margin-top:20px}.modal-plan-kind{color:var(--text-secondary);white-space:nowrap;font-size:.85em}.choice-popup{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);flex-direction:column;gap:8px;min-width:200px;padding:12px;display:flex;box-shadow:0 4px 20px #00000040}.choice-title{color:var(--text-secondary);font-size:.9rem;font-weight:600}.choice-btn{justify-content:flex-start}.quick-reminder{padding-top:4px}.post-edited-by{color:var(--text-secondary);margin-top:8px;font-size:.85em}.post-card-menu{margin-left:auto;position:relative}.post-comment-count+.post-card-menu{margin-left:0}.post-menu-btn{opacity:.7}.post-card:hover .post-menu-btn,.post-menu-btn[aria-expanded=true]{opacity:1}.post-menu-dropdown{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);z-index:50;min-width:160px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 4px 20px #00000040}.post-menu-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;display:flex}.post-menu-item:hover{background:var(--bg-secondary)}.post-menu-item.danger{color:var(--warning-color)}.post-card{padding-bottom:12px;position:relative}.post-comment-count{color:var(--text-tertiary);align-items:center;gap:6px;margin-left:auto;font-size:.85rem;display:inline-flex}.comments-section{border-top:1px dashed var(--border-color);cursor:default;margin-top:6px;padding-top:6px}.comments-title{width:100%;font:inherit;color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:var(--border-radius);background:0 0;border:none;align-items:center;gap:8px;margin-bottom:0;padding:6px 0;font-family:inherit;font-weight:600;display:flex}.comments-title-row{align-items:center;gap:8px;display:flex}.comments-title-row .rating{flex-shrink:0;margin-left:auto}.rating{color:var(--text-tertiary);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:inline-flex}.rating-btn{font:inherit;color:var(--text-tertiary);cursor:pointer;border-radius:var(--border-radius);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;align-items:center;gap:5px;padding:2px 6px;font-size:.85rem;display:inline-flex}.rating-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.rating-btn.active,.rating-btn .fa-thumbs-up.active{color:var(--accent-color)}.rating-btn:disabled{opacity:.6;cursor:default}.rating-small .rating-btn{padding:0 4px;font-size:.75rem}.comments-title:hover{color:var(--text-primary)}.comments-title:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.comments-title .comments-count{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:10px;margin-left:2px;padding:1px 8px;font-size:.8rem}.comments-chevron{opacity:.7;transition:transform var(--transition-fast);font-size:.85rem}.comment-author-link{color:var(--text-primary);text-decoration:none}.comment-author-link:hover{color:var(--accent-color);text-decoration:underline}.comments-empty{color:var(--text-tertiary);padding:4px 0;font-size:.9rem}.comments-list{flex-direction:column;gap:12px;margin:0 0 12px;padding:0;list-style:none;display:flex}.comment{align-items:flex-start;gap:10px;display:flex}.comment-avatar{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}.comment[data-anonymous] .comment-avatar{background:color-mix(in srgb, var(--accent-color) 18%, var(--bg-tertiary));color:var(--accent-color)}.comment-main{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.comment-meta .rating-small{margin-left:auto}.comment-author{color:var(--text-primary);font-size:.9rem;font-weight:600}.comment-badge{background:color-mix(in srgb, var(--accent-color) 15%, transparent);color:var(--accent-color);border-radius:8px;padding:1px 6px;font-size:.7rem}.comment-time{color:var(--text-tertiary);font-size:.78rem}.comment-body{color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem}.comment-delete{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;flex:none;padding:4px 6px}.comment-delete:hover{color:var(--warning-color);background:var(--bg-tertiary)}.comment-form{flex-direction:column;gap:8px;display:flex}.comment-input{resize:none;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-tertiary);width:100%;min-height:38px;max-height:180px;color:var(--text-primary);padding:9px 12px;font-family:inherit;font-size:.92rem;line-height:1.4;overflow-y:hidden}.comment-input:focus{border-color:var(--accent-color);background:var(--bg-primary);outline:none}.comment-name-input{max-width:300px}.comment-form-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.comment-hint{color:var(--text-tertiary);font-size:.85rem}.comment-error{color:var(--warning-color);margin-top:8px;font-size:.85rem}.btn-small{padding:8px 16px;font-size:.9rem}.social-view{max-width:860px}.social-view.has-load-more{padding-bottom:80px}.social-feed-head{top:var(--navbar-height);z-index:90;background-color:var(--bg-secondary);margin-bottom:20px;padding:8px 0;position:sticky}.social-feed-head .authors-strip{margin-bottom:0}.authors-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.authors-card{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast), color var(--transition-fast);flex-direction:column;gap:8px;padding:14px 16px;text-decoration:none;display:flex}.authors-card:hover{border-color:var(--accent-color);color:var(--accent-color)}.authors-card-nick{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.authors-card-stats{color:var(--text-tertiary);gap:14px;font-size:.85rem;display:flex}.social-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin:0 0 12px;padding-bottom:8px;display:flex}.social-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.social-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.social-tab.active{background:var(--bg-tertiary);color:var(--accent-color)}.authors-strip{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.authors-strip-label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:inline-flex}.authors-strip-list{flex-wrap:wrap;gap:8px;display:flex}.author-chip{background:var(--bg-tertiary);color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.85rem;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.author-chip:hover{background:var(--accent-color);color:#fff}.feed-list{flex-direction:column;gap:20px;display:flex}.feed-item-wrap{content-visibility:auto;contain-intrinsic-size:auto 320px}.feed-more-row{justify-content:center;margin-top:20px;display:flex}.feed-load-more{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.feed-load-more:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.feed-load-more:disabled{opacity:.6;cursor:default}.feed-load-more.is-floating{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:90;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0000002e}.feed-item{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:12px;overflow:hidden}.feed-item-header{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);align-items:center;gap:12px;padding:12px 16px;display:flex}.feed-author{color:var(--text-primary);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.feed-author:hover{color:var(--accent-color)}.feed-item-date{color:var(--text-tertiary);margin-left:auto;font-size:.85rem}.feed-item .post-card{border:none;border-radius:0;margin:0}.feed-item-footer{border-top:1px solid var(--border-color);align-items:center;gap:16px;padding:10px 16px;display:flex}.feed-item-comments{color:var(--text-secondary);align-items:center;gap:6px;font-size:.9rem;text-decoration:none;display:inline-flex}.feed-item-comments:hover{color:var(--accent-color)}.feed-error{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.follow-btn{border:1px solid var(--accent-color);background:var(--accent-color);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .15s,background .15s,color .15s;display:inline-flex}.follow-btn:hover{opacity:.9}.follow-btn.following{color:var(--text-primary);border-color:var(--border-color);background:0 0}.follow-btn.compact{padding:5px 12px;font-size:.82rem}.follow-btn:disabled{opacity:.6;cursor:default}.follow-count{background:#ffffff40;border-radius:999px;padding:0 6px;font-size:.78rem}.follow-btn.following .follow-count{background:var(--bg-tertiary);color:var(--text-secondary)}.blog-follow{align-items:center;gap:10px;margin-top:10px;display:flex}.blog-followers{color:var(--text-tertiary);font-size:.85rem}@media (hover:none){.header-left{flex:0 auto;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:6px 10px;min-width:0;display:grid}.header-left h1{grid-area:1/1;width:auto;margin:0}.header-left .blog-follow{grid-area:1/2;margin-top:0}.header-left .subtitle{grid-area:2/1/auto/-1;min-width:0;margin:0}.blog-followers{display:none}}@media (width<=768px){.feed-item-header{flex-wrap:wrap}.feed-item-date{margin-left:0}}.tags-field{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:8px;flex-wrap:wrap;gap:6px;padding:6px 8px;display:flex}.tags-field:focus-within{border-color:var(--accent-color)}.tags-input{background:0 0;border:none;flex:160px;padding:4px;font-size:.9rem}.tags-input:focus{box-shadow:none;outline:none}.tag-chip{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;display:inline-flex}.tag-chip i{color:var(--accent-color);font-size:.72rem}.tag-chip.static{padding:2px 8px;font-size:.78rem}.tag-chip.filter{cursor:pointer;padding:5px 12px}.tag-chip.filter.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.tag-chip.filter.active i{color:#fff}.tag-chip-remove{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:0 2px;display:inline-flex}.tag-chip-remove:hover{color:var(--text-primary)}.post-tags{flex-wrap:wrap;gap:5px;padding:10px 14px 0;display:flex}.search-results{flex-direction:column;gap:12px;display:flex}.search-day{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:12px;overflow:hidden}.search-day-title{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);color:var(--text-primary);align-items:center;gap:10px;padding:10px 16px;font-weight:600;display:flex}.search-day-count{color:var(--text-tertiary);font-size:.85rem;font-weight:500}.link-like{cursor:pointer;color:var(--text-primary);font:inherit;background:0 0;border:none;padding:0;font-weight:600}.link-like:hover{color:var(--accent-color)}.search-query{color:var(--text-secondary);font-weight:500}.manage-search{flex-direction:column;gap:8px;margin:16px 0;display:flex}.manage-search-input,.social-search-input{border:1px solid var(--border-color);background:var(--bg-primary);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:flex;position:relative}.manage-search-input:focus-within,.social-search-input:focus-within{border-color:var(--accent-color)}.manage-search-input i,.social-search-input i{color:var(--text-tertiary)}.manage-search-input .form-input,.social-search-input .form-input{background:0 0;border:none;flex:1;padding:2px 0}.manage-search-input .form-input:focus,.social-search-input .form-input:focus{box-shadow:none;outline:none}.manage-search-clear,.social-search-clear{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;display:inline-flex}.manage-search-clear:hover,.social-search-clear:hover{color:var(--text-primary)}.manage-tag-filter{flex-wrap:wrap;gap:6px;display:flex}.social-search{margin-bottom:16px}.social-stats-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.social-stats-header .stats-header{min-width:0;margin-bottom:0}.social-search-toggle{border:1px solid var(--border-color);background:var(--bg-primary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.social-search-toggle:hover,.social-search-toggle.active{color:var(--accent-color);border-color:var(--accent-color);background:var(--bg-secondary)}.social-search{opacity:0;max-height:0;margin-bottom:0;transition:max-height .28s,opacity .2s,transform .28s,margin-bottom .28s;overflow:hidden;transform:translateY(-6px)}.social-search.open{opacity:1;max-height:90px;margin-bottom:16px;transform:translateY(0)}@media (width<=768px){.tags-input{flex:100%}}.feed-skeleton{flex-direction:column;gap:20px;display:flex}.feed-skeleton-item{border-radius:var(--border-radius);min-height:220px}.health-editor{flex-direction:column;gap:10px;display:flex}.health-editor-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.health-editor-title{color:var(--text-primary);align-items:center;gap:8px;font-weight:600;display:inline-flex}.health-editor-title i{color:#dc2626}.health-row{align-items:center;gap:8px;display:flex}.health-row-type{flex:40%;min-width:0}.health-row-value{flex:0 110px}.health-row-unit{flex:0 100px}.health-row-unit-label{min-width:64px;color:var(--text-tertiary);flex:none;font-size:.85rem}.mood-picker{flex:0 auto;align-items:center;gap:4px;display:flex}.mood-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.1rem;line-height:1;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.mood-btn:hover{border-color:var(--accent-color);transform:translateY(-1px)}.mood-btn.active{border-color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 22%, transparent);box-shadow:0 0 0 1px var(--accent-color) inset}.post-metrics{flex-wrap:wrap;gap:6px;padding:10px 14px 0;display:flex}.metric-chip{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.metric-chip i{font-size:.78rem}.health-stats-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.health-stats-controls .form-select{max-width:240px}.health-stats-summary{color:var(--text-secondary);flex-wrap:wrap;gap:14px;font-size:.85rem;display:flex}.health-trend{border-bottom:1px solid var(--border-color);align-items:flex-end;gap:2px;height:120px;padding:0 4px;display:flex}.health-trend-bar-wrap{flex:4px;align-items:flex-end;min-width:3px;height:100%;display:flex}.health-trend-bar{opacity:.85;border-radius:2px 2px 0 0;width:100%;transition:opacity .15s}.health-trend-bar:hover{opacity:1}@media (width<=768px){.health-row{flex-wrap:wrap}.health-row-value,.health-row-unit{flex:40%}}.PhoneInput{gap:8px;width:100%}.PhoneInputCountry{margin-right:0}.PhoneInputInput{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:12px;font-family:inherit;font-size:1rem}.PhoneInputInput:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb), .1);outline:none}.PhoneInputCountrySelect{color:var(--text-primary)}.ai-assist-panel{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;margin-top:16px;padding:12px 14px}.ai-assist-head{color:var(--text-primary);flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.ai-assist-head small{color:var(--text-secondary)}.ai-assist-modes{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.ai-assist-result{border-top:1px dashed var(--border-color);margin-top:10px;padding-top:10px}.ai-assist-result .form-actions{margin-top:8px}.ai-assist-text{color:var(--text-primary);white-space:pre-wrap;margin:0 0 8px}.ai-digest-card{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;margin:16px 0;padding:14px 16px}.ai-digest-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ai-digest-head h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.ai-digest-list{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.ai-digest-text{color:var(--text-primary);white-space:pre-wrap;margin:0}.social-search-ai{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.social-search-ai-note{margin-bottom:10px}.ai-similar-posts{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;margin-top:20px;padding:12px 16px}.ai-similar-posts h3{color:var(--text-primary);align-items:center;gap:8px;margin:0 0 10px;font-size:1rem;display:flex}.ai-similar-posts ul{margin:0;padding-left:18px}.ai-similar-posts li{margin-bottom:6px}.ai-similar-posts small{color:var(--text-tertiary);margin-left:8px}.ai-alt-text{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.ai-moderation-item{border:1px solid var(--border-color);border-radius:6px;margin-bottom:14px;padding:10px 12px}.ai-moderation-text{color:var(--text-primary);white-space:pre-wrap;margin-bottom:6px}.ai-moderation-meta{color:var(--text-tertiary);margin-bottom:8px;font-size:.85rem}.ai-health-list{color:var(--text-primary);margin:0 0 8px;padding-left:18px}.ai-health-list li{margin-bottom:4px}