.log-art{place-items:center;height:190px;display:grid;position:relative;overflow:hidden}.log-art-caption{color:#ffffff91;letter-spacing:.17em;text-align:center;width:100%;font-family:monospace;font-size:6px;position:absolute;bottom:14px;left:0}.log-art-board{perspective:900px;background:radial-gradient(at 30% 0,#729080,#3d6150 80%)}.log-board-paper{color:#4f5d50;width:238px;height:140px;transition:transform .4s var(--dropdown-ease);background:#f6f7f1;border:1px solid #fff;border-radius:6px;padding:13px 11px;position:absolute;top:24px;transform:rotateX(13deg)rotateY(-12deg)rotate(-6deg);box-shadow:0 17px 20px -12px #1d372d99}.log-board-paper-back{background:#c5d3c5;border-color:#dde8da;top:16px;transform:rotateX(13deg)rotateY(-12deg)rotate(1deg)}.log-board-title{align-items:center;gap:5px;padding-bottom:10px;font-size:8px;display:flex}.log-board-title>.icon-mask{width:10px;height:10px}.log-board-title>span{color:#8c9a8d;letter-spacing:1px;margin-left:auto}.log-board-columns{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.log-board-columns>div>span{color:#8c978c;align-items:center;gap:3px;margin-bottom:7px;font-size:5px;display:flex}.log-board-columns>div>span>i{background:#80967b;border-radius:50%;width:3px;height:3px}.log-board-note{background:#e5ebe0;border-radius:3px;min-height:45px;padding:7px 5px}.log-board-note b{margin-bottom:6px;font-size:5px;font-weight:500;display:block}.log-board-note>i{opacity:.7;background:#a8b6a0;border-radius:3px;width:85%;height:2px;margin:4px 0;display:block}.log-board-note>i+i{width:60%}.log-board-note small{opacity:.65;margin-top:8px;font-size:4px;display:block}.log-board-note-1{background:#e9dfc9}.log-board-note-1>i{background:#bdb18e}.log-board-note-2{background:#d2dfd4}.log-board-note-extra{background:#ecede5;min-height:28px;margin-top:6px}.log-art-workspace{perspective:900px;background:#e5e9e1}.log-orbit{border:1px solid #c8d1c3;border-radius:50%;width:310px;height:150px;position:absolute;transform:rotate(-35deg)}.log-orbit-two{width:240px;height:240px;transform:rotate(25deg)}.log-workspace-window{width:211px;height:150px;transition:transform .4s var(--dropdown-ease);background:#304e3d;border:1px solid #5c7865;border-radius:8px;margin-top:-8px;transform:rotateY(-15deg)rotate(6deg);box-shadow:10px 20px 24px -16px #2e4c3d99}.log-window-bar{border-bottom:1px solid #4b6451;align-items:center;gap:4px;padding:10px;display:flex}.log-window-bar>i{background:#9fb29e;border-radius:50%;width:3px;height:3px}.log-window-bar>span{color:#c2cfba;margin-inline:auto;padding-right:15px;font-size:6px}.log-workspace-content{color:#e7ecdc;letter-spacing:-.035em;text-align:center;justify-items:center;gap:7px;padding:15px;font-size:15px;font-weight:350;line-height:1.2;display:grid}.log-workspace-spark .icon-mask{color:#b3c7a3;width:16px;height:16px}.log-workspace-content small{color:#9eaf98;letter-spacing:0;align-items:center;gap:4px;margin-top:4px;font-size:5px;display:flex}.log-workspace-content small>i{background:#a4ba8a;border-radius:50%;width:3px;height:3px}.log-art-workspace .log-art-caption{color:#6c7e67}.log-art-markdown{background:#ecece8}.log-file{color:#e1e5d9;background:#26342b;border:1px solid #3c493e;border-radius:7px;width:226px;height:170px;margin-top:-13px;transform:rotate(-3deg);box-shadow:0 10px 17px -10px #344c39aa}.log-file-tab{color:#a9b4a0;border-bottom:1px solid #455246;justify-content:space-between;align-items:center;padding:9px 12px;font-family:monospace;font-size:7px;display:flex}.log-file-code{padding:12px;font-family:monospace;font-size:8px;line-height:1.8}.log-file-code>span{color:#bcc99e}.log-file-code>.log-code-muted{color:#839580}.log-file-code>strong{color:#e1cda4;font-weight:400}.log-file-code>.log-code-check{color:#a9c08c}.log-art-markdown .log-art-caption{color:#72816d}.log-art-agent{background:#e7eee6;height:190px}.log-agent-path{color:#91a68c;width:210px;margin-top:-20px;font-family:monospace;font-size:7px}.log-agent-path>span{background:#f6f8f2;border:1px solid #d5dfd1;border-radius:5px;align-items:center;gap:12px;padding:10px;display:flex}.log-agent-path b{color:#52664e;font-size:8px;font-weight:400}.log-agent-path>i{background:#c4d1be;width:1px;height:12px;margin-left:17px;display:block}.log-agent-path .log-agent-done{background:#d4e1cd;border-color:#c3d3ba}.log-agent-done .icon-mask{color:#6d855f;width:9px;height:9px;margin-left:auto}.log-art-agent .log-art-caption{color:#7c9076}.log-art-week{background:#eee5da}.log-week-sheet{color:#8f806a;background:#fffdf7;border:1px solid #e3d7c7;border-radius:5px;width:220px;height:142px;padding:15px;transform:rotate(-5deg);box-shadow:0 15px 20px -15px #78624688}.log-week-sheet>div:first-child{justify-content:space-between;align-items:center;padding-bottom:12px;font-size:8px;display:flex}.log-week-sheet .icon-mask{width:12px;height:12px}.log-week-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:5px;font-size:5px;display:grid}.log-week-grid i{background:#f0ece4;border-radius:2px;height:10px;margin-top:5px;display:block}.log-week-grid i[data-filled=true]{background:#c8d5bd}.log-week-line{text-align:right;margin-top:12px;font-family:Georgia,serif;font-size:8px;font-style:italic;display:block}.log-art-keyboard{perspective:800px;background:#e9e7df}.log-keyboard{background:#f9f7f0;border:1px solid #dfdcd0;border-radius:10px;width:235px;padding:9px;transform:rotateX(24deg)rotate(-9deg);box-shadow:inset 0 -4px #d2d1c5,0 14px 22px -12px #746d5180}.log-keyboard-row{gap:4px;margin:4px 0;display:flex}.log-keyboard-row>span{color:#858675;background:#eeeee4;border:1px solid #d8d6c8;border-radius:4px;flex:1;place-items:center;height:23px;font-family:monospace;font-size:6px;display:grid;box-shadow:0 2px #c8c9bb}.log-keyboard-row:first-child>span:first-child,.log-keyboard-row:nth-child(3)>span:last-child{color:#fff;background:#8b9c7b;border-color:#7e8c71;flex:1.8;box-shadow:0 2px #647357}.log-keyboard-row>.log-keyboard-space{flex:5}.log-art-keyboard .log-art-caption{color:#8b8b79}.log-art-sketch{background:#eee9df}.log-sketch-sheet{color:#8c9b78;background:#fffdf5;border:1px solid #e1dbce;width:238px;padding:15px;transform:rotate(5deg);box-shadow:0 16px 20px -16px #8a786260}.log-sketch-sheet>span{color:#8d8877;font-size:8px}.log-sketch-sheet svg{width:100%;height:116px;display:block}.log-sketch-sheet small{color:#a29a83;text-align:right;font-family:Georgia,serif;font-size:7px;font-style:italic;display:block}
