:root{font-family:Times New Roman,Times,serif;line-height:1.5;font-weight:400;color:#000;background-color:#fdf6e3;--vh:1vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:20px;min-width:320px;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);background-image:url(/background-wlu.png);background-repeat:space;background-size:150px;background-color:#fdf6e3;position:relative}h1{font-size:2.5em;line-height:1.1;color:#8b0000;margin-bottom:10px;text-decoration:underline}.app-container{max-width:800px;margin:0 auto;padding:2rem;text-align:center;background-color:hsla(44,87%,94%,.9);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.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}.header{margin-bottom:20px}.custom-header{padding:10px 0 20px;text-align:center;margin-bottom:30px;max-width:1100px;margin-left:auto;margin-right:auto;flex-direction:column;align-items:center}.custom-header,.header-top{position:relative;display:flex}.header-top{justify-content:center;align-items:flex-end;margin-bottom:-5px;width:100%}.official-text{position:relative;font-size:3rem;color:#8b0000;transform:rotate(-5deg) translateY(-5px);text-decoration:line-through;margin-right:20px;z-index:1;position:absolute;left:5%;top:10px}.official-text,.purity-text{font-family:Times New Roman,Times,serif;font-weight:700;display:inline-block}.purity-text{font-size:4.5rem;color:#000;line-height:1;position:relative;padding:0 30px;margin:40px auto 0}.purity-text:after,.purity-text:before{content:"";position:absolute;height:2px;top:50%;width:150px}.purity-text:before{right:100%;margin-right:10px}.purity-text:after{left:100%;margin-left:10px}.tagline{font-family:Times New Roman,Times,serif;font-style:italic;font-size:1.2rem;margin-top:15px}.description,.subtitle{font-style:italic;margin-bottom:20px}.description{font-size:1.1em;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.caution{font-weight:700;margin-bottom:30px;font-size:1.2em}.instructions{margin-bottom:30px;font-size:1.1em}.mps-text{font-weight:700}.question-list{text-align:left;margin:0 auto;max-width:700px}.question{margin-bottom:10px;display:flex;align-items:flex-start}.question-number{margin-right:10px;min-width:25px}.question input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.question label{cursor:pointer}.result-section{margin-top:30px;text-align:center}.calculate-btn{background-color:#4a008b;color:#fff;border:none;padding:10px 20px;font-size:1.2em;cursor:pointer;border-radius:5px;margin-bottom:20px}.calculate-btn:hover{background-color:#2b0050}.calculate-btn:disabled{background-color:#ccc;cursor:not-allowed}.result{font-size:2em;font-weight:700;margin-top:20px}.result-explanation{margin-top:10px;font-style:italic}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width:768px){.app-container{padding:1rem;margin:0 10px}h1{font-size:2em}.question-list{padding-left:0}.purity-text{font-size:3.5rem}.official-text{font-size:2.2rem;left:0}.question{margin-bottom:15px}.question input[type=checkbox]{transform:scale(1.3);margin-right:15px}}@media (max-width:480px){body{padding:10px;background-size:100px}.app-container{padding:1rem .5rem}.purity-text{font-size:2.5rem;padding:0 10px;margin-top:50px}.purity-text:after,.purity-text:before{width:50px}.official-text{font-size:1.8rem;transform:rotate(-5deg) translateY(-2px);top:5px}.tagline{font-size:1rem}.caution,.description{font-size:.95em;padding:0 10px}.question-number{min-width:20px}.question label{font-size:.95em;line-height:1.4}.calculate-btn,.share-btn{width:100%;max-width:250px;font-size:1.1em;padding:12px 0}.result{font-size:1.7em}.result-explanation{font-size:.95em;padding:0 10px}}.share-btn{background-color:#4a008b;color:#fff;border:none;padding:10px 20px;font-size:1.2em;cursor:pointer;border-radius:5px;margin-top:20px}.share-btn:hover{background-color:#2b0050}.share-btn-text{margin-top:10px;font-style:italic}