:root{--background-color: #faebc4;--text-color: #302616;--accent-color: #86412e;--border-color: #9e9176;--button-bg: #c9bba0;--button-hover: #b3a295;--content-bg: rgba(250, 235, 196, .8)}.light-mode{--background-color: #faebc4;--text-color: #302616;--accent-color: #86412e;--border-color: #9e9176;--button-bg: #c9bba0;--button-hover: #b3a295;--content-bg: rgba(250, 235, 196, .8)}.dark-mode{--background-color: #302616;--text-color: #faebc4;--accent-color: #dd7762;--border-color: #9e9176;--button-bg: #473b2a;--button-hover: #5a4b39;--content-bg: rgba(48, 38, 22, .9)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,Times New Roman,Times,serif;background-color:var(--background-color);color:var(--text-color);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none"><path d="M30,20 Q40,5 50,20 Q60,35 70,20" stroke="%239e9176" stroke-width="2" fill="none" opacity="0.2" /></svg>');line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{max-width:800px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem;position:relative}.theme-toggle-container{position:absolute;top:0;right:0}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.theme-toggle:hover{background-color:var(--button-hover)}.dark-mode .theme-toggle-icon{content:"☀️"}.title{display:inline-block;position:relative;padding-bottom:.5rem}.title:after{content:"";position:absolute;bottom:0;left:-20px;right:-20px;height:2px;background-color:var(--border-color);box-shadow:0 5px 0 var(--border-color)}.title-official{color:var(--accent-color);font-style:italic;font-size:1.5rem;display:block;transform:rotate(-5deg);position:relative;top:15px;left:-20px}.title-main{font-size:2.5rem;font-weight:700}.content{background-color:var(--content-bg);padding:2rem;border-radius:5px;box-shadow:0 0 10px #0000001a;transition:background-color .3s ease}.history{margin-bottom:1rem;text-align:center}.caution{text-align:center;margin-bottom:2rem;color:var(--accent-color)}.instructions{text-align:center;margin-bottom:2rem}.test-options{margin-bottom:2rem;border:1px solid var(--border-color);padding:1rem;border-radius:5px}.categories{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.categories label{display:flex;align-items:center;gap:.5rem;cursor:pointer}#list{margin-bottom:2rem}ol{margin-left:2rem;margin-bottom:2rem}li{margin-bottom:.5rem;position:relative}input[type=checkbox]{margin-right:.5rem}.dark-mode .question-romance{background-color:#ff96961a}.dark-mode .question-intimacy{background-color:#9696ff1a}.dark-mode .question-substances{background-color:#96ff961a}.dark-mode .question-law{background-color:#ffff961a}.dark-mode .question-social{background-color:#ff96ff1a}.light-mode .question-romance{background-color:#ffc8c833}.light-mode .question-intimacy{background-color:#c8c8ff33}.light-mode .question-substances{background-color:#c8ffc833}.light-mode .question-law{background-color:#ffffc833}.light-mode .question-social{background-color:#ffc8ff33}.buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.button{background-color:#f8700b;border:none;color:#fff;padding:.75rem 1.5rem;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:5px;font-family:Georgia,Times New Roman,Times,serif;transition:background-color .3s ease}.button:hover{background-color:#0f0501}#results{text-align:center}#score{font-size:5rem;color:var(--accent-color);margin:2rem 0}.chart-container{width:100%;height:300px;margin:2rem 0;background-color:#ffffff1a;border-radius:5px;padding:1rem}#category-breakdown{margin:2rem 0;text-align:left}#category-scores{list-style-type:none}#comparison{margin:2rem 0}footer{text-align:center;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.9rem}footer a{color:var(--accent-color);text-decoration:none}footer a:hover{text-decoration:underline}@media (max-width: 768px){.container{padding:1rem}.title-official{font-size:1.2rem}.title-main{font-size:2rem}.content{padding:1rem}.buttons{flex-direction:column}.button{width:100%}}.share-export-container{margin:2rem 0;padding:1rem;border:1px solid var(--border-color);border-radius:5px;background-color:#ffffff1a}.share-export-container h3{text-align:center;margin-bottom:1rem;color:var(--accent-color)}.social-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.social-share,.export-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:5px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:background-color .3s,transform .2s}.social-share:hover,.export-button:hover{transform:translateY(-2px)}.social-share[data-platform=facebook]{background-color:#3b5998;color:#fff}.social-share[data-platform=twitter]{background-color:#1da1f2;color:#fff}.social-share[data-platform=reddit]{background-color:#ff5700;color:#fff}.social-share[data-platform=whatsapp]{background-color:#25d366;color:#fff}.export-button{background-color:#db4437;color:#fff}.social-share[data-platform=facebook]:hover{background-color:#2d4373}.social-share[data-platform=twitter]:hover{background-color:#0c85d0}.social-share[data-platform=reddit]:hover{background-color:#cc4600}.social-share[data-platform=whatsapp]:hover{background-color:#1da851}.export-button:hover{background-color:#c53929}@media (max-width: 768px){.social-buttons{flex-direction:column}.social-share,.export-button{width:100%;justify-content:center}}