:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-background);font-family:Noto Sans JP,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh;margin:0}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-shell{background:var(--color-background);flex-direction:column;height:100%;display:flex;overflow:hidden}.header{background:var(--color-header-background);border-bottom:1px solid var(--color-border);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.header-logo{color:var(--color-primary);white-space:nowrap;align-items:center;gap:8px;font-family:Zen Kaku Gothic New,sans-serif;font-size:1.2rem;font-weight:700;display:flex}.header-avatar{background:color-mix(in srgb, var(--color-primary) 15%, var(--color-surface));cursor:pointer;border:2px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:border-color .15s;display:flex}.header-avatar:hover{border-color:var(--color-primary)}.header-icon-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;padding:6px 10px;font-size:1rem;transition:background .15s,color .15s;display:inline-flex}.header-icon-btn:hover{background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));color:var(--color-primary)}.main-layout{flex:1;width:100%;max-width:1200px;min-height:0;margin:0 auto;display:flex;overflow:hidden}.content{flex:1;min-width:0;min-height:0;padding:2rem 1.5rem;overflow:auto}.content>:first-child{margin-top:0}.error-message{text-align:center;color:var(--color-error);padding:3rem;font-size:.9rem}.breadcrumb{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.breadcrumb-item-wrapper{align-items:center;gap:.4rem;display:flex}.breadcrumb-item{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.8rem;text-decoration:none;transition:color .12s}.breadcrumb-item:hover{color:var(--color-text)}.breadcrumb-item.current{color:var(--color-text);cursor:default;font-size:.8rem;font-weight:600}.breadcrumb-sep{color:var(--color-border);-webkit-user-select:none;user-select:none;font-size:.8rem}.back-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px 3px 6px;font-size:.82rem;transition:background .15s,border-color .15s,color .15s;display:flex}.back-btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));border-color:var(--color-primary);color:var(--color-primary)}.back-btn:disabled,.back-btn.disabled{opacity:.3;cursor:default;pointer-events:none}.section-title{color:var(--color-text);align-items:center;gap:6px;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:flex}.fab{background:var(--color-primary);color:var(--color-editor-background);cursor:pointer;width:52px;height:52px;box-shadow:0 4px 16px color-mix(in srgb, var(--color-primary) 40%, transparent);z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:2rem;right:2rem}.fab:hover{box-shadow:0 6px 20px color-mix(in srgb, var(--color-primary) 50%, transparent);transform:scale(1.1)}.tag-filter-wrap{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 8px;font-size:.72rem;font-weight:500;line-height:1.6;display:inline-flex}.badge--success{--badge-color:var(--color-success,#10b981)}.badge--error{--badge-color:var(--color-error,#ef4444)}.badge--warning{--badge-color:var(--color-warning,#f59e0b)}.badge--info{--badge-color:var(--color-primary)}.badge--neutral{--badge-color:var(--color-text-secondary)}.badge--priority{background:color-mix(in srgb, var(--badge-color) 12%, transparent);color:var(--badge-color);border:1px solid color-mix(in srgb, var(--badge-color) 25%, transparent)}.badge--status{background:color-mix(in srgb, var(--badge-color) 10%, transparent);color:var(--badge-color);border:1px solid color-mix(in srgb, var(--badge-color) 20%, transparent)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:.55rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .15s,background .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--sm{border-radius:8px;padding:.38rem .9rem;font-size:.82rem}.btn--lg{border-radius:12px;padding:.75rem 1.75rem;font-size:1rem}.btn--primary{background:var(--color-primary);color:var(--color-editor-background,#fff)}.btn--primary:not(:disabled):hover{opacity:.88}.btn--secondary{background:var(--color-surface);color:var(--color-text-secondary);border:1.5px solid var(--color-border)}.btn--secondary:not(:disabled):hover{background:var(--color-background);color:var(--color-text);border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border))}.btn--danger{background:color-mix(in srgb, var(--color-error,#ef4444) 12%, var(--color-surface));color:var(--color-error,#ef4444);border:1.5px solid color-mix(in srgb, var(--color-error,#ef4444) 28%, transparent)}.btn--danger:not(:disabled):hover{background:color-mix(in srgb, var(--color-error,#ef4444) 22%, var(--color-surface))}.btn--ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn--ghost:not(:disabled):hover{background:var(--color-surface);color:var(--color-text)}.dropdown-wrap{display:inline-block;position:relative}.dropdown-menu{z-index:500;background:var(--color-card-background);border:1px solid var(--color-border);border-radius:12px;min-width:160px;padding:4px;animation:.14s both dropdown-in;position:absolute;box-shadow:0 8px 32px #00000024}.dropdown-menu--bottom-right{top:calc(100% + 6px);right:0}.dropdown-menu--bottom-left{top:calc(100% + 6px);left:0}.dropdown-menu--top-right{bottom:calc(100% + 6px);right:0}.dropdown-menu--top-left{bottom:calc(100% + 6px);left:0}.dropdown-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:.5rem .75rem;font-family:inherit;font-size:.85rem;transition:background .12s,color .12s;display:flex}.dropdown-item:hover{background:var(--color-surface)}.dropdown-item--danger{color:var(--color-error,#ef4444)}.dropdown-item--danger:hover{background:color-mix(in srgb, var(--color-error,#ef4444) 10%, var(--color-surface))}.dropdown-item--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.dropdown-item__icon{flex-shrink:0;font-size:.95rem;line-height:1}.dropdown-divider{background:var(--color-border);height:1px;margin:4px 2px}.tut-trigger-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tut-trigger-btn:hover{background:color-mix(in srgb, #a78bfa 10%, var(--color-surface));border-color:color-mix(in srgb, #a78bfa 40%, var(--color-border));color:#7c3aed}.tut-trigger-btn--active{background:color-mix(in srgb, #a78bfa 14%, var(--color-surface));border-color:color-mix(in srgb, #a78bfa 50%, var(--color-border));color:#7c3aed}.tut-mm-card{background:linear-gradient(135deg, color-mix(in srgb, #a78bfa 10%, var(--color-surface)), color-mix(in srgb, #60a5fa 6%, var(--color-surface)));border:1.5px solid color-mix(in srgb, #a78bfa 30%, var(--color-border));cursor:pointer;width:100%;font:inherit;color:var(--color-text);text-align:left;border-radius:12px;align-items:center;gap:14px;margin-bottom:.625rem;padding:14px 18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.tut-mm-card:hover{border-color:color-mix(in srgb, #a78bfa 55%, var(--color-border));transform:translateY(-1px);box-shadow:0 6px 18px #a78bfa2e}.tut-mm-card__icon{color:#fff;background:linear-gradient(135deg,#a78bfa,#60a5fa);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tut-mm-card__body{flex:1;min-width:0}.tut-mm-card__title{margin-bottom:2px;font-size:.95rem;font-weight:600}.tut-mm-card__desc{color:var(--color-text-secondary);font-size:.78rem;line-height:1.4}.tut-mm-card__action{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#a78bfa,#60a5fa);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.tut-backdrop{z-index:4000;background:#00000073;animation:.18s tut-fade-in;position:fixed;inset:0}.tut-modal{background:var(--color-card-background);width:min(560px,92vw);max-height:88vh;color:var(--color-text);border:1px solid var(--color-border);z-index:4001;border-radius:16px;flex-direction:column;animation:.22s tut-slide-up;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 16px 48px #00000047}@keyframes tut-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tut-slide-up{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.tut-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.tut-head__title{color:#7c3aed;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.tut-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.tut-close:hover{background:var(--color-surface);color:var(--color-text)}.tut-progress{background:var(--color-surface);height:4px;position:relative}.tut-progress__bar{background:linear-gradient(90deg,#a78bfa,#60a5fa);height:100%;transition:width .25s}.tut-progress__label{color:var(--color-text-secondary);font-size:.7rem;position:absolute;top:6px;right:14px}.tut-body{flex:1;padding:22px 22px 12px;overflow-y:auto}.tut-question{color:var(--color-text);margin:0 0 14px;font-size:1.05rem;font-weight:600}.tut-result-sub{color:var(--color-text-secondary);margin:-8px 0 14px;font-size:.82rem}.tut-options{flex-direction:column;gap:10px;display:flex}.tut-option{text-align:left;background:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;font:inherit;color:var(--color-text);border-radius:10px;padding:12px 14px;transition:border-color .15s,background .15s,transform .1s}.tut-option:hover{background:color-mix(in srgb, #a78bfa 6%, var(--color-surface));border-color:#a78bfa}.tut-option:active{transform:scale(.99)}.tut-option--selected{background:color-mix(in srgb, #a78bfa 10%, var(--color-surface));border-color:#7c3aed}.tut-option__main{margin-bottom:2px;font-size:.9rem;font-weight:500}.tut-option__hint{color:var(--color-text-secondary);font-size:.75rem}.tut-recs{flex-direction:column;gap:12px;display:flex}.tut-rec{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.tut-rec__rank{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:700}.tut-rec__label{color:var(--color-text);font-size:1rem;font-weight:600}.tut-rec__desc{color:var(--color-text-secondary);font-size:.82rem;line-height:1.5}.tut-rec__go{align-self:flex-start;margin-top:6px}.tut-empty{text-align:center;color:var(--color-text-secondary);padding:24px;font-size:.85rem}.tut-foot{border-top:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.tut-btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;transition:opacity .15s,background .15s,border-color .15s;display:inline-flex}.tut-btn--ghost{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.tut-btn--ghost:hover{background:var(--color-card-background);color:var(--color-text)}.tut-btn--primary{color:#fff;background:linear-gradient(135deg,#a78bfa,#60a5fa);padding:8px 16px;font-weight:600}.tut-btn--primary:hover{opacity:.92}.tree-node__row--project{border-left:3px solid #0000;align-items:flex-start;height:auto;min-height:30px;padding-top:4px;padding-bottom:4px;transition:border-color .15s,background .1s}.tree-node__row--project-active{background:var(--color-primary-bg,#3b82f612)!important}.tree-node__row--project-active .tree-node__name{color:var(--color-primary,#3b82f6)}.tree-node__row:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:-2px;border-radius:4px}.explorer mark{background:var(--color-primary,#3b82f6);color:#fff;border-radius:2px;padding:0 1px;font-style:normal}.explorer__search-box:focus-within{border-color:var(--color-primary,#3b82f6)!important}.tree-node__popup-divider{background:var(--border,#80808033);height:1px;margin:4px 0}.tree-node__props-panel{border-top:1px solid var(--border,#80808033);border-bottom:1px solid var(--border,#80808033);flex-direction:column;gap:6px;margin:2px 0;padding:6px 8px 4px;display:flex}.tree-node__color-row{flex-wrap:wrap;gap:4px;display:flex}.tree-node__color-swatch{cursor:pointer;width:18px;height:18px;color:var(--text-muted,#888);background-clip:padding-box;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:9px;transition:transform .1s,border-color .1s;display:flex}.tree-node__color-swatch:hover{border-color:var(--text,#fff);transform:scale(1.2)}.tree-node__color-swatch--active{transform:scale(1.15);border-color:var(--accent,#3b82f6)!important}.tree-node__color-swatch:first-child{border:2px dashed var(--border,#80808066)}.tree-node__emoji-row{align-items:center;gap:4px;display:flex}.tree-node__emoji-input{background:var(--bg-input,#00000026);border:1px solid var(--border,#8080804d);width:36px;color:var(--text,inherit);text-align:center;border-radius:4px;outline:none;padding:2px 0;font-size:14px}.tree-node__emoji-input:focus{border-color:var(--accent,#3b82f6)}.tree-node__emoji-clear,.tree-node__emoji-apply{border:1px solid var(--border,#8080804d);background:var(--bg-btn,#8080801a);color:var(--text,inherit);cursor:pointer;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px}.tree-node__emoji-apply{background:var(--accent,#3b82f6);color:#fff;border-color:#0000}.tree-node__emoji-apply:hover{opacity:.85}.tree-node__emoji-clear:hover{opacity:.75}.explorer__tree [draggable=true]{cursor:grab}.explorer__tree [draggable=true]:active{cursor:grabbing}.explorer__drop-line{pointer-events:none;z-index:10;align-items:center;height:4px;padding-right:8px;display:flex;position:relative}.explorer__drop-line__dot{background:var(--color-primary,#3b82f6);width:7px;height:7px;box-shadow:0 0 0 2px var(--color-primary-bg,#3b82f633);border-radius:50%;flex-shrink:0;position:relative;left:-2px}.explorer__drop-line__bar{background:var(--color-primary,#3b82f6);opacity:.9;border-radius:1px;flex:1;height:2px}.tree-node__row--drop-inside{outline-offset:-2px;border-radius:4px;outline:2px solid var(--color-primary,#3b82f6)!important;background:var(--color-primary-bg,#3b82f61a)!important}.mm-header{background:var(--color-card-background);border:1px solid var(--color-border);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:1rem;margin-bottom:.625rem;padding:1rem 1.25rem;display:grid}.mm-greeting-sub{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.72rem;font-weight:500}.mm-greeting-main{color:var(--color-text);font-size:1.1rem;font-weight:700;line-height:1.3}.mm-greeting-date{color:var(--color-text-secondary);margin-top:.25rem;font-size:.72rem}.mm-clock{color:var(--color-text-secondary);letter-spacing:.04em;white-space:nowrap;font-size:2.2rem;font-weight:300;line-height:1}.mm-clock__sep{opacity:.35;margin:0 1px}.mm-icon-row{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.625rem;display:grid}.mm-icon-block{background:var(--color-card-background);border:1px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:.625rem;padding:.75rem .625rem;transition:background .12s,transform .1s;display:flex}.mm-icon-block:hover{background:var(--color-surface)}.mm-icon-block:active{transform:scale(.97)}.mm-icon-block__img{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.mm-icon-block__label{color:var(--color-text);font-size:.78rem;font-weight:600;line-height:1.3}.mm-body{grid-template-columns:2fr 3fr 2fr;align-items:start;gap:.625rem;display:grid}.mm-col-left,.mm-col-center,.mm-col-right{flex-direction:column;gap:.625rem;display:flex}.mm-card{background:var(--color-card-background);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.mm-card__head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}.mm-card__title{color:var(--color-text);font-size:.82rem;font-weight:700}.mm-card__link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-family:inherit;font-size:.72rem;transition:background .1s}.mm-card__link:hover{background:color-mix(in srgb, var(--color-primary) 8%, var(--color-surface))}.mm-tl-outer{scroll-behavior:smooth;height:420px;overflow:hidden auto}.mm-tl-outer::-webkit-scrollbar{width:4px}.mm-tl-outer::-webkit-scrollbar-track{background:0 0}.mm-tl-outer::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.mm-tl-inner{width:100%;position:relative}.mm-tl-hour{pointer-events:none;align-items:flex-start;display:flex;position:absolute;left:0;right:0}.mm-tl-hour__label{width:42px;color:var(--color-text-secondary);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:-.5em;padding-right:8px;font-size:.65rem;line-height:1}.mm-tl-hour__line{background:var(--color-border);opacity:.6;flex:1;height:1px}.mm-tl-now{z-index:3;pointer-events:none;align-items:center;display:flex;position:absolute;left:0;right:0}.mm-tl-now__label{width:42px;color:var(--color-error);text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:-.5em;padding-right:5px;font-size:.62rem;font-weight:700;line-height:1}.mm-tl-now__dot{background:var(--color-error);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:-3.5px}.mm-tl-now__line{background:var(--color-error);flex:1;height:1.5px}.mm-tl-event{cursor:pointer;z-index:2;border-left:3px solid;border-radius:0 5px 5px 0;padding:3px 7px;transition:filter .1s;position:absolute;left:46px;right:6px;overflow:hidden}.mm-tl-event:hover{filter:brightness(.94)}.mm-tl-event__title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:600;line-height:1.3;overflow:hidden}.mm-tl-event__time{color:var(--color-text-secondary);white-space:nowrap;margin-top:1px;font-size:.62rem}.mm-tl-unconnected{color:var(--color-text-secondary);text-align:center;pointer-events:none;font-size:.78rem;position:absolute;top:50%;left:46px;right:6px;transform:translateY(-50%)}.mm-stat-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.mm-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.75rem 1rem}.mm-stat__val{color:var(--color-text);font-size:1.75rem;font-weight:700;line-height:1}.mm-stat__val--danger{color:var(--color-error)}.mm-stat__label{color:var(--color-text-secondary);margin-top:.25rem;font-size:.7rem}.mm-todo-row{border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.5625rem .875rem;transition:background .1s;display:flex}.mm-todo-row:last-child{border-bottom:none}.mm-todo-row:hover{background:var(--color-surface)}.mm-todo-check{border:1.5px solid var(--color-border);cursor:pointer;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:border-color .12s,background .12s}.mm-todo-check:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.mm-todo-text{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.mm-todo-text--overdue{color:var(--color-text-secondary);text-decoration:line-through;-webkit-text-decoration-color:var(--color-error);text-decoration-color:var(--color-error)}.mm-todo-tag{white-space:nowrap;border-radius:6px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.mm-todo-add{color:var(--color-primary);cursor:pointer;text-align:center;border-top:1px solid var(--color-border);padding:.625rem .875rem;font-size:.75rem;transition:background .1s}.mm-todo-add:hover{background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface))}.mm-empty{text-align:center;color:var(--color-text-secondary);padding:1.5rem;font-size:.85rem}.mm-note-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.625rem;padding:.75rem;display:grid}.mm-note-card{background:var(--color-card-background);border:1px solid var(--color-border);cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.375rem;padding:.875rem .625rem .625rem;transition:background .12s,border-color .12s,transform .12s;display:flex;position:relative}.mm-note-card:hover{background:color-mix(in srgb, var(--color-primary) 5%, var(--color-card-background));border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-border));transform:translateY(-2px)}.mm-note-card:active{transform:scale(.97)translateY(0)}.mm-storage-total{color:var(--color-text-secondary);font-size:.72rem;font-weight:500}.mm-storage-section{border-bottom:1px solid var(--color-border);padding:.625rem 1rem .5rem}.mm-storage-section--last{border-bottom:none}.mm-storage-section__header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.mm-storage-section__icon{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.mm-storage-section__title{color:var(--color-text);flex:1;font-size:.75rem;font-weight:700}.mm-storage-section__sub{color:var(--color-text-secondary);font-size:.68rem;font-weight:500}.mm-storage-row{grid-template-columns:6rem 1fr 3.5rem;align-items:center;gap:.5rem;padding:.25rem 0;display:grid}.mm-storage-bar-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;height:6px;overflow:hidden}.mm-storage-bar{border-radius:3px;min-width:4px;height:100%;transition:width .5s}.mm-storage-bar--file{background:linear-gradient(90deg,#3a82c4,#5ba3e0)}.mm-storage-bar--db{background:linear-gradient(90deg,#4a7c59,#6aad7d)}.mm-storage-row__val{color:var(--color-text-secondary);text-align:right;white-space:nowrap;font-size:.68rem;font-weight:500}@media (width<=900px){.mm-body{grid-template-columns:1fr 1fr}.mm-col-center{order:-1;grid-column:1/-1}.mm-tl-outer{height:300px}}@media (width<=640px){.mm-body{grid-template-columns:1fr}.mm-col-center{order:-1;grid-column:auto}.mm-col-right{order:-2}.mm-tl-outer{height:260px}.mm-icon-row{grid-template-columns:repeat(4,1fr);gap:.375rem}.mm-icon-block{flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .375rem}.mm-icon-block__img{border-radius:10px;width:40px;height:40px;font-size:1.2rem}.mm-icon-block__label{text-align:center;font-size:.62rem}.mm-stat-row{grid-template-columns:1fr 1fr}}