*{box-sizing:border-box}html,body,#root{width:100%;max-width:100vw;min-height:100vh;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}input,textarea,button{font-family:inherit}.app-shell{--bg:#f8f8f8;--surface:#fff;--surface-muted:#f2f2f2;--border:#e6e6e6;--text:#121212;--text-muted:#666;--focus:#111;grid-template-columns:var(--sidebar-width,300px) 1fr;width:100%;min-height:100vh;color:var(--text);background:var(--bg);font-size:var(--app-font-size,16px);line-height:var(--app-line-height,1.7);letter-spacing:var(--app-letter-spacing,0);max-width:100vw;display:grid;overflow-x:clip}.app-shell.dark{--bg:#0e0e0e;--surface:#161616;--surface-muted:#1f1f1f;--border:#2a2a2a;--text:#f5f5f5;--text-muted:#a7a7a7;--focus:#fff}.app-shell.font-sans{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.app-shell.font-serif{font-family:Georgia,Cambria,Times New Roman,Times,serif}.app-shell.font-mono{font-family:JetBrains Mono,Cascadia Code,Consolas,Courier New,monospace}.sidebar,.editor-pane,.settings-pane{background:var(--surface)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-muted) 45%, transparent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 45%, transparent);background-clip:content-box;border:2px solid #0000;border-radius:999px}.sidebar,.settings-pane{border-right:1px solid var(--border);padding:16px}.sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, var(--surface-muted)) 0%, color-mix(in srgb, var(--surface-muted) 72%, var(--surface)) 100%);align-content:start;gap:10px;display:grid;overflow-y:auto}.settings-pane{border-right:0;border-left:1px solid var(--border)}.sidebar-header,.editor-topbar{min-height:var(--row-height,42px);justify-content:space-between;align-items:center;display:flex}.sidebar-header h2,.settings-pane h3{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:600}.sidebar-header h2{align-items:center;gap:8px;display:inline-flex}.brand-icon{border:1px solid var(--border);width:20px;height:20px;color:var(--text-muted);background:color-mix(in srgb, var(--surface-muted) 75%, transparent);border-radius:999px;justify-content:center;align-items:center;font-size:.66rem;display:inline-flex}.sidebar-header{border-bottom:1px solid var(--border);padding:4px 2px 10px}.sidebar-section{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, var(--surface-muted));border-radius:12px;gap:8px;padding:10px;display:grid}.sidebar-files{gap:10px}.account-row,.search-row{margin:0}.account-row select,.search-row input,.draft-row input,.draft-row select,.studio-actions input,.db-table input,.db-table select,.folder-item,.view-switcher button{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);border-radius:8px}.account-row select,.search-row input,.draft-row input,.studio-actions input,.db-table input,.db-table select{width:100%;height:34px;padding:0 10px}.account-row select,.db-table select,.block-type{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:30px}select option{background:var(--surface);color:var(--text)}.ghost-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;height:34px;padding:0 12px}.ghost-btn:hover{background:var(--surface-muted)}.draft-row{grid-template-columns:1fr auto;gap:8px;margin-bottom:0;display:grid}.workspace-nav{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 80%, var(--surface-muted));border-radius:10px;grid-template-columns:1fr;gap:6px;margin:0;padding:6px;display:grid}.workspace-nav button{text-align:left;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:0 10px;font-weight:500}.workspace-nav button.active{background:var(--surface);border-color:var(--border);color:var(--text)}.workspace-nav button:hover{background:color-mix(in srgb, var(--surface-muted) 85%, var(--surface));color:var(--text)}.quick-actions{grid-template-columns:1fr;gap:8px;margin-bottom:0;display:grid}.quick-actions .ghost-btn,.sidebar-new-page{justify-content:center;width:100%}.account-actions{grid-template-columns:1fr;gap:8px;display:grid}.danger-outline{border-color:color-mix(in srgb, #b33a3a 55%, var(--border));color:color-mix(in srgb, #b33a3a 65%, var(--text))}.danger-outline:hover{background:color-mix(in srgb, #b33a3a 14%, var(--surface-muted))}.hidden-file-input{display:none}.folder-header{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:10px 0 6px;font-size:.72rem}.folder-list,.page-list{gap:6px;margin-bottom:10px;display:grid}.folder-tree{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:4px;margin-bottom:0;padding:8px;display:grid;box-shadow:0 6px 20px #00000008}.folder-node{gap:2px;display:grid}.folder-item,.page-item{text-align:left;cursor:pointer;padding:7px 9px}.folder-item,.file-item{font-size:.84rem}.folder-item{align-items:center;gap:8px;display:flex}.folder-caret{width:10px;color:var(--text-muted)}.folder-label{flex:1}.folder-children{gap:4px;padding-left:18px;display:grid}.file-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 10px}.file-item:hover,.file-item.active{border-color:var(--border);background:color-mix(in srgb, var(--surface-muted) 92%, var(--surface))}.folder-item.drag-over,.file-item.drag-over{border-color:var(--border);background:color-mix(in srgb, var(--surface-muted) 84%, var(--surface))}.app-shell.dark .file-item:hover,.app-shell.dark .file-item.active{background:#232323}.empty-folder{color:var(--text-muted);padding:4px 10px;font-size:.78rem}.page-meta-inline{color:var(--text-muted);padding:6px 2px;font-size:.74rem}.sidebar-context-menu{z-index:50;border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:4px;width:170px;padding:6px;display:grid;position:fixed;box-shadow:0 16px 34px #00000029}.sidebar-context-menu button{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:.82rem}.sidebar-context-menu button:hover{background:var(--surface-muted)}.sidebar-context-menu button.danger{color:#b33a3a}.app-shell.dark .sidebar-context-menu button.danger{color:#ff8d8d}.folder-item.active,.folder-item:hover,.page-item.active,.page-item:hover{background:color-mix(in srgb, var(--surface-muted) 92%, var(--surface))}.app-shell.dark .folder-item.active,.app-shell.dark .folder-item:hover,.app-shell.dark .page-item.active,.app-shell.dark .page-item:hover{background:#252525}.page-item{background:0 0;border:1px solid #0000;border-radius:8px;gap:2px;display:grid}.page-item.active{border-color:var(--border)}.page-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-meta{color:var(--text-muted);font-size:.78rem}.editor-pane{flex-direction:column;min-width:0;display:flex;overflow-x:hidden}.editor-topbar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 24px;display:flex}.cloud-sync-pill{border:1px solid var(--border);color:var(--text-muted);background:var(--surface-muted);white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:.74rem;line-height:1.2}.cloud-sync-pill.local{color:var(--text-muted)}.cloud-sync-pill.syncing{color:color-mix(in srgb, var(--text) 78%, var(--text-muted))}.cloud-sync-pill.saved{color:color-mix(in srgb, var(--text) 88%, var(--text-muted))}.cloud-sync-pill.error{color:#b73939;border-color:color-mix(in srgb, #b73939 35%, var(--border));background:color-mix(in srgb, #b73939 10%, var(--surface-muted))}.cloud-sync-debug{border-bottom:1px solid var(--border);color:color-mix(in srgb, var(--text) 80%, var(--text-muted));background:color-mix(in srgb, var(--surface) 86%, var(--surface-muted));white-space:nowrap;text-overflow:ellipsis;padding:6px 24px;font-size:.74rem;overflow:hidden}.mobile-menu-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:none}.mobile-overlay{background:0 0;border:0;display:none}.breadcrumb{color:var(--text-muted);text-transform:capitalize;font-size:.86rem}.topbar-actions{gap:8px;display:flex}.document,.studio-shell{width:min(100%, var(--content-width,860px));margin:26px auto;padding:0 20px 80px}.studio-shell{gap:16px;display:grid}.studio-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-head h3,.graph-canvas h4{margin:0}.studio-actions{flex-wrap:wrap;gap:8px;display:flex}.import-btn{position:relative;overflow:hidden}.import-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.mt5-import-box{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:8px;padding:10px;display:grid}.mt5-import-box textarea{border:1px solid var(--border);min-height:110px;color:var(--text);font:inherit;resize:vertical;background:0 0;border-radius:8px;padding:8px}.mt5-import-box small{color:var(--text-muted)}.doc-title{width:100%;color:var(--text);background:0 0;border:0;margin-bottom:16px;font-size:2rem;font-weight:600}.doc-title:focus,.search-row input:focus,.draft-row input:focus,.draft-row select:focus,.account-row select:focus,.studio-actions input:focus,.db-table input:focus,.db-table select:focus,.block-input:focus{box-shadow:0 0 0 2px var(--focus);outline:none}.block-stack{gap:6px;display:grid}.new-line-cta{border:1px dashed var(--border);color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border-radius:8px;width:100%;min-height:36px;margin-top:10px;padding:8px 10px}.new-line-cta:hover{color:var(--text);background:color-mix(in srgb, var(--surface-muted) 88%, var(--surface));border-style:solid}.block-row{border-radius:8px;grid-template-columns:24px 1fr;gap:8px;display:grid}.block-row.drag-over{background:var(--surface-muted)}.block-grip{color:var(--text-muted);cursor:grab;opacity:0;background:0 0;border:0;padding:0;transition:opacity .12s}.block-row:hover .block-grip{opacity:1}.block-grip.hidden{opacity:0}.block-editor{gap:6px;display:grid}.block-actions{opacity:0;transition:opacity .12s}.block-actions-row{align-items:center;gap:8px;display:flex}.inline-tools{align-items:center;gap:6px;display:inline-flex}.inline-format-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;width:28px;height:28px;font-size:.76rem;font-weight:600}.inline-format-btn:hover{background:var(--surface-muted)}.inline-color-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;width:20px;height:20px;padding:0;position:relative}.inline-color-btn:after{content:"";background:var(--dot,var(--text));border-radius:999px;position:absolute;inset:4px}.image-block{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, var(--surface-muted));border-radius:10px;gap:10px;width:100%;padding:10px;display:grid}.image-preview{object-fit:contain;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;max-height:360px}.image-placeholder{border:1px dashed var(--border);color:var(--text-muted);text-align:center;border-radius:8px;padding:20px;font-size:.82rem}.image-upload-btn{width:fit-content;position:relative;overflow:hidden}.image-upload-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-block .ghost-btn{width:fit-content}.block-row:hover .block-actions,.block-editor:focus-within .block-actions{opacity:1}.block-type{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:7px;height:26px;padding:0 8px;font-size:.75rem}.block-input-row.todo{grid-template-columns:18px 1fr;gap:10px;display:grid}.block-input-row.todo input[type=checkbox]{appearance:none;border:1px solid color-mix(in srgb, var(--text) 30%, var(--border));background:var(--surface);cursor:pointer;border-radius:5px;place-items:center;width:18px;height:18px;margin-top:11px;margin-left:1px;transition:background .12s,border-color .12s,transform .12s;display:inline-grid}.block-input-row.todo input[type=checkbox]:after{content:"";transform-origin:50%;border-bottom:2px solid #0000;border-left:2px solid #0000;width:9px;height:5px;transition:transform .11s,border-color .11s;transform:rotate(-45deg)scale(.5)}.block-input-row.todo input[type=checkbox]:hover{border-color:color-mix(in srgb, var(--text) 45%, var(--border));transform:translateY(-1px)}.block-input-row.todo input[type=checkbox]:checked{background:color-mix(in srgb, #2f8f61 80%, var(--surface));border-color:color-mix(in srgb, #2f8f61 70%, var(--border))}.block-input-row.todo input[type=checkbox]:checked:after{border-bottom-color:#fff;border-left-color:#fff;transform:rotate(-45deg)scale(1)}.block-input{resize:vertical;width:100%;min-height:var(--row-height,42px);color:var(--text);font:inherit;background:0 0;border:0;border-radius:8px;padding:8px 10px}.block-rich-input{width:100%;min-height:var(--row-height,42px);color:var(--text);font:inherit;white-space:pre-wrap;word-break:break-word;background:0 0;border:0;border-radius:8px;outline:none;padding:8px 10px}.block-rich-input:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.block-rich-input.block-h1{font-size:1.8rem;font-weight:700}.block-rich-input.block-h2{font-size:1.2rem;font-weight:600}.block-rich-input.block-quote{border-left:3px solid var(--border);color:var(--text-muted);border-radius:0;padding-left:12px}.block-input.block-h1{font-size:1.8rem;font-weight:700}.block-input.block-h2{font-size:1.2rem;font-weight:600}.block-input.block-quote{border-left:3px solid var(--border);color:var(--text-muted);border-radius:0;padding-left:12px}.block-input.block-code{border:1px solid var(--border);background:var(--surface-muted);white-space:pre-wrap;font-family:JetBrains Mono,Cascadia Code,Consolas,Courier New,monospace;font-size:.9em}.block-input.block-todo.is-checked{color:var(--text-muted);text-decoration:line-through}.linked-chart-block{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, var(--surface-muted));border-radius:10px;gap:10px;width:100%;padding:10px;display:grid}.linked-table-chart-wrap{gap:8px;display:grid}.linked-average-card{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, var(--surface-muted));border-radius:10px;gap:4px;padding:12px;display:grid}.linked-average-card span,.linked-average-card small{color:var(--text-muted);font-size:.78rem}.linked-average-card strong{letter-spacing:.02em;font-size:1.2rem}.linked-score-wrap{justify-items:center;gap:8px;display:grid}.linked-score-wrap>small{color:var(--text-muted);font-size:.78rem}.linked-score-donut{border:1px solid var(--border);border-radius:999px;place-items:center;width:120px;height:120px;display:grid}.linked-score-hole{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-content:center;justify-items:center;width:72px;height:72px;line-height:1.1;display:grid}.linked-score-hole strong{font-size:1.05rem}.linked-score-hole small{color:var(--text-muted);font-size:.72rem}.linked-chart-config{flex-wrap:wrap;gap:8px;display:flex}.linked-chart-config select{border:1px solid var(--border);background:var(--surface-muted);height:30px;color:var(--text);appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:8px;padding:0 24px 0 10px}.linked-table-chart-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.linked-table-chart-head small{color:var(--text-muted)}.linked-table-chart-grid{gap:6px;display:grid}.linked-table-chart-row{grid-template-columns:minmax(90px,1fr) 2fr auto;align-items:center;gap:8px;display:grid}.linked-table-chart-label,.linked-table-chart-value{color:var(--text-muted);font-size:.78rem}.linked-table-chart-track{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.linked-table-chart-bar{border-radius:999px;height:100%}.linked-table-chart-bar.pos{background:color-mix(in srgb, var(--text) 80%, var(--surface))}.linked-table-chart-bar.neg{background:color-mix(in srgb, var(--text-muted) 82%, var(--surface))}.note-table-block{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, var(--surface-muted));border-radius:10px;gap:10px;width:100%;padding:10px;display:grid}.note-table-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-table-actions{gap:8px;display:flex}.note-table-title{border:1px solid var(--border);background:var(--surface-muted);height:32px;color:var(--text);border-radius:8px;width:min(320px,100%);padding:0 10px}.note-table-wrap{width:100%;overflow:auto}.note-table-grid{border-collapse:separate;border-spacing:0;width:100%;min-width:460px}.note-table-grid th,.note-table-grid td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.note-table-grid th:first-child,.note-table-grid td:first-child{border-left:1px solid var(--border)}.note-table-grid thead th{border-top:1px solid var(--border)}.note-table-grid input{width:100%;min-width:120px;height:34px;color:var(--text);background:0 0;border:0;padding:0 10px}.note-table-col-head{grid-template-columns:1fr auto;align-items:center;display:grid}.note-table-row-head{width:52px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem}.note-table-row-cell{text-align:center}.note-table-icon-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px}.note-table-icon-btn:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.note-table-icon-btn:disabled{opacity:.45;cursor:not-allowed}.linked-chart-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.linked-chart-head span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.linked-chart-head select{border:1px solid var(--border);background:var(--surface-muted);height:30px;color:var(--text);appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:8px;padding:0 26px 0 10px}.linked-line-chart{width:100%;height:110px;color:var(--text)}.linked-overview-wrap{gap:8px;display:grid}.linked-overview-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.linked-overview-chart{height:180px}.linked-mini-grid{grid-template-columns:88px 1fr;align-items:center;gap:12px;display:grid}.linked-donut{border:1px solid var(--border);border-radius:999px;place-items:center;width:88px;height:88px;display:grid}.linked-donut-hole{border:1px solid var(--border);background:var(--surface);border-radius:999px;place-items:center;width:48px;height:48px;font-size:.8rem;font-weight:600;display:grid}.linked-winrate-wrap{gap:8px;display:grid}.linked-stats{color:var(--text-muted);flex-wrap:wrap;gap:8px;font-size:.78rem;display:flex}.slash-menu{border:1px solid var(--border);border-radius:10px;overflow:hidden}.slash-item{text-align:left;border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;padding:8px 10px}.slash-item:last-child{border-bottom:0}.slash-item:hover{background:var(--surface-muted)}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:auto}.table-wrap::-webkit-scrollbar-track{background:color-mix(in srgb, var(--surface-muted) 45%, transparent);border-radius:999px}.db-table{border-collapse:collapse;width:100%}.db-table th,.db-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-width:120px;padding:8px}.db-table th{background:var(--surface-muted)}.db-table th:last-child,.db-table td:last-child{border-right:0}.logbook-table th,.logbook-table td{min-width:140px}.table-delete-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;height:30px;padding:0 10px}.table-delete-btn:hover{background:var(--surface-muted);color:var(--text)}.template-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.template-card{border:1px solid var(--border);border-radius:12px;gap:8px;padding:12px;display:grid}.template-card h4,.template-card p,.template-card small{margin:0}.template-card p,.template-card small{color:var(--text-muted)}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.kpi-card{border:1px solid var(--border);border-radius:10px;gap:4px;padding:10px;display:grid}.kpi-card span{color:var(--text-muted);font-size:.8rem}.kpi-card strong{font-size:1.2rem}.graph-canvas{border:1px solid var(--border);border-radius:12px;gap:10px;min-width:0;padding:16px;display:grid;overflow-x:hidden}.habit-toolbar{gap:10px;display:grid}.habit-weekdays{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.habit-weekdays button{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--surface-muted)) 0%, color-mix(in srgb, var(--surface-muted) 72%, var(--surface)) 100%);color:var(--text-muted);cursor:pointer;border-radius:9px;place-items:center;gap:2px;min-height:44px;font-size:.75rem;transition:transform .12s,border-color .12s,box-shadow .12s;display:grid}.habit-weekdays button small{font-size:.68rem}.habit-weekdays button.active,.habit-weekdays button:hover{color:var(--text);background:color-mix(in srgb, var(--surface-muted) 86%, var(--surface));border-color:color-mix(in srgb, var(--text) 16%, var(--border));transform:translateY(-1px);box-shadow:0 4px 14px #00000014}.habit-summary-chip{border:1px solid var(--border);color:var(--text-muted);border-radius:9px;padding:8px 10px;font-size:.8rem}.habit-summary-chip strong{color:var(--text)}.habit-grid{gap:8px;display:grid}.habit-row{grid-template-columns:minmax(170px,1fr) minmax(180px,1fr) auto;align-items:center;gap:8px;display:grid}.habit-check{color:var(--text);align-items:center;gap:8px;font-size:.85rem;display:inline-flex}.habit-check input[type=checkbox]{appearance:none;border:1px solid color-mix(in srgb, var(--text) 28%, var(--border));background:var(--surface);cursor:pointer;border-radius:5px;place-items:center;width:18px;height:18px;margin:0;transition:background .12s,border-color .12s,transform .12s;display:inline-grid}.habit-check input[type=checkbox]:after{content:"";transform-origin:50%;border-bottom:2px solid #0000;border-left:2px solid #0000;width:9px;height:5px;transition:transform .11s,border-color .11s;transform:rotate(-45deg)scale(.5)}.habit-check input[type=checkbox]:hover{border-color:color-mix(in srgb, var(--text) 45%, var(--border));transform:translateY(-1px)}.habit-check input[type=checkbox]:checked{background:color-mix(in srgb, #37b06f 78%, var(--surface));border-color:color-mix(in srgb, #37b06f 72%, var(--border))}.habit-check input[type=checkbox]:checked:after{border-bottom-color:#fff;border-left-color:#fff;transform:rotate(-45deg)scale(1)}.habit-row input{border:1px solid var(--border);background:var(--surface-muted);height:32px;color:var(--text);border-radius:8px;padding:0 10px}.habit-create{grid-template-columns:1fr auto;gap:8px;display:grid}.habit-create input{border:1px solid var(--border);background:var(--surface-muted);height:34px;color:var(--text);border-radius:8px;padding:0 10px}.habit-line-chart{width:100%;height:240px}.habit-guide-line{stroke:color-mix(in srgb, var(--text-muted) 38%, var(--border));stroke-width:.4px;stroke-dasharray:1 1.4}.habit-point{fill:var(--surface);stroke:var(--text);stroke-width:.55px}.habit-day-label{fill:var(--text-muted);font-size:2px}.habit-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-card small{color:var(--text-muted);font-size:.74rem}.habit-calendar-grid{gap:8px;display:grid;overflow-x:auto}.habit-month-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.habit-month-head strong{text-align:center;font-size:1.02rem}.habit-legend{color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.habit-legend-scale{grid-template-columns:repeat(4,18px);gap:5px;display:grid}.habit-legend-scale span{border:1px solid var(--border);background:color-mix(in srgb, #3fa76f var(--habit-intensity,0%), var(--surface) calc(100% - var(--habit-intensity,0%)));border-radius:4px;width:18px;height:12px}.habit-calendar-header,.habit-calendar-row{grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:6px;min-width:560px;display:grid}.habit-calendar-header span{color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;text-align:center;font-size:.72rem}.habit-calendar-row{padding:0}.habit-day-cell{border:1px solid var(--border);min-height:64px;color:var(--text);background:color-mix(in srgb, #3fa76f var(--habit-intensity,0%), var(--surface) calc(100% - var(--habit-intensity,0%)));cursor:pointer;border-radius:8px;align-content:start;justify-items:center;gap:4px;padding:6px 4px;font-size:.8rem;display:grid}.habit-day-cell strong{font-size:.9rem}.habit-day-number{color:var(--text-muted);font-size:.72rem}.habit-day-cell.outside{opacity:.45}.habit-day-cell.active{border-color:color-mix(in srgb, var(--text) 45%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 24%, transparent) inset}.app-shell.dark .habit-day-cell{color:color-mix(in srgb, var(--surface) 95%, var(--text))}.bar-chart{align-items:end;gap:8px;min-width:0;min-height:220px;padding-bottom:6px;display:flex;overflow-x:auto}.bar-item{flex:1;justify-items:center;gap:8px;min-width:0;display:grid}.bar-rail{border:1px solid var(--border);border-radius:6px;width:100%;height:190px;position:relative;overflow:hidden}.bar-zero{background:var(--border);opacity:.9;height:1px;position:absolute;left:0;right:0}.bar-fill{background:var(--text);width:100%;position:absolute;left:0}.bar-fill.positive{background:#111}.bar-fill.negative{background:#8a8a8a}.bar-item span{color:var(--text-muted);font-size:.74rem}.mini-chart-grid{grid-template-columns:minmax(160px,220px) 1fr;align-items:center;gap:18px;display:grid}.donut-chart{border:1px solid var(--border);border-radius:999px;place-items:center;width:170px;height:170px;display:grid}.donut-hole{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:999px;place-items:center;width:95px;height:95px;display:grid}.donut-hole strong{font-size:1.05rem}.donut-hole span{color:var(--text-muted);font-size:.72rem}.legend-stack{gap:8px;display:grid}.legend-stack.inline{grid-template-columns:repeat(3,minmax(0,1fr))}.legend-item{color:var(--text-muted);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:.82rem;display:grid}.legend-item strong{color:var(--text)}.swatch{background:var(--text-muted);border-radius:999px;width:10px;height:10px}.swatch.buy,.swatch.win{background:var(--text)}.swatch.sell,.swatch.loss{background:color-mix(in srgb, var(--text-muted) 72%, var(--surface))}.swatch.be{background:color-mix(in srgb, var(--border) 78%, var(--surface-muted))}.winrate-track{border:1px solid var(--border);border-radius:999px;width:100%;height:18px;display:flex;overflow:hidden}.winrate-track .segment{height:100%}.winrate-track .segment.win{background:var(--text)}.winrate-track .segment.loss{background:color-mix(in srgb, var(--text-muted) 68%, var(--surface))}.winrate-track .segment.be{background:color-mix(in srgb, var(--border) 78%, var(--surface-muted))}.risk-throttle{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.risk-card{border:1px solid var(--border);border-radius:10px;gap:4px;padding:10px;display:grid}.risk-card span,.risk-card small{color:var(--text-muted)}.risk-card strong{font-size:1.08rem}.anomaly-list{color:var(--text);gap:6px;margin:0;padding-left:18px;display:grid}.anomaly-list li{color:var(--text-muted)}.line-chart{width:100%;height:240px;color:var(--text)}.balance-guide{stroke:color-mix(in srgb, var(--text-muted) 45%, var(--border));stroke-width:.5px;stroke-dasharray:1.2 1.2}.balance-guide.current{stroke:color-mix(in srgb, var(--text) 50%, var(--border))}.balance-label{fill:var(--text-muted);font-size:1.8px;font-weight:500}.balance-label.current{fill:var(--text)}.balance-readouts{grid-template-columns:minmax(180px,240px) auto;align-items:end;gap:12px;display:grid}.balance-readouts label{color:var(--text-muted);gap:6px;font-size:.8rem;display:grid}.balance-readouts input{border:1px solid var(--border);background:var(--surface-muted);height:34px;color:var(--text);border-radius:8px;padding:0 10px}.balance-current{justify-items:end;gap:4px;display:grid}.balance-current span{color:var(--text-muted);font-size:.78rem}.balance-current strong{font-size:1.06rem}.setup-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.setup-card{border:1px solid var(--border);border-radius:10px;gap:3px;padding:8px;display:grid}.setup-card span,.setup-card small{color:var(--text-muted)}.setup-card strong{font-size:1rem}.settings-pane{align-content:start;gap:18px;display:grid;overflow-y:auto}.settings-section{border-bottom:1px solid var(--border);gap:10px;padding-bottom:12px;display:grid}.settings-section h4{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.78rem}.settings-pane label,.toggle-group{color:var(--text-muted);gap:6px;font-size:.86rem;display:grid}.settings-pane input[type=range]{width:100%;accent-color:var(--text)}.toggle-group{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.toggle-group button{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;height:30px}.toggle-group button.active,.toggle-group button:hover{background:var(--surface-muted)}.switch-list{gap:8px;display:grid}.switch-list label{color:var(--text);align-items:center;gap:10px;font-size:.84rem;display:flex}.switch-list input[type=checkbox]{width:16px;height:16px;accent-color:var(--text)}@media (width<=1260px){.app-shell{grid-template-columns:var(--sidebar-width,280px) 1fr}.settings-pane{z-index:10;width:min(320px,90vw);min-height:100vh;position:fixed;top:0;right:0;box-shadow:-20px 0 60px #00000026}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.mobile-menu-btn{display:inline-flex}.mobile-overlay.show{z-index:18;background:#00000073;display:block;position:fixed;inset:0}.sidebar{z-index:20;border-right:1px solid var(--border);border-bottom:0;width:min(88vw,360px);height:100vh;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.editor-topbar{flex-wrap:wrap;align-items:center;padding:0 14px}.cloud-sync-debug{padding:6px 14px}.cloud-sync-pill{margin-left:0}.sidebar{gap:8px;padding:12px}.sidebar-header{flex-wrap:wrap;gap:8px}.sidebar-header .ghost-btn{width:100%}.sidebar-section{gap:7px;padding:9px}.document,.studio-shell{width:100%;margin:14px auto;padding:0 12px 48px}.studio-head{align-items:stretch}.studio-actions{grid-template-columns:1fr;width:100%;display:grid}.studio-actions .ghost-btn,.studio-actions .import-btn{width:100%}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-kpi-grid{grid-template-columns:1fr}.mini-chart-grid{grid-template-columns:1fr;justify-items:center}.donut-chart{width:152px;height:152px}.legend-stack.inline,.risk-throttle{grid-template-columns:1fr}.habit-weekdays{grid-template-columns:repeat(4,minmax(0,1fr))}.habit-row{grid-template-columns:1fr;align-items:stretch}.habit-create{grid-template-columns:1fr}.linked-mini-grid{grid-template-columns:1fr;justify-items:center}.block-actions-row{flex-wrap:wrap}.balance-readouts{grid-template-columns:1fr;align-items:stretch}.balance-current{justify-items:start}}