:root{font-family:Arial,sans-serif;color:#000;background:#fff}*{box-sizing:border-box}body{margin:0}.ds-bootstrap{min-height:100vh;display:grid;place-items:center;padding:24px;font-size:24px;font-weight:700}
.ds-admin{max-width:760px;margin:0 auto;padding:24px;font-size:16px;font-weight:400}.ds-admin h1{font-size:28px}.ds-form{display:grid;gap:14px}.ds-form label{display:grid;gap:6px;font-weight:700}.ds-form input,.ds-form select,.ds-form textarea,.ds-form button{font:inherit;padding:10px;border:1px solid #bbb;border-radius:8px}.ds-form textarea{min-height:120px;resize:vertical}.ds-card{padding:14px 0;border-top:1px solid #ddd;display:grid;gap:6px}.ds-success{padding:10px;border:1px solid #111}.ds-error{padding:10px;border:1px solid #b00020;color:#b00020}
.ds-feed{width:min(100%,430px);min-height:100vh;margin:0 auto;background:#fff;border-left:1px solid #eee;border-right:1px solid #eee}.ds-feed-header{position:sticky;top:0;z-index:5;padding:14px 16px;background:#fff;border-bottom:1px solid #e8e8e8}.ds-feed-header h1{margin:0;text-align:center;font-size:20px}.ds-topic-list{display:grid}.ds-feed-card{border-bottom:8px solid #f4f4f4;background:#fff}.ds-feed-thumbnail{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center top;background:#f2f2f2}.ds-feed-card-body{padding:14px 16px 18px}.ds-feed-person{margin:0 0 7px;font-size:14px;font-weight:800}.ds-feed-topic{margin:0;font-size:20px;line-height:1.3}.ds-feed-source{margin:12px 0 5px;color:#666;font-size:13px}.ds-feed-source-link{display:inline-block;color:#000;font-size:13px;font-weight:700}.ds-feed-empty{margin:0;padding:32px 16px;text-align:center;color:#666}@media(min-width:431px){body{background:#f4f4f4}.ds-feed{box-shadow:0 0 0 1px #e8e8e8}}

.ds-vote{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.ds-vote-btn{appearance:none;border:2px solid #000;border-radius:10px;background:#fff;color:#000;padding:11px 12px;font:inherit;font-weight:900;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.ds-vote-false{border-color:#d40000;color:#d40000}.ds-vote-btn.is-selected{box-shadow:inset 0 0 0 2px currentColor}.ds-vote-btn:disabled{opacity:.55;cursor:wait}.ds-vote-message{min-height:18px;margin:7px 0 0;font-size:12px;color:#666}
.ds-comment-box{margin-top:14px;padding-top:14px;border-top:1px solid #ddd}.ds-comment-box[hidden]{display:none}.ds-comment-box textarea{width:100%;box-sizing:border-box;padding:10px}.ds-comment-actions{display:flex;gap:8px;margin-top:8px}.ds-comments{margin-top:16px}.ds-comment{padding:10px;margin-top:8px;border-left:4px solid #111;background:#fafafa}.ds-comment-false{border-left-color:#d40000}
.ds-feed-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ds-feed-auth{display:flex;align-items:center;gap:8px;font-size:13px}.ds-feed-auth a{font-weight:800}.ds-auth-page{width:min(100% - 28px,430px);margin:0 auto;padding:24px 0 40px}.ds-auth-page h1{margin:22px 0 16px}.ds-auth-back{font-size:14px}.ds-auth-form{display:grid;gap:14px}.ds-auth-form label{display:grid;gap:6px;font-weight:700}.ds-auth-form input,.ds-auth-form select{width:100%;box-sizing:border-box;border:1px solid #aaa;border-radius:9px;padding:12px;font:inherit;background:#fff}.ds-auth-form button{border:0;border-radius:9px;background:#000;color:#fff;padding:12px 16px;font:inherit;font-weight:900;cursor:pointer}.ds-auth-switch{margin-top:18px;font-size:14px}

.ds-account-link{font-weight:900}.ds-account-page{width:min(100% - 28px,430px);margin:0 auto;padding:22px 0 40px}.ds-account-top{display:flex;justify-content:space-between;gap:12px;font-size:14px}.ds-account-page h1{margin:20px 0 14px}.ds-account-card{border:1px solid #ddd;border-radius:12px;padding:16px;margin-top:14px;background:#fff}.ds-account-card h2{margin:0 0 12px;font-size:17px}.ds-account-card p{margin:0}.ds-account-form{display:grid;gap:12px}.ds-account-form label{display:grid;gap:6px;font-weight:700}.ds-account-form input{width:100%;box-sizing:border-box;border:1px solid #aaa;border-radius:9px;padding:12px;font:inherit}.ds-account-form button{border:0;border-radius:9px;background:#000;color:#fff;padding:12px 16px;font:inherit;font-weight:900;cursor:pointer}.ds-success{padding:10px 12px;border:1px solid #111;border-radius:9px;background:#f5f5f5}

.ds-page{width:min(100% - 28px,430px);margin:0 auto;padding:22px 0 40px}.ds-page-back{font-size:14px}.ds-page-card{margin-top:18px}.ds-page-card h1{font-size:26px;line-height:1.2;margin:0 0 16px}.ds-page-content{white-space:normal;line-height:1.65}.ds-admin-form{display:grid;gap:12px}.ds-admin-form label{display:grid;gap:6px;font-weight:700}.ds-admin-form input,.ds-admin-form select,.ds-admin-form textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #aaa;border-radius:8px;font:inherit}.ds-admin-form textarea{resize:vertical}

:root{--ds-app-width:430px;--ds-header-h:58px;--ds-footer-h:66px}.ds-site-header{position:sticky;top:0;z-index:40;height:var(--ds-header-h);display:grid;grid-template-columns:48px 1fr 48px;align-items:center;background:#fff;border-bottom:1px solid #ddd;transition:transform .18s ease}.ds-site-header.is-hidden{transform:translateY(-110%)}.ds-site-logo{text-align:center;font-size:20px;font-weight:900;text-decoration:none;color:#000}.ds-icon-btn{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:#000;font-size:23px;text-decoration:none;cursor:pointer}.ds-user-icon{justify-self:end}.ds-feed{padding-bottom:calc(var(--ds-footer-h) + 18px)}.ds-site-footer{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:40;width:min(100%,var(--ds-app-width));height:var(--ds-footer-h);display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-top:1px solid #ddd;transition:bottom .18s ease}.ds-site-footer.is-hidden{bottom:calc(-1 * var(--ds-footer-h) - 8px)}.ds-site-footer a,.ds-site-footer button{border:0;background:transparent;color:#000;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;cursor:pointer}.ds-site-footer span{font-size:19px;font-weight:900}.ds-site-footer small{font-size:10px}.ds-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:80}.ds-sheet{position:fixed;left:50%;bottom:0;z-index:81;width:min(100%,var(--ds-app-width));max-height:85vh;background:#fff;border-radius:18px 18px 0 0;transform:translate(-50%,105%);transition:transform .18s ease;overflow:hidden}.ds-sheet.is-open{transform:translate(-50%,0)}.ds-sheet-handle{width:42px;height:4px;border-radius:99px;background:#bbb;margin:8px auto 4px}.ds-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #eee}.ds-sheet-head h2{margin:0;font-size:19px}.ds-sheet-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}.ds-sheet-body{padding:16px;overflow:auto;max-height:calc(85vh - 66px);line-height:1.6}.ds-sheet-open{overflow:hidden}.ds-sheet-menu{display:grid;gap:8px}.ds-sheet-menu button{width:100%;text-align:left;border:1px solid #ddd;border-radius:10px;background:#fff;padding:12px;font:inherit;font-weight:800;cursor:pointer}.ds-sheet-page{white-space:normal}
@media(min-width:431px){.ds-site-header{width:var(--ds-app-width);margin-inline:auto}.ds-site-footer{box-shadow:0 0 0 1px #eee}}

.ds-submit-page{width:min(100% - 28px,430px);margin:0 auto;padding:22px 0 40px}.ds-submit-top{display:flex;justify-content:space-between;gap:12px;font-size:14px}.ds-submit-page h1{margin:20px 0 8px}.ds-submit-note{margin:0 0 16px;color:#555;line-height:1.5}.ds-submit-form{display:grid;gap:14px}.ds-submit-form label{display:grid;gap:6px;font-weight:700}.ds-submit-form input,.ds-submit-form textarea{width:100%;box-sizing:border-box;border:1px solid #aaa;border-radius:9px;padding:12px;font:inherit}.ds-submit-form textarea{resize:vertical}.ds-submit-form fieldset{border:1px solid #ddd;border-radius:12px;padding:14px;display:grid;gap:12px}.ds-submit-form legend{font-weight:900;padding:0 6px}.ds-submit-form>button{border:0;border-radius:9px;background:#000;color:#fff;padding:13px 16px;font:inherit;font-weight:900;cursor:pointer}.ds-inline-actions{display:flex;gap:8px;margin:10px 0}.ds-inline-actions button{border:1px solid #111;border-radius:8px;background:#fff;padding:8px 10px;font-weight:800;cursor:pointer}

.ds-vote-logo{
    justify-self:center;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:126px;
    height:38px;
    padding:0 15px;
    border:2px solid #111;
    border-radius:12px;
    background:#fff;
    line-height:1;
    box-sizing:border-box;
    text-decoration:none;
    white-space:nowrap;
}
.ds-vote-logo-true,
.ds-vote-logo-false{
    font-size:18px;
    font-weight:950;
    letter-spacing:-.02em;
}
.ds-vote-logo-true{color:#111;}
.ds-vote-logo-false{color:#c90000;}

/* Compact 55px app header */
:root{
    --ds-header-h:55px;
}
.ds-app-header{
    height:55px !important;
    min-height:55px !important;
}
.ds-app-header-inner{
    height:55px !important;
    min-height:55px !important;
}
.ds-vote-logo{
    height:35px !important;
    min-height:35px !important;
    padding:0 13px !important;
}
.ds-vote-logo-true,
.ds-vote-logo-false{
    font-size:17px !important;
}
.ds-header-menu svg,
.ds-header-user svg{
    width:27px !important;
    height:27px !important;
}

/* Larger ĐÚNG SAI logo inside compact 55px header */
.ds-vote-logo{
    height:45px !important;
    min-height:45px !important;
    padding:0 16px !important;
    border-radius:13px !important;
}
.ds-vote-logo-true,
.ds-vote-logo-false{
    font-size:20px !important;
}

/* ĐÚNG / SAI logo with inline SVG thumbs */
.ds-vote-logo{
    gap:10px !important;
}
.ds-vote-logo-side{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    line-height:1;
    font-size:20px;
    font-weight:950;
    letter-spacing:-.02em;
}
.ds-vote-logo-side--true{
    color:#111;
}
.ds-vote-logo-side--false{
    color:#c90000;
}
.ds-vote-logo-icon{
    display:block;
    width:18px;
    height:18px;
    flex:0 0 18px;
    overflow:visible;
}

/* Two-line ĐÚNG SAI brand badge */
.ds-vote-logo{
    height:45px !important;
    min-height:45px !important;
    padding:4px 12px 3px !important;
    border-radius:12px !important;
    flex-direction:column !important;
    gap:1px !important;
    line-height:1 !important;
}
.ds-vote-logo-main{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    line-height:1;
}
.ds-vote-logo-side{
    gap:3px !important;
    font-size:17px !important;
}
.ds-vote-logo-icon{
    width:16px !important;
    height:16px !important;
    flex-basis:16px !important;
}
.ds-vote-logo-subtitle{
    display:block;
    color:#555;
    font-size:9px;
    line-height:1;
    font-weight:750;
    letter-spacing:.01em;
    white-space:nowrap;
}