*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}:root{--leftbar-width: 72px}.app{width:100%;display:flex;gap:0;overflow-x:hidden}.content{flex:1;min-width:0;margin-left:calc(var(--leftbar-width) + 16px);margin-right:16px;min-height:100dvh}@media(max-width:900px),(max-height:760px){:root{--leftbar-width: 64px}}.leftBar{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;height:100dvh;position:fixed;top:0;left:0;z-index:20;width:72px;padding:16px 0;border-right:1px solid lightgrey;background:#fff;overflow:hidden}.menuIcons{display:flex;flex-direction:column;flex:1;gap:12px;align-items:center}.menuIcon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#fff;border:1px solid #e4e4e4;box-shadow:0 2px 8px #00000014;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.menuIcon:hover{background-color:#f5f5f5;transform:translateY(-1px);box-shadow:0 6px 14px #0000001f}.menuIcon:active{transform:translateY(0)}.menuIcon img,.menuIcon svg{width:24px;height:24px;object-fit:contain;filter:contrast(1.1) saturate(1.1)}.settingsIcon{margin-top:auto;margin-bottom:8px}.logo{width:24px;height:24px}@media(max-width:900px),(max-height:760px){.leftBar{width:64px;padding:12px 0}.menuIcons{gap:10px}.menuIcon{width:46px;height:46px;border-radius:12px}.menuIcon img,.menuIcon svg,.logo{width:22px;height:22px}}.userButton{display:flex;align-items:center;gap:16px;position:relative}.userButton img{width:36px;height:36px;border-radius:50%;object-fit:cover}.userButton .arrow{cursor:pointer;width:16px;height:16px}.userOptions{position:absolute;right:0;top:120%;padding:16px;border-radius:8px;background-color:#fff;z-index:999;flex-direction:column;font-size:14px;display:flex;box-shadow:0 0 4px 1px #0000002d}.userOption{cursor:pointer;padding:8px;border-radius:8px}.userOption:hover{background-color:#f1f1f1;color:gray}.loginLink{font-size:18px;padding:16px;border-radius:32px}.loginLink:hover{background-color:#f1f1f1}@media(max-width:475px){.userButton{display:none}}.topBar{margin:16px 0;display:flex;align-items:center;gap:16px}.search{flex:1;background-color:#f1f1f1;border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px}.search input{flex:1;border:none;background:transparent;font-size:16px;outline:none}