.toast{min-width:300px;max-width:500px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;margin-bottom:var(--spacing-sm);animation:slideDown .3s ease-out;position:relative;z-index:var(--z-modal)}.toast-info{background-color:#ffffa8;color:#000;border:1px solid rgb(255,255,168)}.toast-info .toast-close{color:#000}.toast-error{background-color:#dc3545;color:var(--color-text-inverse);border:1px solid #dc3545}.toast-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.toast-message{flex:1;font-size:var(--font-size-sm);line-height:1.5;white-space:pre-line}.toast-close{background:none;border:none;color:var(--color-text-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast);flex-shrink:0}.toast-close:hover{opacity:.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-modal);display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.toast-container>*{pointer-events:auto}.modal-overlay{position:fixed;inset:0;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1000);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--color-bg-primary, #ffffff);border-radius:var(--radius-lg, 8px);max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-md, 16px);right:var(--spacing-md, 16px);background:none;border:none;font-size:24px;color:var(--color-text-secondary, #57606a);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast, .1s ease);z-index:1}.modal-close:hover{color:var(--color-text-primary, #24292f)}.modal-body{padding:var(--spacing-xl, 32px);padding-top:calc(var(--spacing-xl, 32px) + 30px)}.login-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;color:#000;background-image:url(/images/sukipi_village_hello.gif);background-size:110%;background-position:80% 25%;background-repeat:no-repeat;position:relative;transition:background-position .3s ease,background-size .3s ease}.login-page.modal-open{background-position:50% 70%;background-size:100%}.login-page:before{content:"";position:absolute;inset:0;background-color:#ffffff4d;z-index:0}.login-card{width:min(300px,80vw);display:flex;flex-direction:column;gap:30px;margin-top:40px;position:relative;z-index:1}.login-title{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-transform:none;font-size:41px;letter-spacing:2px;line-height:1.2;margin:0 0 7px;text-align:left;font-family:Dancing Script,cursive}.login-logo{width:130px;object-fit:contain;margin-left:-10px}.login-label{display:block;font-size:12px;letter-spacing:.5px;margin-bottom:5px;margin-top:20px}.login-label:first-of-type{margin-top:0}.login-input{width:100%;background:transparent;border:none;border-bottom:1px solid #000;padding:8px 0;color:#000;font-size:14px;outline:none;box-sizing:border-box}.login-input:focus{background:transparent;background-color:transparent}.login-input:-webkit-autofill,.login-input:-webkit-autofill:hover,.login-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px transparent inset;-webkit-text-fill-color:#000;background-color:transparent;background:transparent}.login-input::placeholder{color:#0006}.login-button{width:100%;margin-top:30px;padding:11px 16px;background-color:transparent;color:#000;border:1px solid #000;cursor:pointer;font-size:14px;letter-spacing:1px;text-transform:uppercase;transition:all .2s ease}.login-button:hover{background-color:#000;color:#fff}.login-button:active{opacity:.8}.login-button:disabled{opacity:.5;cursor:not-allowed;background-color:transparent}.login-error{color:red;font-size:12px;margin:8px 0 0;text-align:center}.login-info-links{width:min(300px,80vw);display:flex;flex-direction:column;gap:0;margin-top:50px;position:relative;z-index:1}.login-info-link{background:none;border:none;color:#ff4500;font-size:13px;text-decoration:underline;cursor:pointer;padding:0;margin-top:8px;text-align:left;transition:all .2s ease;display:inline-block;width:fit-content;line-height:1.4;font-family:Playfair Display,Austin News Deck Web,serif}.login-info-link:hover{color:#e5ff00;background-color:#00e1ff;text-decoration:none;padding:0;box-decoration-break:clone;-webkit-box-decoration-break:clone;letter-spacing:-.2px}.modal-info-content{color:#000;line-height:1.8;font-family:Playfair Display,Austin News Deck Web,serif}.modal-info-content::selection,.modal-info-content *::selection{background-color:#ffffa8;color:#000}.modal-info-header{font-size:30px;font-weight:600;margin:0 0 24px;text-align:center;font-family:Playfair Display,Austin News Deck Web,serif}.modal-info-title{font-size:20px;font-weight:600;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1);font-family:Playfair Display,Austin News Deck Web,serif}.modal-info-title:not(:first-child){margin-top:32px}.modal-info-text{font-size:14px;margin:0 0 16px;line-height:1.8;font-family:Playfair Display,Austin News Deck Web,serif}.modal-info-list{margin:16px 0;padding-left:20px;list-style-type:disc}.modal-info-list li{font-size:14px;margin-bottom:8px;line-height:1.8;font-family:Playfair Display,Austin News Deck Web,serif}.modal-info-quote{margin:24px 0 0;padding:16px 20px;background-color:#00000008;border-left:3px solid rgba(0,0,0,.2);font-size:14px;line-height:1.8;font-style:italic;color:#000c;font-family:Playfair Display,Austin News Deck Web,serif}.header{height:var(--header-height);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:var(--z-header)}.header-left{display:flex;align-items:center}.header-logo{display:inline-flex;align-items:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:-.5px;font-size:25px;font-weight:700;font-family:Dancing Script,cursive}.header-logo-image{width:40px;object-fit:contain}.header-right{display:flex;align-items:center}.header-repo{display:flex;align-items:center;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);gap:4px}.header-repo:before{content:"";display:inline-block;width:16px;height:16px;margin-right:var(--spacing-xs);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2324292f'%3E%3Cpath d='M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;flex-shrink:0}.header-repo-username,.header-repo-name{word-break:break-word}.header-repo-separator{flex-shrink:0}@media(max-width:768px){.header{padding:0 var(--spacing-md)}.header-logo{font-size:18px}.header-logo-image{width:30px}.header-repo{font-size:var(--font-size-sm);flex-wrap:wrap;max-width:200px}.header-repo:before{width:14px;height:14px}}@media(max-width:480px){.header{padding:0 var(--spacing-sm)}.header-left{margin-left:var(--spacing-sm)}.header-logo{font-size:17px}.header-logo-image{width:32px}.header-repo{font-size:var(--font-size-xs);flex-wrap:wrap;max-width:150px}.header-repo:before{width:12px;height:12px;margin-right:2px}.header-repo-separator{display:none}.header-repo-username:after{content:" /"}}.tab-navigation{height:var(--tab-height);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-primary);display:flex;align-items:flex-end;padding:0 var(--spacing-lg);gap:var(--spacing-sm)}.tab-button{height:var(--tab-height);padding:0 var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);position:relative;text-decoration:none;display:flex;align-items:center}.tab-button:hover{color:var(--color-text-primary);background-color:var(--color-hover)}.tab-button.active{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-border-active)}.file-tree{height:100%;display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border-primary)}.file-tree-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-primary)}.file-tree-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.file-tree-content{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0}.tree-item-container{width:100%}.tree-item{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);min-height:28px}.tree-item:hover{background-color:var(--color-hover)}.tree-item.file:hover,.tree-item.selected{background-color:var(--color-bg-overlay)}.tree-item.selected .tree-name{color:var(--color-text-primary)}.tree-item.today .tree-name{font-weight:var(--font-weight-semibold)}.tree-icon{font-size:var(--font-size-xs);margin-right:var(--spacing-xs);flex-shrink:0;width:16px;display:inline-block}.tree-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-children{width:100%}.file-tree-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.editor-panel{height:100%;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary);gap:var(--spacing-md)}.editor-title{flex:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-sm);background-color:var(--color-bg-primary);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.editor-title:hover{background-color:var(--color-bg-secondary)}.editor-title:focus{border-color:var(--color-border-primary);background-color:var(--color-bg-primary)}.editor-title.read-only{background-color:var(--color-bg-disabled, #f5f5f5);border-color:var(--color-border-primary);color:var(--color-text-tertiary)}.editor-title.read-only:hover,.editor-title.read-only:focus{background-color:var(--color-bg-disabled, #f5f5f5)}.editor-actions{display:flex;gap:var(--spacing-sm)}.preview-toggle{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.preview-toggle:hover{background-color:var(--color-bg-tertiary)}.preview-toggle.active{background-color:var(--color-accent);color:var(--color-text-inverse);border-color:var(--color-accent)}.editor-body{flex:1;padding:var(--spacing-lg);overflow-y:auto}.editor-textarea{width:100%;height:100%;font-size:var(--font-size-md);line-height:1.7;color:var(--color-text-primary);background-color:transparent;border:none;outline:none;resize:none;font-family:inherit}.editor-textarea::placeholder{color:var(--color-text-tertiary)}.editor-textarea::selection{background-color:#ffffa8;color:#000}.editor-textarea.read-only{background-color:var(--color-bg-disabled, #f5f5f5);color:var(--color-text-secondary)}.editor-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary)}.char-counter{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.char-counter .success{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.char-counter .warning,.char-limit{color:var(--color-text-tertiary)}.footer-actions{display:flex;align-items:center;gap:var(--spacing-md)}.saved-time{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.save-button{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background-color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-fast)}.save-button:hover:not(:disabled){opacity:.9}.save-button:disabled{opacity:.5;cursor:not-allowed}.preview-panel{height:100%;display:flex;flex-direction:column;background-color:var(--color-bg-secondary);border-left:1px solid var(--color-border-primary)}.preview-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-primary)}.preview-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.preview-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.preview-body{font-size:var(--font-size-md);line-height:1.7;color:var(--color-text-primary)}.preview-body::selection,.preview-body *::selection{background-color:#ffffa8;color:#000}.preview-body h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:var(--spacing-lg) 0 var(--spacing-md) 0;color:var(--color-text-primary)}.preview-body h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.preview-body h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.preview-body strong{font-weight:var(--font-weight-bold)}.preview-body em{font-style:italic}.preview-empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-xl) 0}.resizer{position:relative;flex-shrink:0;background-color:var(--color-bg-secondary);z-index:var(--z-base)}.resizer.horizontal{width:4px;cursor:col-resize}.resizer.vertical{height:4px;cursor:row-resize}.resizer:hover{background-color:var(--color-border-primary)}.resizer:active{background-color:var(--color-accent)}.resizer-handle{position:absolute;inset:0}.resizer.horizontal .resizer-handle{width:8px;transform:translate(-2px)}.resizer.vertical .resizer-handle{height:8px;transform:translateY(-2px)}.editor-page{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.editor-page-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.editor-layout{flex:1;display:flex;overflow:hidden}.file-tree-container{flex-shrink:0;overflow:hidden}.editor-container{flex:1;overflow:hidden;min-width:400px}.preview-container{flex-shrink:0;overflow:hidden}.editor-page-mobile{height:100vh}.editor-mobile-body{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.editor-page-mobile .editor-panel{height:100%}.mobile-filetree-sheet{position:fixed;left:0;right:0;bottom:0;height:80%;background:var(--color-bg-primary);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -12px 30px #0003;display:flex;flex-direction:column;z-index:var(--z-overlay)}.mobile-filetree-backdrop{position:fixed;inset:0;background:#00000073;z-index:calc(var(--z-overlay) - 1)}.mobile-filetree-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-primary);font-weight:var(--font-weight-semibold)}.mobile-filetree-close{background:transparent;border:none;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.mobile-filetree-body{flex:1;overflow-y:auto}.editor-page-mobile .file-button{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.editor-floating-file-button{position:absolute;left:var(--spacing-md);bottom:80px;width:44px;height:44px;border-radius:50%;border:none;background-color:var(--color-accent);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);box-shadow:0 6px 16px #0003;cursor:pointer}.editor-page-mobile .editor-actions{display:none}.editor-page-mobile .editor-title{font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-sm)}.editor-page-mobile .editor-body{padding:var(--spacing-md)}.editor-page-mobile .editor-textarea{font-size:var(--font-size-md)}.editor-page-mobile .editor-footer{padding:var(--spacing-md)}.editor-page-mobile .char-counter,.editor-page-mobile .char-limit,.editor-page-mobile .saved-time{font-size:var(--font-size-xs)}.editor-page-mobile .save-button{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.statistics-layout{flex:1;overflow-y:auto}.morning-time-modal{width:100%}.morning-time-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.morning-time-settings{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.time-section{padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.time-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.time-color-indicator{width:16px;height:16px;border-radius:3px;flex-shrink:0}.time-color-indicator.green{background-color:#228b22}.time-color-indicator.orange{background-color:#f59e0b}.time-color-indicator.red{background-color:#ef4444}.time-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.time-inputs{display:flex;align-items:flex-end;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.time-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.time-input-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.time-select{padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast)}.time-select:hover:not(.readonly){border-color:var(--color-border-hover)}.time-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.time-select.readonly{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed}.time-separator{font-size:var(--font-size-md);color:var(--color-text-secondary);padding-bottom:var(--spacing-xs);flex-shrink:0}.time-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs)}.time-auto-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.morning-time-actions{display:flex;justify-content:flex-end;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-primary)}.btn-save{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .2s}.btn-save:hover{background-color:var(--color-text-primary)}.morning-time-no-template{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-xl);text-align:center}.no-template-message{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.no-template-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;max-width:400px}@media(max-width:768px){.morning-time-modal{font-size:var(--font-size-sm)}.morning-time-description{font-size:var(--font-size-xs);margin-bottom:var(--spacing-md)}.morning-time-settings{gap:var(--spacing-md)}.time-section{padding:var(--spacing-sm)}.time-section-header{margin-bottom:var(--spacing-sm)}.time-color-indicator{width:14px;height:14px}.time-section-title{font-size:var(--font-size-sm)}.time-inputs{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.time-separator{display:none}.time-input-group label{font-size:11px}.time-select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.time-hint{font-size:11px}.time-auto-info{font-size:var(--font-size-xs)}.btn-save{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media(max-width:480px){.time-input-group{min-width:0}.time-select{width:100%}}.heatmap-calendar{padding:var(--spacing-xl);background-color:var(--color-bg-primary)}.heatmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.heatmap-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.heatmap-controls{margin-top:var(--spacing-md)}.morning-time-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s}.morning-time-btn:hover{background-color:var(--color-text-primary)}.heatmap-legend{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.legend-item{width:10px;height:10px;border-radius:2px;border:1px solid var(--color-border-secondary)}.heatmap-container{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);display:inline-block;width:fit-content}.heatmap-grid{display:flex;gap:var(--spacing-sm)}.heatmap-weeks-wrapper{position:relative;display:inline-block;background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-sm);padding-top:calc(var(--spacing-sm) + 20px)}.heatmap-months{position:absolute;top:var(--spacing-sm);left:0;right:0;height:20px;margin-bottom:var(--spacing-xs)}.month-label{position:absolute;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);left:calc(var(--week-index, 0) * 14px + 5px);padding-left:25px}.heatmap-days{display:flex;flex-direction:column;gap:3px;padding-top:calc(var(--spacing-sm) + 20px)}.day-label{height:11px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:11px}.heatmap-weeks{display:flex;gap:3px;width:fit-content}.heatmap-week{display:flex;flex-direction:column;gap:3px}.heatmap-day{width:11px;height:11px;border-radius:2px;border:1px solid var(--color-border-secondary);cursor:pointer;transition:transform var(--transition-fast)}.heatmap-day:hover{transform:scale(1.2);outline:1px solid var(--color-text-secondary);outline-offset:1px}.heatmap-day.empty{background-color:transparent;border-color:transparent;cursor:default}.heatmap-day.empty:hover{transform:none;outline:none}.heatmap-day.status-gray{background-color:#e5e7eb;border-color:#e5e7eb}.heatmap-day.status-green{background-color:#228b22;border-color:#228b22}.heatmap-day.status-orange{background-color:#f59e0b;border-color:#f59e0b}.heatmap-day.status-red{background-color:#ef4444;border-color:#ef4444}.heatmap-day.level-0{background-color:#ebedf0}.heatmap-day.level-1{background-color:#c6cbd1;border-color:#c6cbd1}.heatmap-day.level-2{background-color:#959da5;border-color:#959da5}.heatmap-day.level-3{background-color:#6a737d;border-color:#6a737d}.heatmap-day.level-4{background-color:#24292f;border-color:#24292f}.stats-overview{padding:var(--spacing-xl);background-color:var(--color-bg-primary)}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.stats-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stats-container{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);display:inline-block;width:fit-content}.stats-item{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.stats-item:last-child{margin-bottom:0}.stats-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);min-width:100px;text-align:left}.stats-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.stats-loading,.stats-error{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);display:inline-block;width:fit-content;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.statistics-page{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.statistics-page-content{flex:1;overflow-y:auto}.favorites-page{width:100%;height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary)}.favorites-page-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.favorites-container{max-width:800px;margin:0 auto}.favorites-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.favorites-loading,.favorites-error{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.favorites-input-section{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.favorites-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-secondary);outline:none}.favorites-input:focus{border-color:var(--color-accent)}.favorites-add-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s}.favorites-add-btn:hover{background-color:var(--color-text-primary)}.favorites-list{border:1px solid var(--color-border-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);min-height:200px;max-height:500px;overflow-y:auto}.favorites-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.favorites-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-secondary);background-color:var(--color-bg-secondary);cursor:move;transition:background-color .2s}.favorites-item:last-child{border-bottom:none}.favorites-item:hover{background-color:var(--color-bg-tertiary)}.favorites-item-drag{color:var(--color-text-tertiary);font-size:var(--font-size-lg);cursor:grab;-webkit-user-select:none;user-select:none}.favorites-item-drag:active{cursor:grabbing}.favorites-item-path{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-xs) 0}.favorites-item-path:hover{color:var(--color-primary);text-decoration:underline}.favorites-item-remove{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s,color .2s}.favorites-item-remove:hover{background-color:#fee;color:#d00}.favorites-save-wrapper{display:flex;justify-content:flex-end}.favorites-save-btn{padding:var(--spacing-sm) var(--spacing-xl);background-color:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .2s}.favorites-save-btn:hover{background-color:var(--color-text-primary)}@media(max-width:768px){.favorites-page-content{padding:var(--spacing-md)}.favorites-container{max-width:100%}.favorites-input-section{flex-direction:column}.favorites-add-btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-mono)}html,body{width:100%;height:100%}body{font-family:var(--font-mono);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}ul,ol{list-style:none}#root{width:100%;height:100%}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f6f8fa;--color-bg-tertiary: #f0f0f0;--color-bg-overlay: rgba(0, 0, 0, .05);--color-border-primary: #d0d7de;--color-border-secondary: #e5e5e5;--color-border-active: #000000;--color-text-primary: #24292f;--color-text-secondary: #57606a;--color-text-tertiary: #8b949e;--color-text-inverse: #ffffff;--color-accent: #000000;--color-hover: #f3f4f6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-mono: "JetBrains Mono", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-header: 100;--z-overlay: 200;--z-modal: 300;--header-height: 60px;--tab-height: 48px}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:#0000001a;color:var(--color-text-primary)}.no-select{-webkit-user-select:none;user-select:none}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}