:root{font-family:Arial,Helvetica,sans-serif;background:#f3f5ef;color:#264536;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7b9d52;outline-offset:4px}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:22px 4%;background:#fff;border-bottom:1px solid #e0e7d8;gap:20px}.brand{font-size:23px;letter-spacing:-1px;font-weight:700}.brand span{font-weight:400}.admin-header>a:last-child{font-size:11px}.admin-shell{display:grid;grid-template-columns:260px 1fr;max-width:1480px;margin:auto;min-height:calc(100vh - 73px)}.admin-sidebar{padding:40px 26px;border-right:1px solid #dfe7d7;display:flex;flex-direction:column;background:#edf2e6}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#8aa074;margin:0 0 13px}.admin-sidebar h1{font-size:29px;letter-spacing:-1px;font-weight:400;margin:0 0 32px}.admin-sidebar nav{display:flex;flex-direction:column;gap:8px}.admin-sidebar nav a{font-size:12px;padding:15px 13px;border-radius:10px;display:flex;gap:13px;align-items:center;color:#738968}.admin-sidebar nav a span{font-size:9px;color:#93a482}.admin-sidebar nav a[aria-current=page]{background:#274a38;color:#e5efda;box-shadow:0 5px 15px #274a3818}.sidebar-note{padding:22px 15px;background:#e0eacb;border:1px solid #d4e1bc;border-radius:14px;margin:40px 0 25px}.sidebar-note>span{font-family:Georgia,serif;font-size:21px;line-height:1.25}.sidebar-note p{font-size:10px;line-height:1.8;color:#7a8e62}.logout{border:0;background:none;color:#7c9169;font-size:11px;padding:10px 0}.admin-sidebar>form{margin-top:auto}.editor{padding:40px 6%;min-width:0}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.editor-heading h2{font-size:35px;letter-spacing:-1px;font-weight:400;margin:0}.editor-heading>a{font-size:11px;border:1px solid #d6e0cb;background:white;border-radius:25px;padding:11px 18px}.editor-form{padding:27px;background:#fff;border:1px solid #e0e7d9;border-radius:18px;box-shadow:0 8px 25px #31553504;display:flex;flex-direction:column;gap:23px}.editor label,.login-card label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#57724a}.editor small{display:block;font-size:9px;color:#91a081;font-weight:400}.editor input:not([type=checkbox]),.editor textarea,.editor select,.login-card input{width:100%;min-width:0;max-width:100%;border:1px solid #dae4cf;background:#f8faf5;border-radius:9px;padding:13px 14px;font-size:14px;color:#2a4a34}.editor textarea{resize:vertical;min-height:80px}.field-row{display:grid;grid-template-columns:1fr;gap:20px}.hint{font-size:10px;line-height:1.7;color:#8b9b7d;margin:0}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.upload-box{min-width:0;background:#f6f9f1;border:1px dashed #c4d4af;border-radius:13px;padding:20px;display:flex;flex-direction:column;gap:18px}.editor input[type=file]{padding:12px 8px;font-size:10px;background:white}.editor input[type=file]::file-selector-button{border:0;border-radius:5px;background:#e5edda;color:#5c7545;padding:9px 11px;margin-right:8px;font-size:10px;cursor:pointer}.upload-box video{width:100%;max-height:180px;border-radius:10px;background:#183d29}.upload-box audio{width:100%;height:42px}.save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #edf1e6}.save-bar>span{font-size:10px;color:#8a9b78}.primary{border:0;border-radius:9px;padding:14px 24px;background:#284b36;color:#edf6df;font-size:12px;box-shadow:0 4px 0 #183d29;white-space:nowrap}.primary:disabled{opacity:.5}.secondary{border:1px solid #ccdcbc;border-radius:9px;padding:12px 18px;background:#e7efd9;color:#426036;font-size:12px}.notice{padding:16px 20px;border:1px solid #c9dfab;background:#e5f1d1;border-radius:11px;font-size:12px;margin:0 0 22px}.item-picker{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:22px}.item-picker>label{grid-column:1/-1;font-size:10px}.editor .checkbox{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:10px}.checkbox input{width:15px;height:15px;accent-color:#426036}.remove-item{font-size:10px;color:#9b8879;margin:20px 0}.remove-item summary{cursor:pointer}.remove-item p{line-height:1.6}.danger{border:1px solid #dfcebd;border-radius:8px;background:#f5e9dd;color:#9e5d42;padding:10px 15px;font-size:10px}.login-card{max-width:430px;margin:10vh auto;padding:35px;background:white;border:1px solid #e0e7d9;border-radius:20px;box-shadow:0 15px 50px #234a2710}.login-card h1{font-size:30px;font-weight:400;letter-spacing:-1px;margin:0 0 28px}.login-card form{display:flex;flex-direction:column;gap:22px}.login-card p{font-size:12px;line-height:1.8}.login-card .primary{width:100%}@media(max-width:850px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{padding:22px 5%;border:0;border-bottom:1px solid #dfe7d7}.admin-sidebar h1,.sidebar-note{display:none}.admin-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:6px}.admin-sidebar nav a{padding:10px 12px;font-size:11px}.admin-sidebar>form{align-self:flex-end;margin-top:7px}.editor{padding:25px 5%}.editor-heading h2{font-size:29px}.editor-form{padding:21px}.upload-grid{grid-template-columns:1fr}.save-bar{flex-direction:column;align-items:stretch}.save-bar .primary{width:100%}.admin-header .brand{font-size:20px}.admin-header>a:last-child{font-size:10px}.login-card{margin:8vh 5%;max-width:none}.editor input:not([type=file]),.editor textarea,.editor select,.login-card input{font-size:16px}}

.home-image-preview{display:block;max-width:100%;width:620px;max-height:350px;object-fit:contain;border-radius:12px;margin-top:18px;background:#211d19}

.listen-summary{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px;margin-bottom:25px}.listen-summary>div{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #d8dfce;border-radius:18px;background:#fff;box-shadow:0 5px 16px #21382a06}.listen-summary span{font-size:13px;color:#536b50}.listen-summary strong{font-size:40px;line-height:1.12;letter-spacing:-1px;font-variant-numeric:tabular-nums}.listen-summary small{font-size:12px;color:#687963}.listen-summary .listen-leader{background:linear-gradient(130deg,#30271e,#181b19);border-color:#b8935f;color:#ffe0a9}.listen-leader span,.listen-leader small{color:#d9bea0}.listen-leader strong{font-size:21px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}.listen-records{padding:25px;background:#fff;border:1px solid #dce3d4;border-radius:18px}.listen-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.listen-heading h3{margin:0;font-size:21px;font-weight:500}.listen-description,.listen-empty{font-size:13px;color:#64745a;line-height:1.6}.listen-ranking{list-style:none;margin:20px 0 0;padding:0}.listen-ranking li{display:flex;align-items:center;gap:16px;padding:19px 0;border-top:1px solid #e6ebdf}.listen-rank{font-size:13px;color:#869576;min-width:24px}.listen-title{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}.listen-title a{font-size:16px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.listen-title a:hover{text-decoration:underline}.listen-title>span{font-size:12px;color:#79896c}.listen-score{text-align:right;display:flex;flex-direction:column;gap:5px}.listen-score strong{font-size:28px;font-variant-numeric:tabular-nums}.listen-score span{font-size:11px;color:#7b876d}.listen-explanation{margin-top:24px;padding:19px 22px;border:1px solid #d8dfce;border-radius:14px;font-size:13px;color:#5c6e52;line-height:1.7}.listen-explanation summary{cursor:pointer;font-size:14px;font-weight:600}.listen-explanation p:last-child{margin-bottom:0}@media(max-width:700px){.listen-summary{grid-template-columns:1fr 1fr;gap:10px}.listen-summary>div{padding:19px}.listen-summary .listen-leader{grid-column:1/-1}.listen-records{padding:20px 16px}.listen-ranking li{gap:10px}.listen-title a{font-size:15px}.listen-score strong{font-size:24px}.listen-summary strong{font-size:34px}.listen-leader strong{font-size:20px}}