﻿#cc-banner *{box-sizing:border-box;margin:0;padding:0;}
#cc-banner{display:none;position:fixed;bottom:0;left:0;right:0;z-index:99999;padding:12px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}
#cc-banner .cc-box{max-width:480px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.15);overflow:hidden;max-height:88vh;display:flex;flex-direction:column;}
#cc-banner .cc-header{padding:24px 24px 16px;}
#cc-banner .cc-title{font-size:18px;font-weight:700;color:#111827;margin-bottom:6px;}
#cc-banner .cc-desc{font-size:13px;line-height:1.55;color:#6b7280;}
#cc-banner .cc-desc a{color:#23A074;text-decoration:underline;}
#cc-banner .cc-body{padding:0 24px;overflow-y:auto;flex:1;}
#cc-banner .cc-cat{border:1px solid #f0f0f0;border-radius:10px;margin-bottom:8px;overflow:hidden;transition:border-color .2s;}
#cc-banner .cc-cat:hover{border-color:#e0e0e0;}
#cc-banner .cc-cat-head{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;}
#cc-banner .cc-cat-head.cc-locked{cursor:default;}
#cc-banner .cc-switch{position:relative;width:36px;height:20px;flex-shrink:0;}
#cc-banner .cc-switch input{opacity:0;width:0;height:0;position:absolute;}
#cc-banner .cc-switch .cc-slider{position:absolute;inset:0;background:#d1d5db;border-radius:20px;transition:background .2s;cursor:pointer;}
#cc-banner .cc-switch .cc-slider::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15);}
#cc-banner .cc-switch input:checked+.cc-slider{background:#23A074;}
#cc-banner .cc-switch input:checked+.cc-slider::after{transform:translateX(16px);}
#cc-banner .cc-switch input:disabled+.cc-slider{background:#23A074;opacity:.6;cursor:default;}
#cc-banner .cc-cat-info{flex:1;min-width:0;}
#cc-banner .cc-cat-name{font-size:14px;font-weight:600;color:#111827;line-height:1.3;}
#cc-banner .cc-cat-sub{font-size:11.5px;color:#9ca3af;margin-top:1px;}
#cc-banner .cc-arrow{width:20px;height:20px;flex-shrink:0;transition:transform .25s;color:#9ca3af;cursor:pointer;}
#cc-banner .cc-arrow.cc-open{transform:rotate(180deg);}
#cc-banner .cc-details{display:none;border-top:1px solid #f3f4f6;background:#fafbfc;padding:10px 14px;}
#cc-banner .cc-details.cc-open{display:block;}
#cc-banner .cc-cookie-row{display:flex;align-items:baseline;gap:6px;padding:5px 0;border-bottom:1px solid #f0f0f0;font-size:12px;line-height:1.4;}
#cc-banner .cc-cookie-row:last-child{border-bottom:none;}
#cc-banner .cc-ck-name{font-weight:600;color:#374151;white-space:nowrap;min-width:90px;font-family:'SF Mono',SFMono-Regular,Menlo,monospace;font-size:11px;background:#f0f0f0;padding:1px 5px;border-radius:4px;}
#cc-banner .cc-ck-desc{flex:1;color:#6b7280;}
#cc-banner .cc-ck-time{color:#9ca3af;white-space:nowrap;font-size:11px;}
#cc-banner .cc-footer{display:flex;gap:8px;padding:16px 24px 20px;justify-content:stretch;}
#cc-banner .cc-btn{flex:1;padding:10px 8px;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .15s;text-align:center;line-height:1.3;}
#cc-banner .cc-btn-reject{border:1px solid #e5e7eb;background:#fff;color:#6b7280;}
#cc-banner .cc-btn-reject:hover{background:#f9fafb;border-color:#d1d5db;}
#cc-banner .cc-btn-save{border:1px solid #23A074;background:#fff;color:#23A074;}
#cc-banner .cc-btn-save:hover{background:#f0fdf9;}
#cc-banner .cc-btn-accept{border:none;background:#23A074;color:#fff;}
#cc-banner .cc-btn-accept:hover{background:#1e8f66;}
@media(max-width:480px){
    #cc-banner .cc-footer{flex-wrap:wrap;}
    #cc-banner .cc-btn{flex:unset;width:100%;}
}