@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#18232e;background:#f3f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f7f6}button,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{min-height:80px;display:flex;align-items:center;gap:14px;padding:0 4.5vw;background:#fff;border-bottom:1px solid #dbe5e3}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#087f73;font-size:20px}.eyebrow,.section-kicker,.card-title,.status-label,.piece-label{letter-spacing:.13em;font-size:10px;font-weight:700;color:#71818b}h1{margin:2px 0 0;font-size:18px;letter-spacing:-.02em}.topbar-spacer{flex:1}.metric{display:flex;flex-direction:column;gap:3px;padding:0 20px;border-left:1px solid #e5ecea}.metric span{color:#829098;font-size:9px;letter-spacing:.1em;font-weight:700}.metric strong{font-family:DM Mono,monospace;font-size:13px;font-weight:500}.reset-button{margin-left:12px;padding:9px 12px;color:#53636b;background:#fff;border:1px solid #cad8d5;border-radius:7px;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(360px,1.55fr) minmax(280px,1.15fr);gap:16px;max-width:1440px;margin:0 auto;padding:25px 4.5vw 18px}.panel{min-width:0;background:#fff;border:1px solid #dbe5e3;border-radius:11px;box-shadow:0 3px 12px #193c3510}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 14px;border-bottom:1px solid #ecf1f0}.live-dot{width:7px;height:7px;background:#2fb59c;border-radius:50%;box-shadow:0 0 0 3px #d9f2eb}.console-state,.storage-count{color:#168b7a;font-size:10px;letter-spacing:.08em;font-weight:700}.db-title{display:flex;gap:11px;align-items:center;padding:20px 18px 11px}.db-icon{width:32px;height:32px;display:grid;place-items:center;color:#087f73;background:#e3f4f0;border-radius:8px;font-size:17px}.db-title strong{display:block;font-size:16px}.db-title small,.datafile small{display:block;color:#8b989d;font-size:10px;margin-top:3px}.mode-chip{display:inline-block;margin:0 18px 24px;padding:5px 8px;color:#087f73;background:#e8f7f3;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.08em}.subheading{display:flex;justify-content:space-between;padding:0 18px 10px;font-size:10px;letter-spacing:.12em;color:#829098;font-weight:700;border-bottom:1px solid #edf2f1}.subheading span{font-family:DM Mono;color:#a2adb0}.datafile{display:flex;align-items:center;gap:9px;padding:11px 18px;border-bottom:1px solid #f0f3f2}.datafile strong{font-size:12px;font-weight:600}.file-number{display:grid;place-items:center;width:22px;height:22px;color:#6f8083;background:#f0f4f3;border-radius:5px;font:11px DM Mono}.file-state{margin-left:auto;color:#33a18c;font-size:9px;font-weight:700}.db-footer{display:flex;justify-content:space-between;gap:8px;padding:16px 18px;color:#95a0a5;font-size:9px;letter-spacing:.1em}.db-footer code{color:#69787e;font:10px DM Mono;letter-spacing:0}.console-panel{padding-bottom:17px}.console-window{margin:17px 18px 12px;overflow:hidden;border:1px solid #2f4947;border-radius:8px;background:#162727;color:#d7ebe4}.console-head{display:flex;justify-content:space-between;padding:10px 13px;color:#7ea69d;background:#1c3332;font:9px DM Mono;letter-spacing:.08em}.console-history{min-height:111px;padding:14px 13px 5px;font:11px/1.8 DM Mono}.console-line{display:flex;gap:9px}.prompt-symbol{color:#65cbb1;white-space:nowrap}.input-wrap{display:flex;gap:9px;padding:7px 13px 14px;font:11px DM Mono}.input-wrap textarea{min-height:34px;flex:1;resize:vertical;padding:0;color:#fff;background:transparent;border:0;outline:0;font:11px/1.5 DM Mono}.quick-actions{display:flex;flex-wrap:wrap;gap:5px;padding:0 18px 13px}.quick-actions button{padding:5px 7px;color:#52646a;background:#f7faf9;border:1px solid #dbe6e3;border-radius:4px;font:9px DM Mono}.execute-button{width:calc(100% - 36px);margin:0 18px;padding:10px;color:#fff;background:#087f73;border:0;border-radius:6px;font-size:12px;font-weight:700}.execute-button span{margin-right:7px;font-size:10px}.error-box{margin:12px 18px 0;padding:10px;color:#a43c38;background:#fff3f1;border:1px solid #f3d1cd;border-radius:6px;font:11px DM Mono}.confirmation-card{display:flex;align-items:center;gap:12px;margin:0 18px 12px;padding:12px;color:#765315;background:#fff8e9;border:1px solid #f0ddb0;border-radius:7px}.confirmation-card strong{font-size:12px}.confirmation-card p{margin:4px 0 0;font-size:10px;line-height:1.4}.confirm-actions{display:flex;gap:5px;margin-left:auto;flex-shrink:0}.confirm-actions button{padding:7px 8px;border-radius:5px;font-size:10px}.cancel-button{color:#765315;background:transparent;border:1px solid #dfc98e}.danger-button{color:#fff;background:#b56342;border:1px solid #b56342}.storage-legend{display:flex;gap:12px;padding:13px 18px 8px;color:#7f8e91;font-size:9px}.storage-legend span{display:flex;align-items:center;gap:5px}.storage-legend i{width:7px;height:7px;display:inline-block;border-radius:50%}.legend-physical{background:#40b398}.legend-repository{background:#6274bd}.empty-storage{padding:45px 25px;text-align:center;color:#8a999c}.empty-icon{font-size:27px;color:#acd4cc}.empty-storage strong{display:block;color:#617277;margin-top:8px;font-size:13px}.empty-storage p{font-size:10px}.piece-list{padding:4px 12px 10px}.piece-card{margin:8px 0;padding:12px;border:1px solid #e1eae7;border-radius:8px}.piece-top{display:flex;align-items:start;justify-content:space-between;gap:8px}.piece-top strong{display:block;margin-top:4px;color:#26383d;font:12px DM Mono}.piece-id{color:#a0abad;font:9px DM Mono}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.status-grid>div{padding:8px;background:#f8fbfa;border-radius:5px}.status-label{display:block;margin-bottom:5px;font-size:8px}.badge{display:inline-block;padding:3px 6px;border-radius:3px;font:9px DM Mono;font-weight:500}.badge.green{color:#16816e;background:#dff4ed}.badge.amber{color:#9b6e19;background:#fff0c9}.badge.slate{color:#6a777d;background:#e9edef}.piece-meta{display:flex;justify-content:space-between;margin-top:10px;color:#9aa6a8;font-size:9px}.piece-actions{margin-top:10px}.piece-actions button{width:100%;padding:6px;color:#5d6e72;background:#fff;border:1px solid #d5e1de;border-radius:4px;font-size:10px}.repository-note{margin:6px 18px 18px;padding:10px;border-left:2px solid #71baaa;background:#f0f8f5}.repository-note strong{color:#357c70;font-size:10px}.repository-note p{margin:4px 0 0;color:#718d89;font-size:10px;line-height:1.4}.insight-panel{max-width:1440px;margin:0 auto;padding:0 4.5vw 20px}.insight-header{display:flex;align-items:end;justify-content:space-between;padding:19px 0 12px}.insight-header h2{margin:4px 0 0;font-size:16px;letter-spacing:-.02em}.revision{padding:5px 8px;color:#648079;background:#e5f1ee;border-radius:4px;font:9px DM Mono}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diff-card,.why-card{min-height:126px;padding:15px 17px;background:#fff;border:1px solid #dbe5e3;border-radius:9px}.card-title{margin-bottom:13px}.diff-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #eef3f1;font-size:11px}.diff-row:last-child{border-bottom:0}.diff-row>div{display:flex;align-items:center;gap:8px}.diff-row code{color:#8c989c;font:10px DM Mono}.diff-row b{color:#b5c0c0;font-size:12px}.diff-row .after-value{color:#187d6d}.muted{color:#9aa7a9;font-size:11px}.reason-title{display:flex;align-items:center;gap:7px}.why-icon{display:grid;place-items:center;width:18px;height:18px;color:#147b6c;background:#e2f3ee;border-radius:50%;font-size:11px;font-weight:700}.reason-title strong{font-size:11px}.rule-id{margin-left:auto;color:#a2adae;font:9px DM Mono}.explanation p{margin:8px 0 0 25px;color:#6e7d80;font-size:11px;line-height:1.4}.notes-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:11px}.info-note,.warning-note{padding:7px 9px;border-radius:5px;font-size:10px}.info-note{color:#5c7872;background:#e7f3ef}.warning-note{color:#876523;background:#fff2cf}footer{padding:15px 4.5vw 22px;color:#9aa6a8;text-align:center;font-size:10px}@media(max-width:1050px){.workspace{grid-template-columns:1fr 1.4fr}.storage-panel{grid-column:1 / -1}.piece-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.piece-card{margin:0}}@media(max-width:700px){.topbar{padding:14px 18px;flex-wrap:wrap}.topbar-spacer{display:none}.metric{padding:0 9px}.reset-button{margin-left:auto}.workspace{display:flex;flex-direction:column;padding:15px 12px}.insight-panel{padding:0 12px 14px}.insight-grid{grid-template-columns:1fr}.piece-list{display:block}.piece-card{margin:8px 0}.confirmation-card{display:block}.confirm-actions{margin:10px 0 0}.confirm-actions button{width:50%}}.day-control{padding:0 14px;border-left:1px solid #e5ecea}.day-control>span{display:block;color:#829098;font-size:9px;letter-spacing:.1em;font-weight:700}.day-control>div{display:flex;align-items:center;gap:8px;margin-top:3px}.day-control button{width:21px;height:21px;padding:0;color:#087f73;background:#e8f6f2;border:0;border-radius:5px;font-size:16px;line-height:1}.day-control strong{font:12px DM Mono;white-space:nowrap}.sample-row{display:flex;align-items:center;justify-content:space-between;margin:-2px 18px 13px;padding-top:10px;border-top:1px dashed #e1eae7}.sample-row span{color:#9aa7a9;font-size:9px;letter-spacing:.1em;font-weight:700}.sample-row button{padding:6px 9px;color:#187d6d;background:#e7f5f0;border:1px solid #c8e7df;border-radius:4px;font-size:10px;font-weight:700}.storage-status{color:#879795;font:9px DM Mono;letter-spacing:.06em;white-space:nowrap}.storage-status.saved{color:#258b78}.storage-status.memory{color:#b1782b}.storage-status.loading{color:#829098}.guide-button{padding:8px 10px;color:#357b70;background:#eef8f5;border:1px solid #cee9e0;border-radius:6px;font-size:11px;font-weight:700}.command-hint{margin:-4px 18px 10px;color:#859497;font-size:10px}.guide-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#0d1c1dc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guide-card{width:min(460px,100%);padding:27px 30px 22px;color:#eff8f5;background:#173333;border:1px solid #3a625d;border-radius:15px;box-shadow:0 20px 60px #0000004d}.guide-progress{display:flex;justify-content:space-between;color:#78cbb7;font:10px DM Mono;letter-spacing:.1em}.guide-icon{width:46px;height:46px;display:grid;place-items:center;margin:28px 0 16px;color:#093b35;background:#8ed9c5;border-radius:13px;font-size:24px}.guide-card h2{margin:0;font-size:23px;letter-spacing:-.03em;line-height:1.25}.guide-card>p{min-height:70px;margin:13px 0 22px;color:#bdd5cf;font-size:13px;line-height:1.6}.guide-dots{display:flex;gap:5px;margin-bottom:22px}.guide-dots i{width:5px;height:5px;background:#476b67;border-radius:50%}.guide-dots i.current{width:17px;background:#8ed9c5;border-radius:4px}.guide-actions{display:flex;align-items:center;justify-content:space-between}.guide-skip{padding:8px 0;color:#8fa9a4;background:transparent;border:0;font-size:11px}.guide-next{padding:10px 14px;color:#103a35;background:#8ed9c5;border:0;border-radius:6px;font-size:11px;font-weight:700}.guide-card>p{white-space:pre-line}.guide-nav{display:flex;align-items:center;gap:8px}.guide-prev{padding:10px 12px;color:#b9d4cc;background:transparent;border:1px solid #49716b;border-radius:6px;font-size:11px}.archive-heading{margin-top:15px}.archive-inputs{padding:3px 18px 10px}.archive-input{display:flex;align-items:center;gap:8px;padding:6px 0;color:#738487;border-bottom:1px solid #f0f3f2;font-size:10px}.archive-input span{color:#5e7a78;font:10px DM Mono}.archive-input strong{font-weight:500}.archive-input em{margin-left:auto;font-style:normal;font:8px DM Mono}.input-ok{color:#32a28c}.input-missing{color:#b67b23}.sample-buttons{display:flex;gap:5px}.sample-buttons button{padding:6px 8px;color:#187d6d;background:#e7f5f0;border:1px solid #c8e7df;border-radius:4px;font-size:10px;font-weight:700}.guide-prev:disabled{cursor:default;opacity:.35}.guide-note{margin:0 0 20px;padding:9px 10px;color:#9fc6bc;background:#21423f;border-left:2px solid #71c4af;border-radius:4px;font-size:11px;line-height:1.45}.archive-input{flex-wrap:wrap}.archive-input button{width:100%;padding:5px 6px;color:#5d6e72;background:#fff;border:1px solid #d5e1de;border-radius:4px;font-size:9px;text-align:left}.dark-mode .archive-input button{color:#c5d9d4;background:#1d3032;border-color:#3c5556}.utility-controls{max-width:1440px;display:flex;justify-content:flex-end;gap:6px;margin:0 auto;padding:12px 4.5vw 0}.utility-button{padding:7px 9px;color:#526b69;background:#fff;border:1px solid #d2e0dc;border-radius:6px;font-size:10px}.contents-panel{max-width:1440px;margin:0 auto 18px;padding:0 4.5vw}.contents-heading{display:flex;align-items:end;justify-content:space-between;padding:5px 0 10px}.contents-heading h2{margin:4px 0 0;font-size:16px}.contents-heading>span{color:#8b9a9b;font-size:10px}.contents-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.contents-item{overflow:hidden;background:#fff;border:1px solid #dbe5e3;border-radius:8px}.contents-item>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;color:#31474a;background:transparent;border:0;text-align:left}.contents-item>button strong{font:11px DM Mono}.contents-item>button span{color:#839395;font-size:10px}.contents-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 13px 12px;border-top:1px solid #edf2f1}.contents-detail div{padding-top:9px}.contents-detail span{display:block;color:#8b9a9b;font-size:9px}.contents-detail strong{display:block;margin-top:4px;color:#4b6263;font-size:10px;line-height:1.35}body.dark-mode{background:#0f1a1d}.dark-mode .topbar,.dark-mode .panel,.dark-mode .contents-item,.dark-mode .diff-card,.dark-mode .why-card{color:#e4efec;background:#172528;border-color:#2d4244}.dark-mode .topbar{border-bottom-color:#2d4244}.dark-mode .utility-button,.dark-mode .reset-button{color:#c6d8d3;background:#1d3032;border-color:#3c5556}.dark-mode .metric,.dark-mode .day-control{border-left-color:#2d4244}.dark-mode .metric span,.dark-mode .day-control>span,.dark-mode .eyebrow,.dark-mode .section-kicker,.dark-mode .card-title,.dark-mode .status-label,.dark-mode .piece-label,.dark-mode .contents-heading>span,.dark-mode .subheading,.dark-mode .storage-legend,.dark-mode .piece-meta,.dark-mode .muted{color:#91aaa8}.dark-mode .db-title small,.dark-mode .datafile small,.dark-mode .file-number,.dark-mode .piece-id,.dark-mode .rule-id{color:#82999a}.dark-mode .datafile,.dark-mode .archive-input,.dark-mode .contents-detail{border-color:#263b3d}.dark-mode .file-number,.dark-mode .status-grid>div{background:#203336}.dark-mode .piece-card{border-color:#344a4c}.dark-mode .piece-top strong,.dark-mode .datafile strong,.dark-mode .contents-item>button,.dark-mode .contents-detail strong,.dark-mode .reason-title strong{color:#d6e5e1}.dark-mode .repository-note{background:#1d3936}.dark-mode .repository-note strong{color:#8fd0bc}.dark-mode .repository-note p,.dark-mode .explanation p{color:#a9c0ba}.dark-mode .contents-heading h2,.dark-mode .insight-header h2{color:#e4efec}.dark-mode footer{color:#718988}@media(max-width:700px){.utility-controls{padding:10px 12px 0}.contents-panel{padding:0 12px}.contents-list{grid-template-columns:1fr}.contents-detail{grid-template-columns:1fr 1fr}}.details-button{width:100%;margin-top:10px;padding:7px 8px;color:#357b70;background:#f4faf8;border:1px solid #d2e7e1;border-radius:5px;font-size:10px;font-weight:700;text-align:left}.piece-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;padding:10px;background:#f7fbfa;border-radius:6px}.piece-details div{min-width:0}.piece-details span{display:block;color:#8b9a9b;font-size:9px}.piece-details strong,.piece-details code{display:block;margin-top:4px;color:#4b6263;font-size:10px;line-height:1.35;overflow-wrap:anywhere}.piece-details code{font-family:DM Mono}.dark-mode .details-button{color:#a4d7c8;background:#203a38;border-color:#3d625c}.dark-mode .piece-details{background:#203336}.dark-mode .piece-details strong,.dark-mode .piece-details code{color:#d2e2dd}.dark-mode .piece-details span{color:#8da6a3}@media(max-width:700px){.piece-details{grid-template-columns:1fr}}