:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#ededed;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.chrome-container{border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden;margin:20px auto}.chrome-header{background:#f1f1f1;display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #ccc}.chrome-header .dots{display:flex;gap:8px;margin-right:auto}.chrome-header .dot{width:12px;height:12px;border-radius:50%}.dot.red{background-color:#ff5f57}.dot.yellow{background-color:#ffbd2e}.dot.green{background-color:#28c840}.chrome-content{background:#fff;overflow-y:auto}.chrome-title{color:#022142}.sidebar{width:100%;height:100vh;background-color:#f9f9fb;border-right:1px solid #ddd;padding:16px;box-sizing:border-box;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar-title{font-size:18px;font-weight:600;margin:0;color:#333}.back-button{background:none;border:none;font-size:14px;cursor:pointer;color:#555}.sidebar-list{list-style:none;padding:0;margin:0;flex-grow:1;overflow-y:auto}.sidebar-item{margin-bottom:8px}.sidebar-button{width:100%;background-color:#fff;border:1px solid #ddd;padding:10px 12px;text-align:left;border-radius:4px;cursor:pointer;font-size:14px;position:relative;transition:background-color .2s ease;color:#000}.sidebar-button:hover{background-color:#f0f0f5}.arrow{position:absolute;right:12px;font-size:14px;color:#888}