*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;font-size:13px;background-color:#fff;color:#000;line-height:1.4}a{color:#00c;text-decoration:underline}a:visited{color:#551a8b}a:hover{color:#c00}.header{background:linear-gradient(180deg,#66c 0,#99f);padding:8px 0;text-align:center;border-bottom:3px solid navy}.logo{font-family:Arial Black,Arial,sans-serif;font-size:48px;font-weight:700;color:red;text-shadow:3px 3px 0 #ff0,-1px -1px 0 #000;letter-spacing:2px}.logo-subtitle{font-size:14px;color:#fff;font-weight:700;margin-top:4px}.search-container{background-color:#ffc;padding:10px;text-align:center;border-bottom:2px solid #cc9}.search-box{padding:4px 8px;font-size:14px;border:2px inset #ccc;width:300px;font-family:Arial,sans-serif}.search-button{padding:4px 16px;font-size:14px;background:#ddd;border:2px outset #fff;cursor:pointer;font-weight:700;margin-left:4px}.search-button:active{border:2px inset #ccc}.nav-bar{background-color:#fc0;padding:6px 10px;text-align:center;border-bottom:1px solid #c90}.nav-bar a{color:navy;font-weight:700;font-size:12px;margin:0 10px;text-decoration:none}.nav-bar a:hover{text-decoration:underline}.main-content{max-width:900px;margin:0 auto;padding:20px}.category-section{background-color:#f5f5f5;border:1px solid #ccc;padding:12px}.category-header{display:flex;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #66c}.category-icon{width:24px;height:24px;margin-right:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.category-title{font-size:16px;font-weight:700;color:navy}.site-list{list-style:none}.site-item{margin-bottom:10px;padding-bottom:8px;border-bottom:1px dotted #ccc}.site-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.site-name{font-weight:700;font-size:14px}.site-name a{color:#00c}.new-badge{background-color:red;color:#fff;font-size:9px;font-weight:700;padding:1px 4px;margin-left:6px;vertical-align:middle}.site-description{color:#333;font-size:12px;margin-top:2px}.site-url{color:#060;font-size:11px;margin-top:2px}.submit-container{max-width:600px;margin:0 auto;padding:20px}.submit-title{font-size:24px;font-weight:700;color:navy;text-align:center;margin-bottom:20px;padding-bottom:10px;border-bottom:3px double #66c}.submit-form{background-color:#f0f0f0;border:2px ridge #ccc;padding:20px}.form-group{margin-bottom:15px}.form-label{display:block;font-weight:700;margin-bottom:4px;color:#333}.form-input,.form-select,.form-textarea{width:100%;padding:6px 8px;font-size:14px;border:2px inset #ccc;font-family:Arial,sans-serif;background-color:#fff}.form-textarea{height:80px;resize:vertical}.submit-button{background:linear-gradient(180deg,#fc0 0,#f90);border:2px outset #fc0;padding:8px 24px;font-size:16px;font-weight:700;cursor:pointer;color:#000}.submit-button:hover{background:linear-gradient(180deg,#fd3 0,#fa3)}.submit-button:active{border:2px inset #c90}.required{color:#c00}.footer{background-color:#f5f5f5;border-top:2px solid #ccc;padding:15px;text-align:center;margin-top:30px;font-size:11px;color:#666}.footer-links{margin-bottom:10px}.footer-links a{color:#00c;margin:0 8px;font-size:11px}.success-message{background-color:#cfc;border:2px solid #0c0;padding:15px;text-align:center;margin:20px 0}.success-message h3{color:#060;margin-bottom:8px}.mode-toggle{display:flex;justify-content:center;gap:0;background-color:#e0e0e0;padding:4px}.mode-btn{padding:8px 24px;font-size:14px;font-weight:700;border:2px outset #fff;background:#ccc;cursor:pointer;color:#333}.mode-btn.active{background:linear-gradient(180deg,#66c 0,#99f);color:#fff;border:2px inset #339}.mode-btn:hover:not(.active){background:#ddd}.featured-box{background-color:#ffc;border:3px double #c90;margin-bottom:20px}.featured-header{background:linear-gradient(90deg,#fc0,#f90);padding:8px 12px;font-weight:700;font-size:16px;color:#000}.featured-content{padding:12px}.featured-link{font-size:18px;font-weight:700}.new-section{background-color:#e8ffe8;border:1px solid #6c6;padding:12px;margin-bottom:20px}.new-section h3{margin:0 0 10px;color:#060;font-size:14px}.new-sites-list{display:flex;flex-wrap:wrap;gap:8px}.new-site-tag{background-color:#fff;border:1px solid #9c9;padding:4px 8px;font-size:12px}.new-site-tag a{color:#060;text-decoration:none}.new-site-tag a:hover{text-decoration:underline}.notify-box{background-color:#e8e8ff;border:2px ridge #99c;padding:15px;margin-bottom:20px}.notify-form label{display:block;font-weight:700;margin-bottom:8px;color:#339}.notify-input-row{display:flex;gap:8px}.notify-input-row .form-input{flex:1 1}.notify-input-row .submit-button{padding:6px 16px;font-size:14px}.subscribed-msg{color:#060;font-weight:700;margin:0}.vote-btn{background:#f0f0f0;border:1px solid #ccc;padding:2px 8px;font-size:11px;cursor:pointer;margin-left:8px;border-radius:3px}.vote-btn:hover:not(.voted){background:#e0e0e0}.vote-btn.voted{background:#cfc;border-color:#6c6;cursor:default}.agent-intro{background:linear-gradient(180deg,#1a1a2e 0,#16213e);color:#0f0;padding:20px;margin-bottom:20px;font-family:Courier New,monospace}.agent-intro h2{margin:0 0 10px;color:#0f0}.agent-intro p{margin:0;color:#0c0}.api-section{background-color:#f5f5f5;border:1px solid #ccc;padding:15px;margin-bottom:15px}.api-section h3{margin:0 0 10px;color:navy;font-size:16px}.api-section h4{margin:15px 0 8px;color:#333;font-size:13px}.api-section p{margin:8px 0;font-size:13px}.code-block{background-color:#1a1a2e;color:#0f0;padding:12px;font-family:Courier New,monospace;font-size:12px;overflow-x:auto;border:1px solid #333}.code-block code{color:#0ff}pre.code-block{white-space:pre-wrap;word-wrap:break-word}@media (max-width:700px){.logo{font-size:36px}.search-box{width:200px}.notify-input-row{flex-direction:column}.mode-btn{padding:8px 16px;font-size:12px}}