.app{font-family:Inter,ui-sans-serif,system-ui;padding:2rem;max-width:720px;margin:auto;line-height:1.6;color:#333}.title{font-size:2rem;margin-bottom:.75rem}.section-title{margin-top:2rem;font-size:1.3rem}.desc{margin-bottom:1rem}.green{color:#1a8f3e;font-weight:600}.code-block{background:#f1f3f5;padding:1rem;border-radius:8px;border-left:4px solid #888;font-size:.95rem;margin-bottom:1.5rem}.css-input{width:100%;padding:12px;font-family:JetBrains Mono,monospace;border-radius:6px;border:1px solid #ccc;font-size:.95rem;resize:vertical;margin-bottom:1rem;background:#fafafa}.css-input:focus{outline:none;border-color:#5a8dee;box-shadow:0 0 0 3px rgba(90,141,238,.2)}.submit-btn{padding:10px 18px;background:#0140b6;color:white;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s ease}.submit-btn:hover{background:#3a6edc}.submit-btn:active{background:#2c5fc1}.hint-title{margin-top:2rem;font-weight:600}.hint-list{padding-left:1.2rem;margin-top:.5rem}.hint-list code{background:#eee;padding:4px 6px;border-radius:4px;font-size:.85rem}#h2-id{color:red}