/* Settings page + header gear + appearance preferences (text size, compact density, reduced motion). */
#set-btn{color:var(--tx)}#set-btn svg{display:block}
#set-btn:hover,#set-btn[aria-current=page]{border-color:var(--pri-line);color:var(--pri-tx)}
header{order:0}#set-btn{order:98}#ac-btn{order:97}
@media(max-width:600px){#ac-btn{display:none}header{gap:8px}}

.v-settings{max-width:760px}
.st-jump{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;margin:0 -2px;scrollbar-width:none;position:sticky;top:calc(var(--hh,64px) - 2px);z-index:3;background:var(--bg)}
.st-jump::-webkit-scrollbar{display:none}.st-jump .chip{flex:none;white-space:nowrap}
.st-card{scroll-margin-top:132px}
.st-card h2{margin:0 0 8px;font-size:19px;display:flex;align-items:center;gap:8px}
.st-sub{margin:4px 0 8px;font-size:13px}
.st-kv{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--bd);font-size:15px}
.st-kv:last-of-type{border-bottom:0}.st-kv span{color:var(--mu);flex:none}.st-kv b{text-align:right;min-width:0;font-weight:600}.st-wrap{overflow-wrap:anywhere}
.st-f{display:flex;flex-direction:column;gap:8px;padding:12px 0;border-bottom:1px solid var(--bd)}
.st-f:last-child{border-bottom:0}
.st-f>label{display:flex;flex-direction:column;gap:2px}.st-f>label b,.st-sw b{font-weight:600;font-size:15px}
.st-f small,.st-sw small{color:var(--mu);font-size:13px;line-height:1.45;font-weight:400}
.st-f select,.st-f input[type=text],.st-f input[type=date],.st-f input[type=time]{max-width:100%}
@media(min-width:700px){.st-f{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.st-f>label{flex:1;min-width:0}.st-f>select,.st-f>input{width:260px;flex:none}.st-f>.st-seg,.st-f>.st-days{flex:none;max-width:60%}}
.st-seg{display:flex;gap:4px;padding:4px;background:var(--s2);border:1px solid var(--bd);border-radius:14px}
.st-seg button{flex:1 1 auto;min-width:0;min-height:44px;padding:6px 8px;border:0;border-radius:10px;background:transparent;font-weight:600;font-size:14px;color:var(--mu);white-space:normal;line-height:1.15}
.st-seg button.on{background:var(--s1);color:var(--pri-tx);box-shadow:0 1px 4px rgba(0,0,0,.18);outline:1px solid var(--pri-line)}
.st-days{display:flex;flex-wrap:wrap;gap:6px}.st-days .chip{min-width:52px;padding:8px 10px;text-align:center}
.st-days .chip.on{background:var(--pri-soft);border-color:var(--pri);color:var(--pri-tx)}
.st-sw{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--bd);min-height:56px;cursor:pointer}
.st-sw:last-child{border-bottom:0}.st-l{display:flex;flex-direction:column;gap:3px;min-width:0}
.st-sw input{appearance:none;-webkit-appearance:none;flex:none;width:52px;height:32px;min-height:0;padding:0;border:1px solid var(--bd);border-radius:99px;background:var(--s3);position:relative;transition:background .2s,border-color .2s}
.st-sw input::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .2s}
.st-sw input:checked{background:var(--pri);border-color:var(--pri)}.st-sw input:checked::after{transform:translateX(20px)}
.st-sw input:focus-visible,.st-seg button:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.st-danger{margin-top:12px;border:1px solid var(--bd);border-radius:14px;padding:4px 14px 12px;background:var(--s2)}
.st-danger summary{min-height:44px;display:flex;align-items:center;font-weight:700;color:var(--no);cursor:pointer}
.st-danger2{margin-top:14px;padding-top:12px;border-top:1px solid var(--bd)}.st-danger2 p{margin:4px 0 10px}
.btn.st-del{background:var(--no);color:#fff;box-shadow:none}
html[data-theme=light] .btn.st-del{background:var(--no)}
.st-err{color:var(--no);font-size:14px;margin-top:6px;min-height:0}.st-err:empty{display:none}
.st-warn{margin:8px 0;padding:10px 12px;border-radius:12px;background:var(--warn-bg);color:var(--warn);font-size:14px}
.st-ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.st-pw{display:block;margin:10px 0 6px}

/* ---- appearance prefs ---- */
html[data-text=s] main{zoom:.92}html[data-text=l] main{zoom:1.12}html[data-text=xl] main{zoom:1.25}
html[data-density=compact] .card{padding:10px;margin:6px 0}
html[data-density=compact] .row{gap:6px;margin-top:6px}
html[data-density=compact] main{padding-top:8px}
html[data-density=compact] .st-f,html[data-density=compact] .st-sw{padding:8px 0}
html[data-density=compact] .st-kv{padding:6px 0}
html[data-motion=reduce] *,html[data-motion=reduce] *::before,html[data-motion=reduce] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}