[hidden]{display:none!important}
.db-install{max-width:1140px;margin:16px auto;padding:24px;display:grid;gap:12px;border:1px solid #b6ff1a}
.db-install h2{font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.25;margin:6px 0}
.db-welcome-tools,.db-secondary-nav{display:flex;flex-wrap:wrap;gap:10px;max-width:1140px;margin:12px auto;padding:0 16px}
.db-local-label{background:#1e3021;color:#eef8ea;text-align:center;font-size:13px;padding:8px}
.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
button{min-height:44px;touch-action:manipulation}
.db-guide-dialog{background:#111713;color:#f2f5ee;border:1px solid #68765e;border-radius:20px;padding:24px;width:min(680px,calc(100vw - 24px));max-height:90dvh;overflow:auto}
.db-guide-dialog::backdrop{background:#000b}
.db-guide-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.db-guide-dialog h2{font-size:1.5rem;line-height:1.25;margin:0 0 16px}
.db-guide-dialog p{line-height:1.6;color:#e0e9dc}
.db-guide-dialog a{color:#caff79;text-decoration:underline}
.db-guide-dialog .button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.db-steps{list-style:none;padding:0;display:grid;gap:18px;margin:20px 0}
.db-steps li{display:flex;gap:14px;align-items:flex-start;line-height:1.55}
.db-steps li>b{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#b6ff1a;color:#142000;font-size:23px}
.db-help-grid{display:grid;gap:12px}.db-help-grid button{text-align:left;white-space:normal}
.db-tutorial-screen{width:100%;height:220px;object-fit:contain;object-position:top;background:#050706;border-radius:12px;border:1px solid #3a4633}
.db-tip{padding:12px 16px;background:#1e3021;color:#f3ffe8;border-radius:12px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.db-tip span{flex:1;min-width:150px}
.today-radio-banner,.today-action-panel-top{order:3}
@media(max-width:640px){.db-install{margin:12px;padding:18px}.db-guide-dialog{padding:18px}.db-guide-dialog h2{font-size:1.25rem}.db-secondary-nav{gap:6px}.db-secondary-nav button{font-size:13px;padding:8px 12px}.db-tip{gap:8px}.db-install .button-row{display:flex;flex-wrap:wrap;gap:8px}.bottom-nav button{padding:12px 4px!important;font-size:13px!important}}

.app-view[data-page="today"].is-active{display:flex;flex-direction:column;gap:16px}
.app-view[data-page="today"]>.today-layout{order:1}
.app-view[data-page="today"]>.today-action-panel-top{order:2}
.app-view[data-page="today"]>.today-radio-banner{order:3}
:focus-visible{outline:3px solid #d4ff8a;outline-offset:3px}

.db-tutorial-screen{height:auto;max-height:360px;object-fit:contain}
.db-guide-dialog .db-steps{font-size:1rem}

@media(max-width:640px){.db-secondary-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.db-secondary-nav button{width:100%;min-height:44px}}
.db-more-menu{max-width:1140px;margin:8px auto;padding:0 16px;font-size:.85rem}
.db-more-menu>summary{min-height:44px;padding:12px 0;cursor:pointer;color:#dce7d1}
.db-more-menu .db-secondary-nav{padding:0}
.db-tip button{width:auto;flex:0 0 auto;font-size:.85rem;padding:8px 12px}
.db-tip span{min-width:0;flex-basis:100%}
.rest-controls .timer-display{min-height:0;height:auto;padding:6px;line-height:1.1;border:0;background:none}
.load-memory-card strong{text-transform:none;font-size:.9rem;font-weight:500}
@media(max-width:600px){
 .rest-controls.is-active{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .rest-controls.is-active>h3,.rest-controls.is-active>p,.rest-controls.is-active>.timer-display{grid-column:1/-1;margin:0}
 .rest-controls.is-active>button{width:auto;margin:0;font-size:.75rem;padding:8px 4px;white-space:normal}
 .db-more-menu{margin:0 auto}
}