:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#ffffffde;background-color:#242424;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column}a{color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(prefers-color-scheme:dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}input,select{background-color:#fff;color:#000}button{background-color:#f9f9f9}}.app{text-align:center;display:flex;justify-content:center}.grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;list-style-type:none;padding:0;margin:10px 0 0}.simple-list{list-style-type:none;padding:0;margin:0}.recommendation{justify-content:space-between;align-items:center;padding:10px;margin:0;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;transition:background-color .3s,box-shadow .3s;position:relative}@keyframes addToScreen{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes blurToClear{0%{filter:blur(3px);opacity:.6}to{filter:blur(0px);opacity:1}}.loaded{animation:blurToClear .6s ease}.teaser{animation:addToScreen .6s ease;filter:blur(3px)}@keyframes spin{to{transform:rotate(360deg)}}.loading-button{display:inline-block;width:12px;height:12px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#000;animation:spin 1s linear infinite;padding:0;margin:-2px 10px 1px 0;vertical-align:middle}.simple-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;margin:5px 0;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;transition:background-color .3s,box-shadow .3s;position:relative;overflow:hidden}.item-content{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}.simple-item:hover,.recommendation:hover,.feedback-item:hover{background-color:#e9e9e9;box-shadow:0 0 10px #0000001a}.list-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item-actions{display:flex;gap:8px;border:0px solid #ddd;padding:0;width:100%;justify-content:center;overflow:hidden;transition:max-height .8s ease,opacity .4s ease}.list-item-actions.visible{max-height:800px;opacity:1}.list-item-actions.hidden{max-height:0;opacity:0;margin-top:0;padding:0;border:0px solid #ddd}.list-item-actions button{background-color:transparent;color:gray;padding:2px 0 0;border:none;cursor:pointer;transition:background-color .3s,color .3s}.list-item-actions button:hover{text-decoration:underline;background-color:transparent}.green-button{background-color:#4caf50}.green-button:hover{background-color:#45a049}.red-button{background-color:#dc3545;color:#fff}.red-button:hover{background-color:#c82333}.error-highlight{border:2px solid red;background-color:#ffe6e6}.content{min-width:350px;margin:20px 0 0;padding:0 20px 10px;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:#f9f9f9}.content-group{display:flex;flex-direction:column;gap:15px}.content-group input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}button{padding:10px;border:none;border-radius:4px;font-size:16px;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .3s;font-weight:400}button:hover{background-color:#0056b3}button:disabled{background-color:#666;cursor:not-allowed}a,a:visited{color:#007bff;text-decoration:none}a:hover{text-decoration:underline;cursor:pointer}.grid-list a{color:#000;text-decoration:none}.user-info{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}form input[type=submit]{padding:10px 20px;border:none;border-radius:4px;font-size:16px;cursor:pointer;background-color:#007bff;color:#fff;transition:background-color .3s}form input[type=submit]:hover{background-color:#0056b3}.key-value-list{list-style-type:none;padding:0;margin:0;border-collapse:collapse;width:100%}.key-value-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd;align-items:center}.key-column{font-weight:700;color:#333;flex:1;padding:5px}.value-column{color:#555;flex:1;padding:5px}.footer-button{background-color:transparent;border:none;padding:0;margin:0 10px;color:#000;font-size:15px}.footer-button:hover{background-color:transparent;color:#007bff}.footer{padding:10px 0 0;border-top:1px solid #ddd;margin:20px 0 0}.legal{max-width:650px}.legal p{text-align:justify}.notification-success{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#4caf50;color:#fff;padding:10px;border-radius:5px;box-shadow:0 0 10px #0000001a;font-size:14px;opacity:.9}.notification-error{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#dc3545;color:#fff;padding:10px;border-radius:5px;box-shadow:0 0 10px #0000001a;font-size:14px;opacity:.9}.select-dropdown{width:130px;margin:10px 5px 5px;padding:5px;font-size:20px;border-radius:5px;border:1px solid #ccc;background-color:#f9f9f9;color:#333}.select-dropdown option{padding:8px}.json-code{background-color:#f5f5f5;color:#333;padding:15px;border-radius:8px;font-family:monospace;font-size:14px;white-space:pre-wrap;overflow-x:auto;border:1px solid #ccc;text-align:left}.feedback-item{text-align:left;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;transition:background-color .3s,box-shadow .3s;position:relative;max-width:650px}.feedback-footer{padding:5px 0 0;border-top:1px solid #ddd;margin:20px 0 0}.story{max-width:650px}.story-image{width:100%}.fade-in{opacity:0;transition:opacity 2s ease-in}.visible{opacity:1}.feedback-submission{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.feedback-submission-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:999;cursor:pointer}.feedback-submission-content{position:relative;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0003;z-index:1001;width:80%;max-width:500px;text-align:center}.feedback-submission-title{margin-top:0;margin-bottom:15px;font-size:1.5em;color:#333}.feedback-submission-thank-you{margin-top:15px;margin-bottom:15px;font-size:1.5em;color:#333}.feedback-submission-content textarea{width:100%;height:100px;margin-bottom:20px;padding:10px;font-size:1em;border:1px solid #ccc;border-radius:5px;resize:none;box-sizing:border-box}.feedback-submission-content textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff4d}.button-margin-left{margin-left:10px}.logo{width:280px;margin:8px 0}.title{max-width:450px}.activity-new-input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;flex:1;min-width:90px;margin-right:4px}.activity-edit-input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;flex:1;min-width:100px;margin-left:8px;margin-right:8px;text-align:center}.activity-edit-button{filter:grayscale(100%) brightness(80%);padding:0;margin-bottom:-4px;transition:filter .3s ease}.activity-edit-button:hover{filter:grayscale(0%) brightness(100%)}.activity-select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;flex:1;margin-right:4px}.activity-new{align-items:center;display:flex;justify-content:space-between;max-width:368px;padding:8px;margin:10px auto;border-radius:5px;background-color:#ddd;flex-wrap:wrap}.activities-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:16px;margin:16px 0 0;gap:8px}.activities-filter{padding:4px;border:1px solid #ddd;border-radius:4px;font-size:16px}.activity-icon{position:absolute;inset:0;width:65px;height:100%;object-fit:cover}.activity-store-icon{width:64px;margin:-12px 0 -10px -10px}.image-container{width:64px;height:auto;margin-right:5px}.activity-interaction-button{padding:0}.activity-name{margin:0 4px;flex-wrap:wrap}.activity-meta{color:#555;text-align:right;margin-left:4px}.activity-meta-icon{position:relative;top:2px}.content-margin{margin-top:16px}.profit{color:green}.loss{color:#8b0000}.trade-summary{text-align:center}.bold{font-weight:700}.trade-header{display:grid;grid-template-columns:50px 90px 60px 60px;text-align:left;padding-left:8px;padding-right:8px}.trade-add-column{width:100%}.trade-add-input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;margin:2px;width:42%}.trade-add-button{width:100%}.trade-filter-group{margin-top:20px;text-align:right}.recommendationLikeBox{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border:1px solid #ddd;border-radius:4px;min-width:15px}.likeButton{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:0}.userEmail{word-break:break-word;overflow-wrap:anywhere}