@import"https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;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-weight:500;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}}body,#root,.app-bg{min-height:100vh;margin:0;background:#f7f6f2;font-family:Indie Flower,cursive,sans-serif}.app-bg{padding:2rem 0;display:flex;flex-direction:column;align-items:center;width:100vw}.menu{width:80vw;max-width:900px;margin:0 auto 2rem;display:flex;justify-content:center;gap:1.5rem}.menu-btn{background:#fffbe7;border:2px dashed #e0c97f;color:#bfa13b;font-size:1.1rem;padding:.5em 1.2em;border-radius:12px;cursor:pointer;font-family:inherit;transition:background .2s}.menu-btn.selected,.menu-btn:hover{background:#fff3b0}.main-title{font-size:2.5rem;margin-bottom:1.5rem;letter-spacing:2px;color:#3a3a3a;text-shadow:1px 2px 0 #fff,2px 4px 6px #d1cfc7;text-align:center;width:100%}.add-comparison-btn{background:#fffbe7;border:2px dashed #e0c97f;color:#bfa13b;font-size:1.1rem;padding:.5em 1.2em;border-radius:12px;margin-bottom:2rem;cursor:pointer;font-family:inherit;transition:background .2s;display:block;margin-left:auto;margin-right:auto}.add-comparison-btn:hover{background:#fff3b0}.comparisons-list{display:flex;flex-direction:column;align-items:center;width:80vw;max-width:900px;margin:0 auto;gap:2rem;justify-content:center}.comparison-paper{background:#fffbe7;border:2px solid #e0c97f;border-radius:18px;box-shadow:0 6px 24px #e0c97f55,0 1.5px #e0c97f;padding:2rem 1.5rem 1.5rem;width:100%;min-width:320px;max-width:900px;margin:0 auto 1rem;display:flex;flex-direction:column;position:relative}.comparison-header{display:flex;align-items:center;margin-bottom:1.2rem}.comparison-title{font-size:1.3rem;font-family:inherit;border:none;background:transparent;border-bottom:2px dashed #e0c97f;width:100%;outline:none;color:#bfa13b;font-weight:700;margin-right:.5em}.remove-comparison-btn{background:none;border:none;color:#e57373;font-size:1.3rem;cursor:pointer;margin-left:.2em;transition:color .2s}.remove-comparison-btn:hover{color:#b71c1c}.columns{display:flex;gap:1.5rem;justify-content:space-between}.column{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #e0c97f33;padding:1rem .7rem 1.2rem;min-width:120px;display:flex;flex-direction:column;align-items:center;text-align:center}.column h2{margin:0 0 .7em;font-size:1.2rem;color:#bfa13b;letter-spacing:1px}ul{list-style:none;padding:0;width:100%;display:flex;flex-direction:column;align-items:center}.list-item{display:flex;align-items:center;justify-content:center;margin-bottom:.5em;width:100%}.list-item input{flex:none;font-family:inherit;font-size:1rem;border:none;border-bottom:1.5px solid #e0c97f;background:transparent;outline:none;color:#3a3a3a;padding:.2em .4em;margin-right:.4em;transition:border .2s;text-align:center;min-width:180px;max-width:420px;width:auto}.list-item input:focus{border-bottom:2.5px solid #bfa13b}.remove-item-btn{background:none;border:none;color:#e57373;font-size:1.1rem;cursor:pointer;margin-left:.2em;transition:color .2s}.remove-item-btn:hover{color:#b71c1c}.add-item-btn{background:#fffbe7;border:1.5px dashed #e0c97f;color:#bfa13b;font-size:.95rem;padding:.3em .8em;border-radius:8px;margin-top:.5em;cursor:pointer;font-family:inherit;transition:background .2s}.add-item-btn:hover{background:#fff3b0}.list-textarea{font-family:inherit;font-size:1rem;border:none;border-bottom:1.5px solid #e0c97f;background:transparent;outline:none;color:#3a3a3a;padding:.2em .4em;margin-right:.4em;transition:border .2s;text-align:center;min-width:180px;max-width:420px;width:100%;min-height:2.2em;max-height:8em;resize:vertical;border-radius:8px;box-sizing:border-box}.list-textarea:focus{border-bottom:2.5px solid #bfa13b;background:#fffbe7}.move-btn{background:#fffbe7;border:1.5px dashed #e0c97f;color:#bfa13b;font-size:1.1rem;border-radius:6px;cursor:pointer;font-family:inherit;padding:.1em .5em;margin:0;transition:background .2s,color .2s}.move-btn:disabled{cursor:not-allowed;color:#e0c97f;background:#f7f6f2}.move-btn:not(:disabled):hover{background:#fff3b0;color:#a88c2b}.collapse-btn{background:#fffbe7;border:1.5px dashed #e0c97f;color:#bfa13b;font-size:1.2rem;border-radius:6px;cursor:pointer;font-family:inherit;padding:.1em .5em;margin:0 .5em 0 0;transition:background .2s,color .2s;height:2em;display:flex;align-items:center;justify-content:center}.collapse-btn:hover{background:#fff3b0;color:#a88c2b}@media (max-width: 900px){.menu,.comparisons-list{width:98vw;max-width:100vw}.comparison-paper{width:auto}.columns{flex-direction:column;gap:1.2rem}.column{width:100%;min-width:0;padding:.7rem .2rem 1rem}.main-title{font-size:2rem}.disclaimer{font-size:.98rem;padding:.5em}.footer-vibe{font-size:.98rem}.add-comparison-btn{font-size:1rem;padding:.4em .8em}.list-textarea{min-width:90px;max-width:98vw;font-size:.98rem}.comparison-title{font-size:1.05rem}.menu{flex-wrap:wrap;overflow-x:auto;gap:.7rem;justify-content:flex-start;padding-bottom:.5em}.menu-btn{min-width:120px;font-size:.98rem;padding:.4em .7em}.footer-vibe{padding-bottom:1.5em}.export-import-bar{flex-direction:column!important;gap:8px!important;align-items:stretch!important}}.disclaimer{background:#fffbe7;border:1.5px dashed #e0c97f;color:#bfa13b;font-size:1.05rem;border-radius:12px;padding:.7em 1.2em;margin:1.2em auto 1.5em;max-width:700px;text-align:center;box-shadow:0 2px 8px #e0c97f33}.footer-vibe{margin-top:3em;color:#bfa13b;font-size:1.1rem;text-align:center;letter-spacing:1px;opacity:.85;font-family:inherit}.bmc-btn{display:inline-flex;align-items:center;background:#ffdd00;color:#3a3a3a;font-weight:700;font-size:1.1rem;border-radius:8px;padding:.4em 1.2em;box-shadow:0 2px 8px #e0c97f33;border:2px solid #e0c97f;text-decoration:none;transition:background .2s,color .2s;margin:0 auto}.bmc-btn:hover{background:#ffe066;color:#bfa13b}.progress-bar-wrap{width:100%;margin-bottom:.7em;display:flex;flex-direction:column;align-items:center}.progress-bar-bg{width:90%;height:18px;background:#f7f6f2;border-radius:10px;box-shadow:0 1px 4px #e0c97f33;display:flex;overflow:hidden;position:relative}.progress-bar-pros{background:#fffbe7;height:100%;transition:width .5s cubic-bezier(.4,2,.6,1)}.progress-bar-cons{background:#ffeaea;height:100%;transition:width .5s cubic-bezier(.4,2,.6,1)}.progress-bar-label{margin-top:.2em;font-size:1.05rem;font-weight:700;letter-spacing:1px;text-align:center;text-shadow:1px 1px 0 #fffbe7;display:flex;align-items:center;gap:.4em}.export-btn{background:#e3f0ff;border:2px solid #7bb6fa;color:#2563a6;font-weight:700;font-size:1.08rem;border-radius:12px;padding:.5em 1.2em;margin:0 .2em;cursor:pointer;font-family:inherit;transition:background .2s,color .2s,border .2s;box-shadow:0 2px 8px #7bb6fa22}.export-btn:hover{background:#d0e7ff;color:#174a7c;border-color:#2563a6}.copy-btn{background:#fffbe7;border:1.5px dashed #e0c97f;color:#bfa13b;font-size:1rem;border-radius:8px;cursor:pointer;font-family:inherit;padding:.2em .9em;margin:0 .1em;transition:background .2s,color .2s;display:flex;align-items:center;gap:.3em}.copy-btn:hover{background:#fff3b0;color:#a88c2b}