/* JPWx-0011 themes. Generated by _build/gen_css.py: every rule of 0008 and of 0010 is scoped under html[data-theme="0008"|"0010"]
   (same extra specificity for all rules, so each theme keeps its original cascade). Shared UI (theme picker) is at the end. */
/* ===== theme 0008 晨光 ===== */
html[data-theme="0008"]{
 --navy:#1f3a7a;--navy-d:#162b5e;--navy-l:#3d63c4;--ink:#1b2d5c;--mut:#5f6f9a;
 --sun:#ffd84a;--sun-d:#f2b61f;--sun-soft:#fff3bf;
 --sky:#cfe5f6;--sky2:#dfe3f7;--lav:#c9c3ea;--gold:#fbe3a4;
 --paper:#fff;--line:#e3e9f8;--tint:#f4f7fd;--brand:#1f3a7a;
 --sh1:0 1px 2px rgba(31,58,122,.12),0 6px 16px rgba(31,58,122,.10);
 --sh2:0 2px 4px rgba(31,58,122,.12),0 12px 28px rgba(31,58,122,.16);
 --r:22px;
}
html[data-theme="0008"] *{box-sizing:border-box}
html[data-theme="0008"]{-webkit-text-size-adjust:100%}
html[data-theme="0008"] body{margin:0;font-family:"Noto Sans TC","PingFang TC","Hiragino Sans","Microsoft JhengHei",-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.5;min-height:100vh;
 background:linear-gradient(180deg,#bfdcf2 0,#d3e4f6 26%,#dcdff5 52%,#f1e6ea 76%,#fbe7b4 100%) fixed}
html[data-theme="0008"] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .6 0 0 0 0 .75 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-theme="0008"] .scene{position:fixed;left:0;right:0;bottom:0;height:min(42vh,360px);z-index:-1;pointer-events:none;opacity:.9}
html[data-theme="0008"] .scene svg{width:100%;height:100%;display:block;filter:drop-shadow(0 -4px 8px rgba(31,58,122,.12))}
html[data-theme="0008"] a{color:var(--navy-l);text-underline-offset:2px}
html[data-theme="0008"] button{font:inherit;color:inherit}
html[data-theme="0008"] :focus-visible{outline:3px solid var(--sun-d);outline-offset:2px}
html[data-theme="0008"] .top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
 border-radius:0 0 26px 26px;box-shadow:0 2px 3px rgba(31,58,122,.10),0 10px 24px rgba(31,58,122,.14),0 8px 0 -4px #e6ebfa;overflow:hidden}
html[data-theme="0008"] .top::before{content:"";position:absolute;right:-46px;top:-60px;width:170px;height:170px;border-radius:50%;background:var(--sun-d);box-shadow:-10px 8px 0 -2px var(--sun);opacity:.95;pointer-events:none}
html[data-theme="0008"] .top .in{position:relative;max-width:1180px;margin:0 auto;padding:12px 16px 12px;padding-top:max(12px,env(safe-area-inset-top))}
html[data-theme="0008"] .brand{display:flex;align-items:center;gap:12px}
html[data-theme="0008"] .logo{width:52px;height:52px;border-radius:12px;flex:none;box-shadow:0 2px 3px rgba(31,58,122,.25),0 5px 12px rgba(31,58,122,.18)}
html[data-theme="0008"] h1{margin:0;font-size:1.28rem;font-weight:900;letter-spacing:.04em;color:var(--navy)}
html[data-theme="0008"] .brand p{margin:1px 0 0;font-size:.76rem;color:var(--mut);padding-right:70px}
html[data-theme="0008"] .tabs{display:inline-flex;gap:4px;margin-top:12px;padding:4px;background:var(--tint);border-radius:99px;box-shadow:inset 0 1px 3px rgba(31,58,122,.14)}
html[data-theme="0008"] .tabs button{min-width:112px;background:none;border:0;color:var(--navy);padding:8px 18px;font-weight:700;font-size:.93rem;cursor:pointer;border-radius:99px;transition:background .15s,color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
html[data-theme="0008"] .tabs button[aria-selected=true]{background:var(--navy);color:#fff;box-shadow:0 2px 0 var(--navy-d),0 5px 10px rgba(31,58,122,.28)}
html[data-theme="0008"] .cnt{display:inline-block;min-width:1.7em;padding:0 .45em;border-radius:99px;background:var(--sun);color:var(--navy-d);font-size:.74rem;font-weight:900;line-height:1.6;text-align:center}
html[data-theme="0008"] main{max-width:1180px;margin:0 auto;padding:18px 12px 30px}
html[data-theme="0008"] .bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 4px 8px}
html[data-theme="0008"] .hs{font-size:.8rem;color:var(--navy);font-weight:500;background:rgba(255,255,255,.7);padding:3px 12px;border-radius:99px}
html[data-theme="0008"] .hint{font-size:.8rem;color:var(--navy);margin:0 4px 14px;opacity:.85}
html[data-theme="0008"] .ghost{background:#fff;border:0;color:var(--navy);border-radius:99px;padding:7px 15px;font-size:.84rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(31,58,122,.18),0 3px 0 #dfe6f8;transition:transform .08s,box-shadow .08s}
html[data-theme="0008"] .ghost:hover{background:var(--sun-soft)}
html[data-theme="0008"] .ghost:active{transform:translateY(2px);box-shadow:0 1px 2px rgba(31,58,122,.18),0 1px 0 #dfe6f8}
html[data-theme="0008"] .pri{background:var(--navy);color:#fff;border:0;border-radius:99px;padding:11px 22px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--navy-d),0 8px 16px rgba(31,58,122,.25)}
html[data-theme="0008"] .pri:active{transform:translateY(2px);box-shadow:0 1px 0 var(--navy-d)}
html[data-theme="0008"] .empty{text-align:center;padding:50px 20px;color:var(--navy);background:#fff;border-radius:var(--r);box-shadow:var(--sh1);max-width:420px;margin:30px auto}
html[data-theme="0008"] .list{display:flex;flex-direction:column;gap:22px}
html[data-theme="0008"] .rc{position:relative;background:var(--paper);border-radius:var(--r);overflow:hidden;
 box-shadow:0 2px 3px rgba(31,58,122,.10),0 10px 24px rgba(31,58,122,.12);
 margin-bottom:8px}
html[data-theme="0008"] .rc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--sun)}
html[data-theme="0008"] .rh{display:flex;align-items:center;gap:12px;padding:12px 10px 8px 18px}
html[data-theme="0008"] .rn{flex:1;min-width:0}
html[data-theme="0008"] .rn h2{margin:0;font-size:1.1rem;font-weight:900;color:var(--navy);letter-spacing:.02em}
html[data-theme="0008"] .rn .ja{font-size:.75rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="0008"] .rn .mt{font-size:.75rem;color:var(--mut);margin-top:3px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
html[data-theme="0008"] .rn .mt a{margin-left:0;white-space:nowrap;text-decoration:none;font-weight:700;color:var(--navy);background:var(--sun-soft);padding:1px 10px;border-radius:99px}
html[data-theme="0008"] .rn .mt a:first-of-type{margin-left:4px}
html[data-theme="0008"] .rn .mt a:hover{background:var(--sun)}
html[data-theme="0008"] .handle{flex:none;width:44px;height:44px;border:0;background:var(--tint);border-radius:14px;color:var(--navy);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(31,58,122,.18),0 3px 0 #dfe6f8}
html[data-theme="0008"] .handle:hover{background:var(--sun-soft)}
html[data-theme="0008"] .rb{padding:0 12px 14px 18px}
html[data-theme="0008"] .rs{font-size:.74rem;color:var(--mut);margin:0 2px 8px}
html[data-theme="0008"] .lt{flex:none;width:64px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;box-shadow:0 1px 3px rgba(31,58,122,.10)}
html[data-theme="0008"] .lt img{max-width:100%;max-height:100%;object-fit:contain;display:block}
html[data-theme="0008"] .lt.dk{background:var(--navy);border-color:var(--navy)}
html[data-theme="0008"] .lt.bd{background:none;border:0;padding:0;box-shadow:none}
html[data-theme="0008"] .lt.bd b{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:900;letter-spacing:-.02em;box-shadow:inset 0 0 0 3px var(--sun),0 2px 4px rgba(31,58,122,.25)}
html[data-theme="0008"] .grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
html[data-theme="0008"] .c{background:linear-gradient(180deg,#dcebf9 0,#eaeefa 55%,#f7f7fc 100%);border:1.5px solid #d3e0f3;border-radius:16px;padding:10px 6px;text-align:center;min-width:0;box-shadow:0 1px 2px rgba(31,58,122,.08),0 4px 0 -1px #eef2fb}
html[data-theme="0008"] .d{font-weight:900;color:var(--navy)}
html[data-theme="0008"] .dw{color:var(--mut);font-size:.8rem}
html[data-theme="0008"] .ic{margin:4px 0 0;height:56px;display:flex;align-items:center;justify-content:center}
html[data-theme="0008"] .wi{overflow:visible;filter:drop-shadow(0 2px 2px rgba(31,58,122,.28))}
html[data-theme="0008"] .cond{font-size:.82rem;min-height:2.2em;color:var(--ink);font-weight:500}
html[data-theme="0008"] .t{font-size:1.15rem;margin:4px 0}
html[data-theme="0008"] .t .hi{color:#d2780f;font-weight:900}
html[data-theme="0008"] .t .lo{color:var(--navy-l);font-weight:900}
html[data-theme="0008"] .row{display:flex;justify-content:space-between;gap:4px;font-size:.72rem;border-top:1px dashed #d8e0f4;padding:4px 0}
html[data-theme="0008"] .row span:first-child{color:var(--mut)}
html[data-theme="0008"] .row span{white-space:nowrap}
html[data-theme="0008"] .wd{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}
html[data-theme="0008"] .wd svg{flex:none}
html[data-theme="0008"] .c.past{background:#eceff8;border-color:#e0e5f3;box-shadow:none}
html[data-theme="0008"] .c.past .ic,html[data-theme="0008"] .c.past .t{opacity:.75}
html[data-theme="0008"] .c.today{background:linear-gradient(180deg,#ffe98a 0,#fff3bf 50%,#fffbe6 100%);border-color:var(--sun-d);box-shadow:0 0 0 2px var(--sun),0 6px 14px rgba(242,182,31,.35)}
html[data-theme="0008"] .tag{height:18px;margin:-2px 0 2px;font-size:.72rem;font-weight:900}
html[data-theme="0008"] .tag.past{color:#7380a6}
html[data-theme="0008"] .tag.today{color:var(--navy);background:var(--sun);border-radius:99px;display:inline-block;padding:0 10px;line-height:18px;height:18px}
html[data-theme="0008"] .snow{color:var(--navy-l);font-weight:900}
html[data-theme="0008"] .swipehint{display:none;text-align:center;font-size:.72rem;color:var(--mut);margin:0 0 6px}
html[data-theme="0008"] .note{font-size:.8rem;color:var(--mut);line-height:1.7;margin-top:10px;background:var(--tint);border-radius:16px;padding:6px 14px}
html[data-theme="0008"] .note summary{cursor:pointer;font-weight:900;color:var(--navy);font-size:.95rem;list-style:none;padding:8px 0;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:8px}
html[data-theme="0008"] .note summary::-webkit-details-marker{display:none}
html[data-theme="0008"] .note summary::before{content:"i";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--sun);color:var(--navy-d);font-weight:900;font-size:.8rem;font-family:Georgia,serif;font-style:italic;box-shadow:0 1px 2px rgba(31,58,122,.3)}
html[data-theme="0008"] .note summary::after{content:'▾';margin-left:auto;color:var(--navy);transition:transform .2s;font-size:.9rem}
html[data-theme="0008"] .note[open] summary::after{transform:rotate(180deg)}
html[data-theme="0008"] .note b{color:var(--navy)}
html[data-theme="0008"] .note code{background:#e8edfa;color:var(--navy);padding:0 5px;border-radius:6px;font-size:.92em}
html[data-theme="0008"] .note .fl{margin:4px 0 12px;padding-left:1.2em}
html[data-theme="0008"] .note .fl li{margin:3px 0}
html[data-theme="0008"] .note .fl li::marker{color:var(--sun-d)}
html[data-theme="0008"] .note.info{margin-top:28px;background:#fff;box-shadow:0 2px 3px rgba(31,58,122,.10),0 10px 24px rgba(31,58,122,.12),0 8px 0 -4px #e6ebfa;border-radius:var(--r);padding:6px 20px;position:relative}
html[data-theme="0008"] .note.info[open]{padding-bottom:16px}
@media(max-width:1000px) and (min-width:601px){html[data-theme="0008"] .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){html[data-theme="0008"] main{padding:14px 8px 30px}html[data-theme="0008"] .grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;-webkit-overflow-scrolling:touch;padding:2px 2px 8px;overscroll-behavior-x:contain}html[data-theme="0008"] .grid>.c{flex:0 0 calc(50% - 4px);scroll-snap-align:start}html[data-theme="0008"] .swipehint{display:block}html[data-theme="0008"] .rb{padding:0 10px 12px 16px}html[data-theme="0008"] .tabs{display:flex;width:100%}html[data-theme="0008"] .tabs button{flex:1;min-width:0}html[data-theme="0008"] .brand p{padding-right:0;font-size:.7rem}html[data-theme="0008"] h1{font-size:1.15rem}html[data-theme="0008"] .top::before{right:-70px;top:-84px}}
html[data-theme="0008"] .list.sorting .rb{display:none}
html[data-theme="0008"] .list.sorting .rc{transition:box-shadow .15s}
html[data-theme="0008"] .rc.drag{position:relative;z-index:10;box-shadow:0 16px 34px rgba(31,58,122,.34),0 0 0 3px var(--sun);opacity:.98}
html[data-theme="0008"] .rc.drag .handle{cursor:grabbing;background:var(--sun);color:var(--navy-d)}
html[data-theme="0008"] body.dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}
html[data-theme="0008"] .rc.moved{animation:flash-0008 .9s ease}
@keyframes flash-0008{0%{box-shadow:0 0 0 4px var(--sun-d)}100%{box-shadow:0 2px 3px rgba(31,58,122,.10),0 10px 24px rgba(31,58,122,.12)}}
html[data-theme="0008"] .sbar{background:#fff;border-radius:var(--r);padding:14px 16px 10px;box-shadow:var(--sh1),0 7px 0 -3px #e6ebfa}
html[data-theme="0008"] .sbar p{margin:0 2px 10px;font-size:.86rem;color:var(--ink)}
html[data-theme="0008"] .sbar p b{color:var(--navy);background:var(--sun-soft);padding:0 6px;border-radius:6px}
html[data-theme="0008"] .sbtn{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 6px}
html[data-theme="0008"] .pf h3{font-size:1rem;font-weight:900;color:var(--navy);margin:24px 4px 10px;display:flex;align-items:center;gap:10px}
html[data-theme="0008"] .pf h3::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--sun);box-shadow:inset -2px -2px 0 var(--sun-d)}
html[data-theme="0008"] .pf h3 small{font-weight:700;color:var(--navy);font-size:.74rem;background:rgba(255,255,255,.75);padding:1px 10px;border-radius:99px}
html[data-theme="0008"] .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
html[data-theme="0008"] .tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;border-radius:18px;background:#fff;border:2.5px solid transparent;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;color:var(--ink);
 box-shadow:0 1px 2px rgba(31,58,122,.12),0 6px 14px rgba(31,58,122,.10),0 5px 0 -2px #e6ebfa;transition:opacity .18s,filter .18s,border-color .18s,box-shadow .18s,transform .1s}
html[data-theme="0008"] .tile:active{transform:scale(.97)}
html[data-theme="0008"] .tile .lt{width:110px;height:56px}
html[data-theme="0008"] .tile .lt.bd b{width:56px;height:56px;font-size:1.1rem}
html[data-theme="0008"] .tile .tn{font-weight:900;font-size:.9rem;line-height:1.25;color:var(--navy)}
html[data-theme="0008"] .tile .tj{font-size:.7rem;color:var(--mut);line-height:1.2}
html[data-theme="0008"] .tile[aria-pressed=false]{opacity:.5;filter:grayscale(.85);background:#f1f3fa;box-shadow:none}
html[data-theme="0008"] .tile[aria-pressed=true]{border-color:var(--navy);box-shadow:0 2px 3px rgba(31,58,122,.18),0 10px 20px rgba(31,58,122,.16),0 5px 0 -2px var(--sun)}
html[data-theme="0008"] .tile .ck{position:absolute;top:-7px;right:-7px;width:26px;height:26px;border-radius:50%;background:var(--sun);color:var(--navy-d);font-size:14px;font-weight:900;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--navy),0 2px 4px rgba(31,58,122,.3)}
html[data-theme="0008"] .tile[aria-pressed=true] .ck{display:flex}
@media(max-width:600px){html[data-theme="0008"] .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-theme="0008"] .tile .lt{width:100px;height:50px}}
html[data-theme="0008"] footer{max-width:1180px;margin:0 auto;padding:8px 16px 90px;font-size:.74rem;text-align:center}
html[data-theme="0008"] footer p{margin:6px 0}
html[data-theme="0008"] .ver{display:inline-block;font-weight:700;color:var(--navy);background:rgba(255,255,255,.8);padding:3px 14px;border-radius:99px}
html[data-theme="0008"] .mode{display:flex;align-items:center;gap:10px;margin:0 2px 12px;font-size:.85rem;color:var(--navy);font-weight:700}
html[data-theme="0008"] .seg{display:inline-flex;background:var(--tint);border-radius:99px;padding:4px;box-shadow:inset 0 1px 3px rgba(31,58,122,.16)}
html[data-theme="0008"] .seg button{border:0;background:none;border-radius:99px;padding:6px 20px;font-size:.85rem;font-weight:700;color:var(--navy);cursor:pointer;-webkit-tap-highlight-color:transparent}
html[data-theme="0008"] .seg button[aria-checked=true]{background:var(--navy);color:#fff;box-shadow:0 2px 0 var(--navy-d),0 4px 8px rgba(31,58,122,.25)}
html[data-theme="0008"] body.textmode .lt{display:none}
html[data-theme="0008"] body.textmode .tile{justify-content:center;min-height:78px;padding:14px 10px}
html[data-theme="0008"] body.textmode .tile .tn{font-size:1rem}
html[data-theme="0008"] body.textmode .rh{padding-left:20px}
/* ===== theme 0010 深藍 ===== */
html[data-theme="0010"]{
 --bg:#eef4fa;--navy:#10325e;--navy-d:#0a2347;--navy-l:#1f6fd1;--ink:#14233a;--mut:#5d6b80;
 --acc:#1f6fd1;--acc-d:#10325e;--acc-soft:#e4eefb;
 --paper:#fff;--line:#e3eaf3;--tint:#f1f5fa;--brand:#10325e;
 --hdr:linear-gradient(135deg,#0d2a50,#1f6fd1);
 --sh1:0 1px 2px rgba(20,35,58,.12),0 6px 16px rgba(20,35,58,.09);
 --sh2:0 2px 4px rgba(20,35,58,.12),0 12px 28px rgba(20,35,58,.14);
 --r:22px;
}
html[data-theme="0010"] *{box-sizing:border-box}
html[data-theme="0010"]{-webkit-text-size-adjust:100%}
html[data-theme="0010"] body{margin:0;font-family:"Noto Sans TC","PingFang TC","Hiragino Sans","Microsoft JhengHei",-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.5;min-height:100vh;
 background:var(--bg)}
html[data-theme="0010"] body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.18;mix-blend-mode:multiply;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .6 0 0 0 0 .75 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-theme="0010"] .scene{position:fixed;left:0;right:0;bottom:0;height:min(42vh,360px);z-index:-1;pointer-events:none;opacity:.9}
html[data-theme="0010"] .scene svg{width:100%;height:100%;display:block;filter:drop-shadow(0 -4px 8px rgba(16,50,94,.12))}
html[data-theme="0010"] a{color:var(--navy-l);text-underline-offset:2px}
html[data-theme="0010"] button{font:inherit;color:inherit}
html[data-theme="0010"] :focus-visible{outline:3px solid var(--acc);outline-offset:2px}
html[data-theme="0010"] .top{position:sticky;top:0;z-index:20;background:var(--hdr);color:#fff;
 border-radius:0 0 26px 26px;box-shadow:0 2px 3px rgba(16,50,94,.10),0 10px 24px rgba(16,50,94,.14),0 8px 0 -4px #bcd2ec;overflow:hidden}
html[data-theme="0010"] .top::before{content:"";position:absolute;right:-46px;top:-60px;width:170px;height:170px;border-radius:50%;background:#f2b61f;box-shadow:-10px 8px 0 -2px #ffd84a;pointer-events:none}
html[data-theme="0010"] .top .in{position:relative;max-width:1180px;margin:0 auto;padding:12px 16px 12px;padding-top:max(12px,env(safe-area-inset-top))}
html[data-theme="0010"] .brand{display:flex;align-items:center;gap:12px}
html[data-theme="0010"] .logo{width:52px;height:52px;border-radius:12px;flex:none;box-shadow:0 2px 3px rgba(16,50,94,.25),0 5px 12px rgba(16,50,94,.18)}
html[data-theme="0010"] h1{margin:0;font-size:1.28rem;font-weight:900;letter-spacing:.04em;color:#fff}
html[data-theme="0010"] .brand p{margin:1px 0 0;font-size:.76rem;color:#dbe8f9;padding-right:70px}
html[data-theme="0010"] .tabs{display:inline-flex;gap:4px;margin-top:12px;padding:4px;background:rgba(255,255,255,.14);border-radius:99px;box-shadow:inset 0 1px 3px rgba(10,35,71,.35)}
html[data-theme="0010"] .tabs button{min-width:112px;background:none;border:0;color:#cfe0f7;padding:8px 18px;font-weight:700;font-size:.93rem;cursor:pointer;border-radius:99px;transition:background .15s,color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
html[data-theme="0010"] .tabs button[aria-selected=true]{background:#fff;color:var(--navy);box-shadow:0 2px 0 #b7cde9,0 5px 10px rgba(10,35,71,.3)}
html[data-theme="0010"] .cnt{display:inline-block;min-width:1.7em;padding:0 .45em;border-radius:99px;background:var(--acc);color:#fff;font-size:.74rem;font-weight:900;line-height:1.6;text-align:center}
html[data-theme="0010"] main{max-width:1180px;margin:0 auto;padding:18px 12px 30px}
html[data-theme="0010"] .bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 4px 8px}
html[data-theme="0010"] .hs{font-size:.8rem;color:var(--navy);font-weight:500;background:rgba(255,255,255,.7);padding:3px 12px;border-radius:99px}
html[data-theme="0010"] .hint{font-size:.8rem;color:var(--navy);margin:0 4px 14px;opacity:.85}
html[data-theme="0010"] .ghost{background:#fff;border:0;color:var(--navy);border-radius:99px;padding:7px 15px;font-size:.84rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(16,50,94,.18),0 3px 0 #d3dfee;transition:transform .08s,box-shadow .08s}
html[data-theme="0010"] .ghost:hover{background:#e8f0fb}
html[data-theme="0010"] .ghost:active{transform:translateY(2px);box-shadow:0 1px 2px rgba(16,50,94,.18),0 1px 0 #d3dfee}
html[data-theme="0010"] .pri{background:var(--navy);color:#fff;border:0;border-radius:99px;padding:11px 22px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--navy-d),0 8px 16px rgba(16,50,94,.25)}
html[data-theme="0010"] .pri:active{transform:translateY(2px);box-shadow:0 1px 0 var(--navy-d)}
html[data-theme="0010"] .empty{text-align:center;padding:50px 20px;color:var(--navy);background:#fff;border-radius:var(--r);box-shadow:var(--sh1);max-width:420px;margin:30px auto}
html[data-theme="0010"] .list{display:flex;flex-direction:column;gap:22px}
html[data-theme="0010"] .rc{position:relative;background:var(--paper);border-radius:var(--r);overflow:hidden;
 box-shadow:0 2px 3px rgba(16,50,94,.10),0 10px 24px rgba(16,50,94,.12);
 margin-bottom:8px}
html[data-theme="0010"] .rc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--acc)}
html[data-theme="0010"] .rh{display:flex;align-items:center;gap:12px;padding:12px 10px 8px 18px}
html[data-theme="0010"] .rn{flex:1;min-width:0}
html[data-theme="0010"] .rn h2{margin:0;font-size:1.1rem;font-weight:900;color:var(--navy);letter-spacing:.02em}
html[data-theme="0010"] .rn .ja{font-size:.75rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="0010"] .rn .mt{font-size:.75rem;color:var(--mut);margin-top:3px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
html[data-theme="0010"] .rn .mt a{margin-left:0;white-space:nowrap;text-decoration:none;font-weight:700;color:var(--acc);background:var(--acc-soft);padding:1px 10px;border-radius:99px}
html[data-theme="0010"] .rn .mt a:first-of-type{margin-left:4px}
html[data-theme="0010"] .rn .mt a:hover{background:#cfe0f7}
html[data-theme="0010"] .handle{flex:none;width:44px;height:44px;border:0;background:var(--tint);border-radius:14px;color:var(--navy);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(16,50,94,.18),0 3px 0 #d3dfee}
html[data-theme="0010"] .handle:hover{background:#dce8f8}
html[data-theme="0010"] .rb{padding:0 12px 14px 18px}
html[data-theme="0010"] .rs{font-size:.74rem;color:var(--mut);margin:0 2px 8px}
html[data-theme="0010"] .lt{flex:none;width:64px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;box-shadow:0 1px 3px rgba(16,50,94,.10)}
html[data-theme="0010"] .lt img{max-width:100%;max-height:100%;object-fit:contain;display:block}
html[data-theme="0010"] .lt.dk{background:var(--navy);border-color:var(--navy)}
html[data-theme="0010"] .lt.bd{background:none;border:0;padding:0;box-shadow:none}
html[data-theme="0010"] .lt.bd b{width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:900;letter-spacing:-.02em;box-shadow:inset 0 0 0 3px var(--acc),0 2px 4px rgba(16,50,94,.25)}
html[data-theme="0010"] .grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
html[data-theme="0010"] .c{background:#fff;border:1.5px solid #e3eaf3;border-radius:16px;padding:10px 6px;text-align:center;min-width:0;box-shadow:0 1px 2px rgba(16,50,94,.08),0 4px 0 -1px #edf1f6}
html[data-theme="0010"] .d{font-weight:900;color:var(--navy)}
html[data-theme="0010"] .dw{color:var(--mut);font-size:.8rem}
html[data-theme="0010"] .ic{margin:4px 0 0;height:56px;display:flex;align-items:center;justify-content:center}
html[data-theme="0010"] .wi{overflow:visible;filter:drop-shadow(0 2px 2px rgba(16,50,94,.28))}
html[data-theme="0010"] .cond{font-size:.82rem;min-height:2.2em;color:var(--ink);font-weight:500}
html[data-theme="0010"] .t{font-size:1.15rem;margin:4px 0}
html[data-theme="0010"] .t .hi{color:#d1452f;font-weight:900}
html[data-theme="0010"] .t .lo{color:#2b6cc4;font-weight:900}
html[data-theme="0010"] .row{display:flex;justify-content:space-between;gap:4px;font-size:.72rem;border-top:1px dashed #dbe4f0;padding:4px 0}
html[data-theme="0010"] .row span:first-child{color:var(--mut)}
html[data-theme="0010"] .row span{white-space:nowrap}
html[data-theme="0010"] .wd{display:inline-flex;align-items:center;gap:2px;vertical-align:middle}
html[data-theme="0010"] .wd svg{flex:none}
html[data-theme="0010"] .c.past{background:#eef0f3;border-color:#e3e7ec;box-shadow:none}
html[data-theme="0010"] .c.past .ic,html[data-theme="0010"] .c.past .t{opacity:.75}
html[data-theme="0010"] .c.today{background:#e6f6e9;border-color:transparent;box-shadow:0 0 0 2px #2e9e44,0 6px 14px rgba(46,158,68,.28)}
html[data-theme="0010"] .tag{height:18px;margin:-2px 0 2px;font-size:.72rem;font-weight:900}
html[data-theme="0010"] .tag.past{color:#6b7686}
html[data-theme="0010"] .tag.today{color:#fff;background:#1d7a35;border-radius:99px;display:inline-block;padding:0 10px;line-height:18px;height:18px}
html[data-theme="0010"] .snow{color:#1565c0;font-weight:900}
html[data-theme="0010"] .swipehint{display:none;text-align:center;font-size:.72rem;color:var(--mut);margin:0 0 6px}
html[data-theme="0010"] .note{font-size:.8rem;color:var(--mut);line-height:1.7;margin-top:10px;background:var(--tint);border-radius:16px;padding:6px 14px}
html[data-theme="0010"] .note summary{cursor:pointer;font-weight:900;color:var(--navy);font-size:.95rem;list-style:none;padding:8px 0;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:8px}
html[data-theme="0010"] .note summary::-webkit-details-marker{display:none}
html[data-theme="0010"] .note summary::before{content:"i";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;font-weight:900;font-size:.8rem;font-family:Georgia,serif;font-style:italic;box-shadow:0 1px 2px rgba(16,50,94,.3)}
html[data-theme="0010"] .note summary::after{content:'▾';margin-left:auto;color:var(--navy);transition:transform .2s;font-size:.9rem}
html[data-theme="0010"] .note[open] summary::after{transform:rotate(180deg)}
html[data-theme="0010"] .note b{color:var(--navy)}
html[data-theme="0010"] .note code{background:#e4eefb;color:var(--navy);padding:0 5px;border-radius:6px;font-size:.92em}
html[data-theme="0010"] .note .fl{margin:4px 0 12px;padding-left:1.2em}
html[data-theme="0010"] .note .fl li{margin:3px 0}
html[data-theme="0010"] .note .fl li::marker{color:var(--acc-d)}
html[data-theme="0010"] .note.info{margin-top:28px;background:#fff;box-shadow:0 2px 3px rgba(16,50,94,.10),0 10px 24px rgba(16,50,94,.12),0 8px 0 -4px #d3e1f2;border-radius:var(--r);padding:6px 20px;position:relative}
html[data-theme="0010"] .note.info[open]{padding-bottom:16px}
@media(max-width:1000px) and (min-width:601px){html[data-theme="0010"] .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){html[data-theme="0010"] main{padding:14px 8px 30px}html[data-theme="0010"] .grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;-webkit-overflow-scrolling:touch;padding:2px 2px 8px;overscroll-behavior-x:contain}html[data-theme="0010"] .grid>.c{flex:0 0 calc(50% - 4px);scroll-snap-align:start}html[data-theme="0010"] .swipehint{display:block}html[data-theme="0010"] .rb{padding:0 10px 12px 16px}html[data-theme="0010"] .tabs{display:flex;width:100%}html[data-theme="0010"] .tabs button{flex:1;min-width:0}html[data-theme="0010"] .brand p{padding-right:72px;font-size:.7rem}html[data-theme="0010"] h1{font-size:1.15rem}html[data-theme="0010"] .top::before{right:-70px;top:-84px}}
html[data-theme="0010"] .list.sorting .rb{display:none}
html[data-theme="0010"] .list.sorting .rc{transition:box-shadow .15s}
html[data-theme="0010"] .rc.drag{position:relative;z-index:10;box-shadow:0 16px 34px rgba(16,50,94,.34),0 0 0 3px var(--acc);opacity:.98}
html[data-theme="0010"] .rc.drag .handle{cursor:grabbing;background:#dce8f8;color:var(--acc)}
html[data-theme="0010"] body.dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}
html[data-theme="0010"] .rc.moved{animation:flash-0010 .9s ease}
@keyframes flash-0010{0%{box-shadow:0 0 0 4px var(--acc-d)}100%{box-shadow:0 2px 3px rgba(16,50,94,.10),0 10px 24px rgba(16,50,94,.12)}}
html[data-theme="0010"] .sbar{background:#fff;border-radius:var(--r);padding:14px 16px 10px;box-shadow:var(--sh1),0 7px 0 -3px #d3e1f2}
html[data-theme="0010"] .sbar p{margin:0 2px 10px;font-size:.86rem;color:var(--ink)}
html[data-theme="0010"] .sbar p b{color:var(--navy);background:var(--acc-soft);padding:0 6px;border-radius:6px}
html[data-theme="0010"] .sbtn{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 6px}
html[data-theme="0010"] .pf h3{font-size:1rem;font-weight:900;color:var(--navy);margin:24px 4px 10px;display:flex;align-items:center;gap:10px}
html[data-theme="0010"] .pf h3::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--acc);box-shadow:inset -2px -2px 0 var(--acc-d)}
html[data-theme="0010"] .pf h3 small{font-weight:700;color:var(--navy);font-size:.74rem;background:rgba(255,255,255,.75);padding:1px 10px;border-radius:99px}
html[data-theme="0010"] .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
html[data-theme="0010"] .tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px 12px;border-radius:18px;background:#fff;border:2.5px solid transparent;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;color:var(--ink);
 box-shadow:0 1px 2px rgba(16,50,94,.12),0 6px 14px rgba(16,50,94,.10),0 5px 0 -2px #d3e1f2;transition:opacity .18s,filter .18s,border-color .18s,box-shadow .18s,transform .1s}
html[data-theme="0010"] .tile:active{transform:scale(.97)}
html[data-theme="0010"] .tile .lt{width:110px;height:56px}
html[data-theme="0010"] .tile .lt.bd b{width:56px;height:56px;font-size:1.1rem}
html[data-theme="0010"] .tile .tn{font-weight:900;font-size:.9rem;line-height:1.25;color:var(--navy)}
html[data-theme="0010"] .tile .tj{font-size:.7rem;color:var(--mut);line-height:1.2}
html[data-theme="0010"] .tile[aria-pressed=false]{opacity:.5;filter:grayscale(.85);background:#f3f5f8;box-shadow:none}
html[data-theme="0010"] .tile[aria-pressed=true]{border-color:var(--brand);box-shadow:0 2px 3px rgba(16,50,94,.18),0 10px 20px rgba(16,50,94,.16),0 5px 0 -2px #bcd2ec}
html[data-theme="0010"] .tile .ck{position:absolute;top:-7px;right:-7px;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font-size:14px;font-weight:900;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 3px #fff,0 2px 4px rgba(16,50,94,.3)}
html[data-theme="0010"] .tile[aria-pressed=true] .ck{display:flex}
@media(max-width:600px){html[data-theme="0010"] .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-theme="0010"] .tile .lt{width:100px;height:50px}}
html[data-theme="0010"] footer{max-width:1180px;margin:0 auto;padding:8px 16px 90px;font-size:.74rem;text-align:center}
html[data-theme="0010"] footer p{margin:6px 0}
html[data-theme="0010"] .ver{display:inline-block;font-weight:700;color:var(--navy);background:rgba(255,255,255,.85);padding:3px 14px;border-radius:99px}
html[data-theme="0010"] .mode{display:flex;align-items:center;gap:10px;margin:0 2px 12px;font-size:.85rem;color:var(--navy);font-weight:700}
html[data-theme="0010"] .seg{display:inline-flex;background:#dfe7f1;border-radius:99px;padding:4px;box-shadow:inset 0 1px 3px rgba(16,50,94,.16)}
html[data-theme="0010"] .seg button{border:0;background:none;border-radius:99px;padding:6px 20px;font-size:.85rem;font-weight:700;color:var(--navy);cursor:pointer;-webkit-tap-highlight-color:transparent}
html[data-theme="0010"] .seg button[aria-checked=true]{background:var(--navy);color:#fff;box-shadow:0 2px 0 var(--navy-d),0 4px 8px rgba(16,50,94,.25)}
html[data-theme="0010"] body.textmode .lt{display:none}
html[data-theme="0010"] body.textmode .tile{justify-content:center;min-height:78px;padding:14px 10px}
html[data-theme="0010"] body.textmode .tile .tn{font-size:1rem}
html[data-theme="0010"] body.textmode .rh{padding-left:20px}
/* ===== scene colours per theme (SVG fills via classes + CSS vars) ===== */
html[data-theme="0008"]{--sk1:#fbe3a4;--sk1o:.75;--sk2:#c9c3ea;--sk3:#b7bde8;--sk4:#a9b4e6;--sk5:#2f4f9a;--sk7:#8c9fd8;--sk8:#6f84c6}
html[data-theme="0010"]{--sk1:#d9e6f5;--sk1o:.8;--sk2:#c3d6ee;--sk3:#b0c8e8;--sk4:#9dbbe3;--sk5:#10325e;--sk7:#7fa5da;--sk8:#4f84cc}
.sk1{fill:var(--sk1);opacity:var(--sk1o,.8)}.sk2{fill:var(--sk2)}.sk3{fill:var(--sk3)}.sk4{fill:var(--sk4)}.sk5{fill:var(--sk5)}.sk7{fill:var(--sk7)}.sk8{fill:var(--sk8)}
/* ===== theme picker (shared, themed through each theme's own variables) ===== */
.tpick{margin-bottom:14px}
.ph{margin:0 2px 10px;font-size:1rem;font-weight:900;color:var(--navy)}
.themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tbtn{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px 12px;border-radius:18px;background:#fff;border:2.5px solid transparent;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;color:var(--ink);
 box-shadow:0 1px 2px rgba(20,35,58,.14),0 6px 14px rgba(20,35,58,.10),0 5px 0 -2px var(--line);transition:border-color .18s,box-shadow .18s,transform .1s}
.tbtn:active{transform:scale(.97)}
.tbtn .sw{width:100%;max-width:150px;height:auto;border-radius:10px;box-shadow:0 1px 3px rgba(20,35,58,.25)}
.tbtn b{font-weight:900;font-size:.92rem;color:var(--navy);margin-top:4px}.tbtn small{font-size:.7rem;color:var(--mut);line-height:1.25}
.tbtn[aria-checked=true]{border-color:var(--navy)}
.tck{position:absolute;top:-7px;right:-7px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;font-size:14px;font-weight:900;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 3px #fff,0 2px 4px rgba(20,35,58,.3)}
.tbtn[aria-checked=true] .tck{display:flex}