/* irotoha 第9回 / Work UI設計
   第7回のDOM・alpha変数契約を維持する本体用CSS。
   原画・判定・保存・安全処理は変更しない。 */
:root{color-scheme:light;--bg:#FBF7EC;--panel:#FFFDF7;--fg:#0A2018;--muted:#5B6F5D;--line:#D5DBCE;--control-line:#7C8E76;--accent:#0A2018;--on-accent:#FFFDF7;--gold:#896623;--focus:#6B4DA2;--leaf:#D7E3A9;--spring:#D7E3A9;--summer:#36C994;--autumn:#42DEFB;--winter:#6FB4D2;--selected:#EDF0E4;--error:#8D3931;--nav-item-h:60px;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#0A2018;--panel:#132B22;--fg:#F6F2E5;--muted:#A7BBA7;--line:#354A3B;--control-line:#668363;--accent:#D7E3A9;--on-accent:#0A2018;--gold:#DCB979;--focus:#D5B5FF;--leaf:#D7E3A9;--selected:#233C2D;--error:#FFB9AB}}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0A2018;--panel:#132B22;--fg:#F6F2E5;--muted:#A7BBA7;--line:#354A3B;--control-line:#668363;--accent:#D7E3A9;--on-accent:#0A2018;--gold:#DCB979;--focus:#D5B5FF;--leaf:#D7E3A9;--selected:#233C2D;--error:#FFB9AB}
*{box-sizing:border-box}html{scroll-padding-top:24px;scrollbar-gutter:stable}body{margin:0;background:var(--bg);color:var(--fg);font:var(--t-body)/var(--lh-body) var(--sans);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-underline-offset:5px}img,svg{max-width:100%;height:auto}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}h1,h2,h3,p,dt,dd{overflow-wrap:anywhere}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.55;text-wrap:balance;line-break:strict}h1{font-size:var(--t-h1);margin:0 0 var(--s-2);letter-spacing:.03em}h2{font-size:var(--t-h1);margin:0 0 var(--s-2);letter-spacing:.03em}h3{font-size:var(--t-h2);margin:0 0 var(--s-2)}p{margin:0 0 var(--s-2)}button,a,input,summary,textarea{touch-action:manipulation}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1[tabindex="-1"]:focus{outline:none}
.v7-header{min-height:88px;max-width:1180px;margin:auto;padding:var(--s-2) var(--s-4);display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);border-bottom:1px solid var(--line)}.v7-brand{display:inline-flex;gap:var(--s-1);align-items:center;min-height:48px;font:var(--t-display)/var(--lh-display) var(--serif);letter-spacing:.035em;text-decoration:none;white-space:nowrap;flex:none}.v7-brand svg{width:28px;height:28px}.v7-header button{min-width:52px;min-height:44px;padding:var(--s-1) var(--s-2);border:1px solid var(--line);border-radius:8px;background:transparent;font-size:var(--t-note);letter-spacing:.06em;white-space:nowrap;flex:none}.v7-header button:hover{border-color:var(--control-line)}
.v7-main{max-width:1180px;margin:auto;padding:var(--s-5) var(--s-4) 136px}.v7-screen{max-width:740px;margin:auto}.v7-entry{text-align:center}.v7-entry h1{font-size:var(--t-display);letter-spacing:.04em;line-height:1.55;margin-bottom:var(--s-2)}.v7-kicker,.v7-note,.v7-origin{color:var(--muted);font-size:var(--t-note);letter-spacing:.06em;line-height:1.8;margin-bottom:var(--s-2)}.v7-kicker{font-size:var(--t-note);letter-spacing:.08em}.v7-entry-intro{max-width:30em;margin:0 auto var(--s-1);font-size:var(--t-body);line-height:2;letter-spacing:.025em}
/* 可視alpha外接範囲を等比配置。枠・窓・背面板・床影・光輪を追加しない。 */
.v7-character{--stage-h:300px;position:relative;display:flex;justify-content:center;align-items:center;min-width:0;width:100%;height:var(--stage-h);margin:var(--s-4) auto var(--s-2);background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible;isolation:isolate}.v7-character::before,.v7-character::after{content:none}.v7-alpha-box{position:relative;flex:none;width:min(calc(var(--stage-h) * var(--alpha-aspect)),calc(100% - 24px));aspect-ratio:var(--alpha-aspect);overflow:visible;background:transparent;border:0;box-shadow:none}.v7-alpha-box img{position:absolute;display:block;width:calc(100% / var(--bound-w));max-width:none;height:auto;left:calc(-100% * var(--bound-x) / var(--bound-w));top:calc(-100% * var(--bound-y) / var(--bound-h));object-fit:contain;transform:none;image-rendering:auto;filter:none}.v7-character.is-wide{--stage-h:220px}.v7-result{text-align:center}.v7-result .v7-character{--stage-h:330px;margin:var(--s-3) auto var(--s-3)}.v7-result .v7-character.is-wide{--stage-h:220px}.v7-name{font-family:var(--serif);font-size:var(--t-h1);letter-spacing:.09em;line-height:1.35;margin:0 0 var(--s-1);overflow-wrap:normal;word-break:normal}.v7-ja{font-size:var(--t-small);font-weight:400;letter-spacing:.13em;color:var(--muted);margin:0 0 var(--s-1)}.v7-season{font-size:var(--t-note);letter-spacing:.09em;color:var(--muted);margin-bottom:0}.v7-intro-label{font-size:var(--t-note);color:var(--muted);line-height:1.8;margin:0 0 var(--s-2)}.v7-result .v7-origin{margin-bottom:var(--s-3)}
.v7-primary,.v7-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:56px;min-width:48px;padding:var(--s-2) var(--s-3);border:1px solid var(--control-line);border-radius:12px;font-size:var(--t-small);font-weight:600;letter-spacing:.045em;line-height:1.7;text-align:center;text-decoration:none}.v7-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.v7-primary:hover{opacity:.92}.v7-secondary{background:transparent;color:var(--fg)}.v7-secondary:hover{background:var(--selected);border-color:var(--accent)}.v7-actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-4) 0}.v7-actions>*{flex:1 1 180px}.v7-entry .v7-actions{margin:var(--s-1) 0 0}.v7-entry .v7-primary{width:100%}.v7-cta-arrow{font-size:var(--t-h2);font-weight:400;line-height:1}.v7-omamori{text-wrap:balance;font-family:var(--serif);font-size:var(--t-h2);line-height:2;margin:var(--s-3) 0 var(--s-4);padding:0;background:transparent;border:0;letter-spacing:.025em}.v7-omamori:before{content:"お守りの言葉";display:block;font-family:var(--sans);font-size:var(--t-note);color:var(--muted);margin-bottom:var(--s-1);letter-spacing:.13em}.v7-layer{padding:var(--s-4) 0 0;margin-top:var(--s-4);border-top:1px solid var(--line)}.v7-layer-head{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-1)}.v7-layer-head span{font:var(--t-body)/var(--lh-body) var(--serif);color:var(--fg);min-width:32px;letter-spacing:.04em}.v7-layer-head h2{font-size:var(--t-h2);margin:0}.v7-fold{margin:var(--s-2) 0 0;border-block:0}.v7-fold summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);cursor:pointer;padding:var(--s-2) 0;list-style:none;font-size:var(--t-small);font-weight:500}.v7-fold summary::-webkit-details-marker{display:none}.v7-fold summary:after{content:"＋";display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:var(--t-h2);font-weight:400;color:var(--muted)}.v7-fold[open] summary:after{content:"−"}.v7-fold-body{padding:var(--s-1) 0 var(--s-2);font-size:var(--t-small);line-height:2}.v7-fold-body p:last-child{margin-bottom:0}.v7-divider{padding:var(--s-4) 0 0;margin:var(--s-5) 0 var(--s-2);border-top:1px solid var(--control-line);font-family:var(--serif);font-size:var(--t-h2);line-height:1.9}.v7-swatches{list-style:none;margin:var(--s-3) 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2) var(--s-2)}.v7-swatches li{display:flex;gap:var(--s-1);font-size:var(--t-note);min-width:0}.v7-chip{width:26px;height:26px;flex:none;border:1px solid var(--control-line);border-radius:3px;margin-top:var(--s-1)}.v7-dl{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-1);margin:0}.v7-dl dt{font-size:var(--t-note);color:var(--muted);margin-top:var(--s-2)}.v7-dl dd{margin:0;font-size:var(--t-small);line-height:1.9}.v7-motion{min-height:48px;padding:var(--s-1) var(--s-2);border:1px solid var(--line);border-radius:8px;background:transparent;font-size:var(--t-note);letter-spacing:.02em}.v7-motion:hover{border-color:var(--control-line)}.v7-motion-status{font-size:var(--t-note);color:var(--muted)}.v7-primary:disabled,.v7-secondary:disabled,.v7-motion:disabled{cursor:default;background:var(--panel);color:var(--muted);border-style:dashed}
.v7-nav{position:fixed;bottom:0;inset-inline:0;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--s-1) var(--s-1) max(var(--s-1),env(safe-area-inset-bottom));gap:var(--s-1);background:var(--bg);border-top:1px solid var(--line)}.v7-nav button{min-height:var(--nav-item-h);min-width:0;border:0;border-radius:8px;padding:var(--s-1) var(--s-1);background:transparent;color:var(--muted);font-size:var(--t-note);letter-spacing:.015em;line-height:1.55}.v7-nav button[aria-current="page"]{background:var(--accent);color:var(--on-accent);font-weight:600}.v7-nav button:hover:not([aria-current="page"]){background:var(--selected);color:var(--fg)}.v7-nav svg{display:block;width:21px;height:21px;margin:0 auto var(--s-1);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.v7-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4) var(--s-2);margin-top:40px}.v7-gallery article{min-width:0;text-align:center}.v7-gallery .v7-character{--stage-h:170px;margin:0 0 var(--s-2)}.v7-gallery .v7-character.is-wide{--stage-h:110px}.v7-gallery h3{font-size:var(--t-body);line-height:1.4;letter-spacing:.04em;margin:0 0 var(--s-1)}.v7-gallery .v7-ja{font-size:var(--t-note);letter-spacing:.04em}.v7-gallery-button{display:block;width:100%;padding:0;border:0;background:transparent;text-align:center;color:inherit}.v7-gallery-button:hover h3{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.v7-pair .v7-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3);margin:40px 0 var(--s-4)}.v7-pair .v7-gallery h2{font-size:var(--t-body);letter-spacing:.06em}.v7-pair .v7-gallery .v7-character{--stage-h:210px}.v7-pair .v7-gallery .v7-character.is-wide{--stage-h:140px}.v7-sheet{position:fixed;inset:0;z-index:60;padding:var(--s-3) var(--s-3) 56px;overflow:auto;background:var(--bg)}.v7-sheet-in{max-width:480px;margin:auto;text-align:center}.v7-sheet-close{display:flex;justify-content:flex-end;margin-bottom:var(--s-2)}.v7-sheet-close button{min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:var(--t-note)}.v7-sheet .v7-character{--stage-h:300px}.v7-sheet .v7-character.is-wide{--stage-h:220px}.v7-watch{border:1px solid var(--line);padding:var(--s-3);border-radius:8px;background:var(--panel);box-shadow:none}.v7-reading{padding:var(--s-4) 0;border-top:1px solid var(--line)}.v7-footer{max-width:1180px;margin:auto;padding:var(--s-3) var(--s-4) calc(96px + max(var(--s-1),env(safe-area-inset-bottom)));color:var(--muted);font-size:var(--t-note);line-height:1.9;border-top:1px solid var(--line)}.v7-footer a{display:inline-flex;align-items:center;min-height:44px}.v7-crisis{font-family:var(--sans);padding:var(--s-3);border:1px solid var(--control-line);background:var(--panel);border-radius:0;box-shadow:none}.v7-crisis h1,.v7-crisis h2{font-family:var(--sans);font-size:var(--t-h1);font-weight:600;letter-spacing:0}.v7-crisis a{display:inline-flex;align-items:center;min-height:52px;min-width:44px;padding:var(--s-1) var(--s-2);margin:var(--s-1) 0;border:1px solid var(--control-line);border-radius:0;overflow-wrap:anywhere;max-width:100%}.is-crisis .v7-nav,.is-crisis .v7-character,.is-crisis .v7-brand svg{display:none}.is-crisis *{animation:none!important;transition:none!important;box-shadow:none!important}.is-crisis .v7-main{padding-bottom:40px}
.v7-field{margin:var(--s-4) 0}.v7-field label{display:block;font-size:var(--t-note);font-weight:600;margin-bottom:var(--s-1);letter-spacing:.04em}.v7-field input,.v7-field textarea,.v7-field select{width:100%;min-height:56px;padding:var(--s-2) var(--s-2);border:1px solid var(--control-line);border-radius:12px;background:var(--panel);color:var(--fg)}.v7-field textarea{min-height:156px;resize:vertical}.v7-error{border-left:3px solid var(--error);padding-left:var(--s-2);font-size:var(--t-small);color:var(--error);font-weight:600}.v7-question{font-size:var(--t-h1);line-height:1.8;letter-spacing:.02em;text-wrap:balance;line-break:strict}.v7-option{display:block;width:100%;min-height:64px;margin:var(--s-2) 0;padding:var(--s-2) var(--s-2);text-align:left;border:2px solid var(--line);border-radius:12px;background:transparent;color:var(--fg);font-size:var(--t-small)}.v7-option:hover{border-color:var(--control-line);background:var(--selected)}.v7-option[aria-pressed="true"]{border-color:var(--accent);border-width:4px;padding:var(--s-2) var(--s-2);background:var(--selected);font-weight:600}.v7-option[aria-pressed="true"]:before{content:"✓ ";font-weight:700}.v7-progress{height:5px;margin:var(--s-2) 0 var(--s-4);background:var(--line);border:0;border-radius:0}.v7-progress span{display:block;height:100%;background:var(--accent)}.v7-bars{margin:var(--s-4) 0}.v7-bar-row{display:grid;grid-template-columns:5em minmax(0,1fr);gap:var(--s-2);align-items:center;margin:var(--s-2) 0;font-size:var(--t-note)}.v7-bar-track{height:8px;border:0;background:var(--line)}.v7-bar-fill{height:100%;background:var(--accent)}.v7-leaf-branch{display:block;width:100%;max-width:400px;margin:var(--s-2) auto var(--s-4);background:transparent;border:0}.v7-leaf-on{fill:var(--leaf);stroke:var(--control-line);stroke-width:2}.v7-leaf-off{fill:none;stroke:var(--control-line);stroke-width:2;stroke-dasharray:4 3}.v7-leaf-count{font:500 var(--t-display)/var(--lh-display) var(--serif);margin-bottom:var(--s-2)}.v7-reading-link{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);width:100%;min-height:88px;padding:var(--s-2) 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--fg);text-align:left;font-size:var(--t-small);font-weight:500}.v7-reading-link small{display:block;font-size:var(--t-note);font-weight:400;color:var(--muted);margin-top:var(--s-1)}.v7-today-word{font:var(--t-h1)/var(--lh-h1) var(--serif);letter-spacing:.04em;margin:var(--s-4) 0;text-wrap:balance}.v7-history{width:100%;border-collapse:collapse;font-size:var(--t-note)}.v7-history td,.v7-history th{padding:var(--s-2) var(--s-1);text-align:left;overflow-wrap:anywhere;border-bottom:1px solid var(--line)}.v7-times-list{list-style:none;margin:var(--s-4) 0;padding:0;border-top:1px solid var(--line)}.v7-times-list li{padding:var(--s-2) 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:var(--t-h2);letter-spacing:.04em}.v7-share-specimen{text-align:center;padding:var(--s-4) 0;margin:var(--s-3) 0;border-block:1px solid var(--line)}.v7-share-specimen .v7-character{--stage-h:260px}.v7-share-specimen .v7-name{font-size:var(--t-display)}.v7-share-specimen .v7-omamori{font-size:var(--t-h2)}
@media(min-width:760px){:root{--nav-item-h:62px}body{font-size:var(--t-body)}.v7-main{padding-top:var(--s-6)}.v7-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0 80px;text-align:left;max-width:1080px;min-height:540px}.v7-entry>:not(.v7-character){grid-column:1}.v7-entry .v7-character{grid-column:2;grid-row:1/6;--stage-h:480px;margin:0}.v7-entry .v7-character.is-wide{--stage-h:300px}.v7-entry h1{font-size:var(--t-display);letter-spacing:.035em;margin-bottom:var(--s-3)}.v7-entry .v7-kicker{margin-bottom:var(--s-3)}.v7-entry-intro{margin:0 0 var(--s-3);max-width:28em;font-size:var(--t-h3)}.v7-entry .v7-intro-label{margin:0 0 var(--s-3);font-size:var(--t-note)}.v7-entry .v7-actions{max-width:344px;margin:0}.v7-entry .v7-primary{justify-content:space-between;padding:var(--s-2) var(--s-3);min-height:60px}.v7-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:980px;gap:0 var(--s-6);text-align:left;align-content:start;align-items:center;margin-bottom:56px}.v7-result>:not(.v7-character){grid-column:1}.v7-result .v7-character{grid-column:2;grid-row:1/10;--stage-h:450px;margin:0}.v7-result .v7-character.is-wide{--stage-h:260px}.v7-result .v7-name{font-size:var(--t-display)}.v7-result .v7-origin{margin-bottom:var(--s-3)}.v7-result .v7-ja{font-size:var(--t-body)}.v7-result .v7-season{font-size:var(--t-note)}.v7-result .v7-omamori{font-size:var(--t-h1);margin:var(--s-4) 0}.v7-result .v7-actions{margin:0 0 var(--s-2);gap:var(--s-1)}.v7-result .v7-actions>*{flex:1 1 150px;padding-inline:var(--s-2)}.v7-result .v7-note{font-size:var(--t-note);line-height:1.8;margin-bottom:0}.v7-nav{max-width:700px;margin:auto;border-inline:1px solid var(--line);padding:var(--s-1) var(--s-2) max(var(--s-1),env(safe-area-inset-bottom));gap:var(--s-1)}.v7-nav button{font-size:var(--t-note);min-height:var(--nav-item-h)}.v7-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px var(--s-3)}.v7-dl{grid-template-columns:7em minmax(0,1fr);gap:var(--s-2) var(--s-3)}.v7-dl dt{margin:0}.v7-pair .v7-gallery .v7-character{--stage-h:280px}.v7-pair .v7-gallery .v7-character.is-wide{--stage-h:190px}.v7-pair .v7-gallery{gap:var(--s-5)}.v7-share-specimen{max-width:440px;margin:40px auto}.v7-share-specimen .v7-character{--stage-h:320px}.v7-share-specimen .v7-name{font-size:var(--t-display)}.v7-layer{padding-top:var(--s-4);margin-top:var(--s-4)}.v7-layer-head h2{font-size:var(--t-h1)}}
@media(max-width:359px){.v7-header{padding-inline:var(--s-2)}.v7-main{padding-inline:var(--s-2)}.v7-name{font-size:var(--t-h1);letter-spacing:.04em}.v7-gallery{gap:var(--s-4) var(--s-2)}.v7-gallery h3{font-size:var(--t-note)}.v7-nav{gap:var(--s-1);padding-inline:var(--s-1)}.v7-nav button{font-size:var(--t-note)}}
/* 2026-10-04 最新Claude DOMとの対応。機能・判定・実文を変更しない。 */
.v7-block{padding:var(--s-4) 0;border-top:1px solid var(--line);margin-top:var(--s-4)}.v7-status,.v7-share-note{font-size:var(--t-note);color:var(--muted);line-height:1.8}.v7-status{flex:none}.v7-reading-list{margin:var(--s-3) 0}.v7-questions{margin:var(--s-3) 0}.v7-layer-box{padding:var(--s-2) 0}.v7-season-band{display:flex;gap:var(--s-1);margin:0 0 40px;height:3px;overflow:hidden}.v7-season-band span{flex:1;height:3px}.v7-season-tabs{display:flex;gap:var(--s-1);margin:var(--s-4) 0}.v7-season-tabs button{flex:1;min-width:0;min-height:48px;border:1px solid var(--control-line);border-radius:8px;padding:var(--s-1) var(--s-2);background:transparent;font-size:var(--t-note);line-height:1.5}.v7-season-tabs button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.v7-secondary[aria-pressed="true"]{background:var(--selected);border:2px solid var(--accent);padding:var(--s-2) var(--s-3);font-weight:600}.v7-gallery-item{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:center}.v7-gallery-label{display:block;font:500 var(--t-body)/var(--lh-body) var(--serif);letter-spacing:.04em;margin:0 0 var(--s-1)}.v7-gallery-label small{display:block;font:var(--t-note)/var(--lh-note) var(--sans);color:var(--muted);letter-spacing:.04em;margin-top:var(--s-1)}.v7-gallery-item:hover .v7-gallery-label{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.v7-share-preview{text-align:center;max-width:440px;padding:var(--s-4) 0;margin:var(--s-3) auto;border-block:1px solid var(--line)}.v7-share-preview .v7-character{--stage-h:280px;margin:var(--s-2) auto var(--s-3)}.v7-share-preview .v7-character.is-wide{--stage-h:190px}.v7-share-preview .v7-name{font-size:var(--t-display)}.v7-share-preview .v7-omamori{font-size:var(--t-h2)}.v7-share-preview .v7-share-note{display:flex;align-items:center;justify-content:center;gap:var(--s-1);font-family:var(--serif);font-size:var(--t-body)}.v7-share-note svg{width:20px;height:20px}.v7-sheet-in>.close{display:block;margin-left:auto;min-width:80px;margin-bottom:var(--s-3)}.v7-entry>h1.v7-entry-intro{max-width:none}.v7-entry>div.v7-entry-intro{max-width:none;margin:0}.v7-entry>.v7-note{font-size:var(--t-small);line-height:1.9}.v7-entry>.v7-kicker{font-size:var(--t-note);letter-spacing:.03em}.v7-form{margin-top:var(--s-4)}.v7-gallery:has(>div:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.v7-gallery:has(>div:nth-child(2):last-child)>div{text-align:center;min-width:0}.v7-gallery:has(>div:nth-child(2):last-child) .v7-gallery-label{font-size:var(--t-body)}
#dock{position:fixed;z-index:21;inset-inline:0;bottom:calc(var(--nav-item-h) + 10px + max(8px,env(safe-area-inset-bottom)));max-width:700px;margin:auto;display:flex;gap:var(--s-2);padding:var(--s-2) var(--s-2);background:var(--bg);border:1px solid var(--line);border-bottom:0}#dock:empty{display:none}#dock>button{flex:1;min-width:0}body:has(.v7-nav[hidden]) #dock{bottom:0;padding-bottom:max(var(--s-2),env(safe-area-inset-bottom))}body:has(#dock:not([hidden]):not(:empty)) .v7-main{padding-bottom:232px}body:has(#dock:not([hidden]):not(:empty)) .v7-footer{padding-bottom:calc(224px + max(var(--s-1),env(safe-area-inset-bottom)))}body:has(.v7-nav[hidden]):has(#dock:not([hidden]):not(:empty)) .v7-main{padding-bottom:152px}body:has(.v7-nav[hidden]):has(#dock:not([hidden]):not(:empty)) .v7-footer{padding-bottom:calc(128px + max(var(--s-2),env(safe-area-inset-bottom)))}.is-crisis #dock,.is-crisis .v7-season-band{display:none!important}
@media(min-width:760px){.v7-entry>div.v7-entry-intro{grid-column:2;grid-row:1/6;max-width:none;align-self:center;margin:0}.v7-entry>div.v7-entry-intro .v7-character{--stage-h:480px}.v7-entry>div.v7-entry-intro .v7-character.is-wide{--stage-h:300px}.v7-entry>h1.v7-entry-intro{font-size:var(--t-display);line-height:1.55;margin:0 0 var(--s-3)}.v7-entry>.v7-kicker{margin-bottom:var(--s-2)}.v7-entry>.v7-note{font-size:var(--t-body);line-height:2;max-width:28em}.v7-main>.v7-screen:has(>.v7-entry){max-width:1080px}.v7-main>.v7-screen:has(>.v7-result){max-width:980px}.v7-main>.v7-screen:has(>.v7-result)>:not(.v7-result):not(.v7-season-band){max-width:740px;margin-inline:auto}.v7-gallery:has(>div:nth-child(2):last-child){gap:var(--s-5)}.v7-gallery:has(>div:nth-child(2):last-child) .v7-character{--stage-h:260px}.v7-gallery:has(>div:nth-child(2):last-child) .v7-character.is-wide{--stage-h:180px}}
/* 実装ヘッダーの性別・接続操作を、スマートフォンでも一行の44px操作で保持。 */
.v7-header-right{display:flex;align-items:center;gap:var(--s-1);flex:none;flex-wrap:nowrap}
@media(max-width:759px){.v7-header{min-height:72px;padding:var(--s-2) var(--s-2);gap:var(--s-1)}.v7-brand{font-size:var(--t-h1);gap:var(--s-1);letter-spacing:.02em}.v7-brand svg{width:26px;height:26px}.v7-header button{font-size:var(--t-note);min-height:44px;min-width:44px;padding:var(--s-1);line-height:1.6;letter-spacing:0;white-space:nowrap}.v7-header-right{flex:none}}
@media(max-width:359px){.v7-header{padding-inline:var(--s-2);gap:var(--s-1)}.v7-brand{font-size:var(--t-h2);gap:var(--s-1)}.v7-brand svg{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 第9回：読みやすさ、操作状態、実装の未設計部分の移管。 */
.v7-screen>h1{max-width:22em}
.v7-entry>h1.v7-entry-intro{word-break:keep-all;overflow-wrap:anywhere}
.v7-field input[type="date"]{max-width:420px;font-variant-numeric:tabular-nums}
.v7-field input:disabled,.v7-field textarea:disabled,.v7-field select:disabled{background:var(--selected);color:var(--muted);opacity:1;-webkit-text-fill-color:var(--muted);cursor:default}
.v7-field input::placeholder,.v7-field textarea::placeholder{color:var(--muted);opacity:1}
.v7-field input[aria-invalid="true"],.v7-field textarea[aria-invalid="true"]{border:2px solid var(--error);padding:var(--s-2) var(--s-2)}
.v7-field .v7-error{margin:var(--s-2) 0 0;line-height:1.8}
.v7-primary[aria-busy="true"],.v7-secondary[aria-busy="true"]{cursor:progress}
.v7-reading-link>span:first-child{min-width:0}
.v7-reading-link .v7-status{font-variant-numeric:tabular-nums;text-align:right;max-width:8em}
button.v7-reading-link:not(:disabled):hover{background:var(--selected)}
button.v7-reading-link:disabled,button.v7-reading-link[aria-disabled="true"]{color:var(--muted);background:transparent;border-bottom-style:dashed;cursor:default;opacity:1}
.v7-reading-link:disabled small,.v7-reading-link:disabled .v7-status{color:var(--muted)}
.v7-block ul,.v7-fold-body ul{padding-left:1.3em;margin:0 0 var(--s-2)}
.v7-block li,.v7-fold-body li{margin-bottom:var(--s-1)}
.v7-block p:last-child,.v7-reading p:last-child{margin-bottom:0}
.v7-reading:first-child{border-top:0;padding-top:0}
.v7-bars .v7-note{font-variant-numeric:tabular-nums}
.v7-watch{margin:var(--s-2) 0;line-height:1.9}
.v7-watch p:last-child{margin-bottom:0}
.v7-sheet{padding-top:max(var(--s-3),env(safe-area-inset-top));padding-right:max(var(--s-3),env(safe-area-inset-right));padding-bottom:max(56px,env(safe-area-inset-bottom));padding-left:max(var(--s-3),env(safe-area-inset-left));overscroll-behavior:contain;scroll-padding-top:88px}
body:has(.v7-sheet),body:has(.sheet){overflow:hidden}
.v7-sheet-in>.close,.v7-sheet-close{position:sticky;top:0;z-index:2;background:var(--bg)}
.v7-sheet-in>h2{font-size:var(--t-h1);letter-spacing:.07em;line-height:1.4}
.v7-sheet-in>p{max-width:32em;margin-left:auto;margin-right:auto}
/* ふたりは名前の基線と外側の余白を揃え、横長の可視人物は等比のまま小さく置く。 */
.v7-gallery:has(>div:nth-child(2):last-child)>div{display:flex;flex-direction:column;align-items:center}
.v7-gallery:has(>div:nth-child(2):last-child) .v7-character{--stage-h:210px;height:210px;margin:0 0 var(--s-2)}
.v7-gallery:has(>div:nth-child(2):last-child) .v7-character.is-wide{--stage-h:140px;height:210px}
.v7-gallery:has(>div:nth-child(2):last-child) .v7-gallery-label{margin:0;line-height:1.5}
.v7-screen:has(#pair-input) .v7-gallery+.v7-today-word,.v7-screen:has(#pair-input) .v7-gallery+.v7-today-word+.v7-kicker{text-align:center}
/* loading / error / empty：状態の判定・aria-live・再試行はClaudeの実装契約。 */
.v7-image-state,.v7-art-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);max-width:24em;margin:auto;padding:var(--s-2);color:var(--muted);font:var(--t-body)/var(--lh-body) var(--sans);text-align:center;background:transparent;border:0;box-shadow:none}
.v7-image-state p{margin:0;max-width:22em}
.v7-image-state button{min-height:48px;font-size:var(--t-body)}
.v7-character[data-state="loading"]>.v7-alpha-box,.v7-character[data-state="error"]>.v7-alpha-box{visibility:hidden}
.v7-character[data-state="ready"]>.v7-image-state,.v7-character[data-state="ready"]>.v7-art-status{display:none}
.v7-state{margin:var(--s-4) 0;padding:var(--s-3) 0;border-block:1px solid var(--line);max-width:36em}
.v7-state h2{font-size:var(--t-h2);margin-bottom:var(--s-2)}
.v7-state p{font-size:var(--t-small);line-height:1.9;margin-bottom:var(--s-2)}
.v7-state p:last-child{margin-bottom:0}
.v7-state .v7-actions{margin:var(--s-2) 0 0}
.v7-state-message{font-size:var(--t-note);color:var(--muted);line-height:1.9;margin:var(--s-2) 0}
.v7-empty{margin:var(--s-4) 0;padding:var(--s-3) 0;border-top:1px solid var(--line)}
.v7-empty h2,.v7-empty-title{font:500 var(--t-h2)/var(--lh-h2) var(--serif);margin:0 0 var(--s-2);text-wrap:balance}
.v7-empty p,.v7-empty-copy{max-width:30em;font-size:var(--t-body);line-height:1.8;margin:0 0 var(--s-2)}
.v7-empty .v7-actions,.v7-empty-actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-2) 0 0}
.v7-empty-actions>.v7-primary,.v7-empty-actions>.v7-secondary{min-height:56px}
/* style.claude.cssの移管先。bodyの詳細度で、移管完了前の後読み込みにも勝つ。 */
body .blk{margin:var(--s-4) 0 0;padding:var(--s-4) 0 0;border-top:1px solid var(--line)}
body .blk h3{font-size:var(--t-h2);margin:0 0 var(--s-2)}
body .blk ul{margin:0 0 var(--s-2);padding-left:1.3em}
body .blk li{margin-bottom:var(--s-1)}
body .blk p:last-child{margin-bottom:0}
body .swatches{list-style:none;margin:var(--s-3) 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2) var(--s-2)}
body .swatches li{display:flex;align-items:flex-start;gap:var(--s-1);font-size:var(--t-note);line-height:1.9;min-width:0}
body .chip{flex:none;width:26px;height:26px;border:1px solid var(--control-line);border-radius:3px;margin-top:var(--s-1)}
body .chip-name{color:var(--fg);overflow-wrap:anywhere}
body .who-box,body .layer-box{margin:0;padding:var(--s-2) 0}
body .who-dl{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-1);margin:0;font-size:var(--t-small)}
body .who-dl dt{font-size:var(--t-note);font-weight:400;line-height:1.9;color:var(--muted);margin-top:var(--s-2)}
body .who-dl dt:first-child{margin-top:0}
body .who-dl dd{margin:0;font-size:var(--t-small);line-height:1.9}
body .reading{padding:var(--s-4) 0;border-top:1px solid var(--line)}
body .reading:first-child{border-top:0;padding-top:0}
body .watch{margin:var(--s-2) 0;padding:var(--s-3);border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:none}
body .sheet{position:fixed;inset:0;z-index:60;display:block;background:var(--bg);padding:max(var(--s-3),env(safe-area-inset-top)) max(var(--s-3),env(safe-area-inset-right)) max(56px,env(safe-area-inset-bottom)) max(var(--s-3),env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain}
body .sheet-in{width:100%;max-width:480px;margin:auto;padding:0;background:transparent;border:0;border-radius:0;text-align:center}
body .sheet-in .close{position:sticky;top:0;z-index:2;display:block;margin:0 0 var(--s-3) auto;min-width:80px;min-height:48px;background:var(--bg)}
body footer{max-width:1180px;margin:auto;padding:var(--s-3) var(--s-4) calc(96px + max(var(--s-1),env(safe-area-inset-bottom)));color:var(--muted);font-size:var(--t-note);line-height:1.9;border-top:1px solid var(--line)}
body footer p{margin:0 0 var(--s-1)}
body footer a{display:inline-flex;align-items:center;min-height:44px}
body:has(#dock:not([hidden]):not(:empty)) footer{padding-bottom:calc(224px + max(var(--s-1),env(safe-area-inset-bottom)))}
body:has(.v7-nav[hidden]):has(#dock:not([hidden]):not(:empty)) footer{padding-bottom:calc(128px + max(var(--s-2),env(safe-area-inset-bottom)))}
@media(min-width:760px){
  .v7-gallery:has(>div:nth-child(2):last-child) .v7-character{--stage-h:260px;height:260px}
  .v7-gallery:has(>div:nth-child(2):last-child) .v7-character.is-wide{--stage-h:190px;height:260px}
  body .who-dl{grid-template-columns:7em minmax(0,1fr);gap:var(--s-2) var(--s-3)}
  body .who-dl dt{margin-top:0}
}
@media(max-width:359px){
  .v7-swatches,body .swatches{grid-template-columns:minmax(0,1fr)}
  .v7-question{font-size:var(--t-h2)}
  .v7-reading-link{gap:var(--s-1)}
  .v7-reading-link .v7-status{font-size:var(--t-note);max-width:7em}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Work 第10回：第9回の実装で追加された正式DOMの見た目。 */
.v7-share-preview .v7-theme{font-family:var(--serif);font-size:var(--t-h2);line-height:1.8;letter-spacing:.025em;text-wrap:balance;margin:var(--s-2) 0;color:var(--fg)}
.v7-share-preview .v7-share-url{font-family:var(--sans);font-size:var(--t-body);line-height:1.8;letter-spacing:.035em;margin:var(--s-3) 0 0;color:var(--muted)}
body .v7-leaf-branch-group{margin:var(--s-4) 0 0;padding:var(--s-3) 0 0;border-top:1px solid var(--line);background:transparent}
body .v7-leaf-branch-group h2{font-family:var(--serif);font-size:var(--t-h2);line-height:1.6;margin:0 0 var(--s-2);letter-spacing:.025em}
body .v7-leaf-branch-group>.v7-note{font-size:var(--t-small);line-height:1.8;letter-spacing:0;margin:0 0 var(--s-2)}
body .v7-leaf-branch-group ul{list-style:none;margin:0;padding:0}
body .v7-leaf-item{display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:var(--s-2);row-gap:var(--s-1);margin:0;padding:var(--s-2) 0;border-top:1px solid var(--line);font-size:var(--t-body);line-height:1.8}
body .v7-leaf-item::before{content:"";width:10px;height:10px;border:1px solid var(--control-line);border-radius:50%;margin-top:var(--s-1);background:transparent}
body .v7-leaf-item.is-got::before{background:var(--fg);border-color:var(--fg)}
body .v7-leaf-item small,body .v7-leaf-item.is-got small{grid-column:2;display:block;opacity:1;font-size:var(--t-note);line-height:1.8;margin:0;color:var(--muted)}
.v7-leaf-branch{display:block;width:100%;max-width:440px;height:auto;margin:var(--s-3) auto;overflow:visible}
.v7-leaf-branch .v7-leaf-stem{fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v7-leaf-branch .v7-leaf-on{fill:var(--fg);stroke:var(--fg);stroke-width:1.4;stroke-dasharray:none}
.v7-leaf-branch .v7-leaf-off{fill:none;stroke:var(--control-line);stroke-width:1.4;stroke-dasharray:none}
.v7-leaf-branch .v7-leaf-vein{fill:none;stroke:var(--bg);stroke-width:1;stroke-linecap:round}
.v7-leaf-branch .v7-leaf-off+.v7-leaf-vein{stroke:var(--control-line)}
@media(max-width:359px){body .v7-leaf-branch-group h2{font-size:var(--t-h2)}.v7-share-preview .v7-theme{font-size:var(--t-h2)}}


/* Work: viewport-fit=cover と合わせて適用。既存CSS末尾へ追加。
   実機検証とは区別する。安全余白が0のブラウザーは既存の寸法を維持。 */
:root{--work-safe-top:env(safe-area-inset-top,0px);--work-safe-left:env(safe-area-inset-left,0px);--work-safe-right:env(safe-area-inset-right,0px);--work-page-gutter:28px;--work-header-gutter:28px;--work-header-top:17px;--work-nav-gutter:10px}
@media(min-width:760px){:root{--work-nav-gutter:12px}}
@media(max-width:759px){:root{--work-header-gutter:18px;--work-header-top:12px}}
@media(max-width:359px){:root{--work-page-gutter:18px;--work-header-gutter:16px;--work-nav-gutter:6px}}
.v7-header{padding-top:max(var(--work-header-top),var(--work-safe-top));padding-left:max(var(--work-header-gutter),var(--work-safe-left));padding-right:max(var(--work-header-gutter),var(--work-safe-right))}
.v7-main{padding-left:max(var(--work-page-gutter),var(--work-safe-left));padding-right:max(var(--work-page-gutter),var(--work-safe-right))}
.v7-nav{padding-left:max(var(--work-nav-gutter),var(--work-safe-left));padding-right:max(var(--work-nav-gutter),var(--work-safe-right))}
#dock{padding-left:max(var(--s-2),var(--work-safe-left));padding-right:max(var(--s-2),var(--work-safe-right))}
.v7-footer,body footer{padding-left:max(var(--s-4),var(--work-safe-left));padding-right:max(var(--s-4),var(--work-safe-right))}
.v7-sheet-in>.close,.v7-sheet-close,body .sheet-in .close{top:var(--work-safe-top)}

/* WORK_V20_START */
/* Work 第20回 / A「葉の扉」正式差分。style.css末尾へ。 */
:root{--control-line:#7C857A;--work-gold:#8A6B2F;--work-soft:#EAEBDD;--work-shadow:0 12px 34px -26px #143b284d}
:root[data-theme="dark"]{--control-line:#A8B3A1;--work-gold:#DDC38A;--work-soft:#1E3529;--work-shadow:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--control-line:#A8B3A1;--work-gold:#DDC38A;--work-soft:#1E3529;--work-shadow:none}}
.v7-option{border-color:var(--control-line);border-width:2px;border-radius:14px;padding:var(--s-2) var(--s-2);min-height:56px;line-height:1.75;transition:background-color .18s,border-color .18s}
.v7-option[aria-pressed="true"],.v7-option.is-selected{border-color:var(--accent);border-width:2px;padding:var(--s-2) var(--s-2);background:var(--selected)}
.v7-primary,.v7-secondary{width:auto;max-width:100%;min-height:46px;padding:var(--s-1) var(--s-3);border-radius:999px;font-size:var(--t-note);line-height:1.6;letter-spacing:.035em}
.v7-secondary{border-color:var(--control-line)}
.v7-actions{justify-content:center;gap:var(--s-1);flex-wrap:wrap}.v7-actions>*,.v7-result .v7-actions>*{flex:0 1 auto;padding-inline:var(--s-2)}
.v7-action-dock .v7-primary,.v7-action-dock .v7-secondary{width:100%;max-width:520px}
.v7-backbar{margin:0 0 var(--s-2)}.v7-back{display:inline-flex;align-items:center;gap:var(--s-1);min-height:44px;padding:var(--s-1) var(--s-1);border:0;background:transparent;color:var(--muted);font-size:var(--t-note)}
.v7-back svg{width:19px;height:19px}.v7-back:hover{color:var(--fg)}
.v7-footer-links{display:flex;gap:var(--s-1) var(--s-2);flex-wrap:wrap}.v7-footer-link{min-height:44px;padding:var(--s-1) 0;color:var(--muted);background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:var(--t-note)}
.v7-nav{gap:var(--s-1);background:var(--bg);box-shadow:0 -8px 28px -22px #0a20184d;border-top:1px solid var(--line)}
.v7-nav .v7-nav-item{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);padding:var(--s-1) var(--s-1);border:0;border-radius:14px;color:var(--muted);font-size:var(--t-note);background:transparent}
.v7-nav .v7-nav-item[aria-current="page"]{color:var(--fg);background:var(--work-soft);font-weight:600}
.v7-nav-item svg{width:24px;height:24px}.v7-nav-item .v7-logo-img{width:28px;height:28px;object-fit:contain}
.v7-birth-row{display:flex;align-items:flex-end;gap:var(--s-1)}.v7-birth-cell{display:flex;align-items:flex-end;gap:var(--s-1);min-width:0;flex:1 1 0}.v7-birth-cell:first-child{flex:1.6 1 0}
.v7-birth-input{width:100%;min-width:0;min-height:52px;padding:var(--s-1) var(--s-1);border:1px solid var(--control-line);border-radius:10px;background:var(--panel);color:var(--fg);font-size:var(--t-h2);text-align:center;font-variant-numeric:tabular-nums}
.v7-birth-unit{padding-bottom:var(--s-2);font-size:var(--t-note);color:var(--muted)}.v7-birth-confirm{font-size:var(--t-note);line-height:1.8;color:var(--muted);margin-top:var(--s-2)}
.v7-sex-switch{display:flex;justify-content:center;gap:var(--s-1);width:max-content;max-width:100%;margin:var(--s-2) auto var(--s-1);padding:var(--s-1);border:1px solid var(--control-line);border-radius:999px;background:transparent}
.v7-sex-opt{min-width:82px;min-height:44px;padding:var(--s-1) var(--s-2);border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:var(--t-note);letter-spacing:.06em}
.v7-sex-opt[aria-pressed="true"]{background:var(--fg);color:var(--bg);font-weight:600}
.v7-result .v7-name{letter-spacing:.075em;line-height:1.3}.v7-result .v7-ja{letter-spacing:.18em;font-size:var(--t-note)}
.v7-result .v7-omamori{max-width:26em;margin:var(--s-3) auto var(--s-2);font:400 var(--t-h3)/var(--lh-h3) var(--serif)}
.v7-theme-word{font:400 var(--t-h2)/var(--lh-h2) var(--serif);letter-spacing:.06em}
.v7-tags{list-style:none;padding:0;margin:var(--s-2) 0;display:flex;flex-wrap:wrap;gap:var(--s-1);justify-content:center}
.v7-tag{padding:var(--s-1) var(--s-2);border:1px solid var(--line);border-radius:999px;font-size:var(--t-note);line-height:1.7;background:transparent;max-width:100%;overflow-wrap:anywhere}
.v7-next{margin:var(--s-4) 0 var(--s-1);text-align:center}.v7-next-note{max-width:30em;margin:0 auto var(--s-3);font-size:var(--t-note);line-height:1.9;text-align:center;color:var(--muted)}
/* 既存の4章タブ。文字数や順序は変えない。 */
.v7-chapter-tabs{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr .8fr 1.55fr 1.1fr;gap:0;margin:var(--s-4) 0 var(--s-2);padding:var(--s-1) 0;background:var(--bg);border-block:1px solid var(--line);box-shadow:var(--work-shadow)}
.v7-chapter-tab{position:relative;min-width:0;min-height:50px;padding:var(--s-1) var(--s-1);background:transparent;border:0;border-radius:0;color:var(--muted);font:500 var(--t-note)/var(--lh-note) var(--serif);letter-spacing:.02em;white-space:nowrap;opacity:1}
.v7-chapter-tab[aria-current]:not([aria-current="false"]){color:var(--fg);background:var(--work-soft);font-weight:600;border-bottom:0}
.v7-chapter-tab[aria-current]:not([aria-current="false"])::after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:2px;background:var(--work-gold)}
.v7-chapter{margin:56px 0 var(--s-2);scroll-margin-top:84px}.v7-chapter-head{display:flex;align-items:baseline;gap:var(--s-2);margin-bottom:var(--s-3);padding-bottom:var(--s-2);border-bottom:1px solid var(--line)}
.v7-chapter-num{font:400 var(--t-display)/var(--lh-display) Georgia,serif;color:var(--fg);opacity:1;letter-spacing:-.04em}
.v7-chapter-title{font:400 var(--t-h2)/var(--lh-h2) var(--serif);letter-spacing:.06em;margin:0}
.v7-chapter .v7-sub-title{margin:var(--s-4) 0 var(--s-2);font:500 var(--t-h3)/var(--lh-h3) var(--serif)}
.v7-chapter>.v7-layer{margin:0;padding:0;border:0}.v7-chapter .v7-self-stage .v7-character{--stage-h:250px}
.v7-self-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s-1)}.v7-motion{min-height:44px;padding:var(--s-1) var(--s-2);border-radius:999px;font-size:var(--t-note)}
.v7-trait{margin:var(--s-3) 0;padding:0 0 0 var(--s-2);border-left:2px solid var(--line)}.v7-trait-key{margin-bottom:var(--s-1);font-size:var(--t-note);letter-spacing:.12em;color:var(--muted)}
.v7-views{padding:0;list-style:none;border-top:1px solid var(--line)}.v7-views li{padding:var(--s-2) 0;border-bottom:1px solid var(--line);line-height:1.9}.v7-views-when{display:block;font-size:var(--t-note);color:var(--muted);margin-bottom:var(--s-1)}
.v7-kou-step{padding:var(--s-3) 0;border-bottom:1px solid var(--line)}.v7-kou-step.is-mine{border-left:2px solid var(--work-gold);padding-left:var(--s-2)}.v7-kou-word{font:400 var(--t-h2)/var(--lh-h2) var(--serif)}
.v7-rare-list{list-style:none;padding:0;margin:var(--s-3) 0}.v7-rare-list li{display:flex;align-items:baseline;gap:var(--s-2);padding:var(--s-2) 0;border-bottom:1px solid var(--line)}
.v7-rare-num{flex:none;min-width:2.6em;font:400 var(--t-display)/var(--lh-display) Georgia,serif;color:var(--fg);text-align:right}.v7-rare-label{font-size:var(--t-small)}.v7-rare-sub{font-size:var(--t-note);line-height:1.8;color:var(--muted)}
/* 4色は既存の見本帳の余白と比率を精緻化。375pxで名称とHEXを並置。 */
.v7-pal{margin:var(--s-3) 0}.v7-pal-hero{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:var(--work-shadow)}
.v7-pal-hero-color{height:150px}.v7-pal-hero-label{padding:var(--s-2) var(--s-2) var(--s-1)}.v7-pal-hero-name{font:400 var(--t-h2)/var(--lh-h2) var(--serif);margin:var(--s-1) 0 var(--s-1);white-space:nowrap}
.v7-pal-role{display:flex;align-items:baseline;gap:var(--s-1);white-space:nowrap;font-size:var(--t-note);letter-spacing:.08em}.v7-pal-en{font-size:var(--t-note);letter-spacing:.12em;color:var(--muted)}
.v7-pal-list{list-style:none;padding:0;margin:var(--s-2) 0 0;border-top:1px solid var(--line)}
.v7-pal-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:var(--s-2);padding:var(--s-2) 0;border-bottom:1px solid var(--line);min-height:76px}
.v7-pal-chip{width:42px;height:48px;border-radius:8px;box-shadow:inset 0 0 0 1px #0a201824}.v7-pal-name{font:400 var(--t-small)/var(--lh-small) var(--serif);letter-spacing:0;white-space:nowrap;margin:var(--s-1) 0 0}
.v7-pal-hex{min-height:44px;padding:var(--s-1) 0 var(--s-1) var(--s-1);font:500 var(--t-note)/var(--lh-note) ui-monospace,monospace;letter-spacing:0;color:var(--fg);white-space:nowrap;background:none;border:0}
.v7-pal-legend{display:grid;grid-template-columns:auto 1fr;gap:var(--s-1) var(--s-2);font-size:var(--t-note);color:var(--muted);margin-top:var(--s-2)}.v7-pal-legend dd{margin:0}
/* 前・次は対、向かいは一枚の見開き。is-oppositeはClaudeが意味に従い付与。 */
.v7-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2);margin:var(--s-3) 0}
.v7-mini{display:flex;flex-direction:column;min-width:0;padding:var(--s-2) var(--s-2) var(--s-2);border:1px solid var(--line);border-radius:80px 80px 14px 14px;background:linear-gradient(180deg,var(--work-soft),var(--panel) 75%);box-shadow:var(--work-shadow)}
.v7-mini .v7-character{--stage-h:180px;margin:var(--s-1) auto var(--s-2);width:100%}.v7-mini-body{font-size:var(--t-note);line-height:1.9;text-align:left;min-width:0}.v7-mini-cap{color:var(--muted);font-size:var(--t-note);letter-spacing:.12em;margin-bottom:var(--s-1)}
.v7-mini-name{font:500 var(--t-note)/var(--lh-note) var(--serif);letter-spacing:.035em;overflow-wrap:anywhere}.v7-mini-sekki{font-size:var(--t-note);color:var(--muted);margin-top:var(--s-1)}
.v7-mini.is-opposite{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--s-3);align-items:center;border-radius:18px;padding:var(--s-3);background:var(--work-soft)}
.v7-mini.is-opposite .v7-character{--stage-h:220px;margin:0}.v7-mini.is-opposite .v7-mini-body{font-size:var(--t-note)}
/* 記録は樹を独立した風景として、その下は静かな一覧。 */
.v17-record-head{margin:0 0 var(--s-2)}.v17-record-head .v7-leaf-count{font:400 var(--t-display)/var(--lh-display) var(--serif);margin:var(--s-1) 0}.v17-record-head p{font-size:var(--t-note);line-height:1.85}
.v17-tree-stage{position:relative;aspect-ratio:3/4;width:100%;max-width:600px;margin:var(--s-3) auto var(--s-4);overflow:hidden;border-radius:24px;background:#172c22;isolation:isolate}
.v17-tree-stage canvas{display:block;width:100%;height:100%;aspect-ratio:3/4}.v17-list-title{margin:var(--s-4) 0 var(--s-2);font:400 var(--t-h2)/var(--lh-h2) var(--serif);letter-spacing:.05em}
.v17-leaf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}
.v17-leaf,.v17-root{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-2);width:100%;height:100%;min-height:155px;padding:var(--s-2) var(--s-2);border:1px solid var(--control-line);border-radius:14px;background:transparent;color:var(--fg);text-align:left;white-space:normal;cursor:pointer}
.v17-leaf.is-got{background:var(--panel);border-color:var(--control-line);box-shadow:var(--work-shadow)}.v17-leaf.is-new{outline:2px solid var(--work-gold);outline-offset:3px}
.v17-leaf-icon{display:block;width:36px;height:36px}.v17-leaf-icon svg{width:100%;height:100%}.v17-leaf-text{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.v17-leaf-name{font:500 var(--t-note)/var(--lh-note) var(--serif);overflow-wrap:anywhere}.v17-leaf-desc{font-size:var(--t-note);line-height:1.8;color:var(--muted)}
.v17-leaf-meta{display:flex;flex-wrap:wrap;gap:var(--s-1);font-size:var(--t-note);margin-top:auto}.v17-leaf-state{font-weight:600}.v17-leaf-kind{color:var(--muted)}
.v17-root-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2);padding:0}.v17-root{min-height:122px;align-items:center;text-align:center;padding:var(--s-2) var(--s-1);background:var(--panel);opacity:1}.v17-root:not(.is-got){border-style:dashed;background:transparent}
.v7-tokusho{border-collapse:collapse;width:100%;font-size:var(--t-note);line-height:1.9}.v7-tokusho th,.v7-tokusho td{padding:var(--s-2) var(--s-1);border-bottom:1px solid var(--line);vertical-align:top;text-align:left;overflow-wrap:anywhere}.v7-tokusho th{width:30%;font-weight:500}
@media(min-width:760px){.v7-mini-list{gap:var(--s-3)}.v7-mini{padding:var(--s-3)}.v7-mini .v7-character{--stage-h:230px}.v7-mini.is-opposite .v7-character{--stage-h:260px}.v7-chapter-tab{font-size:var(--t-small)}.v7-pal-list{display:block}.v7-pal-row{grid-template-columns:58px minmax(0,1fr) auto;background:transparent;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}.v7-pal-chip{width:58px;height:58px}.v7-pal-text{padding:0}.v7-pal-row .v7-pal-hex{padding:var(--s-1) 0}.v17-leaf-list{grid-template-columns:repeat(3,minmax(0,1fr))}.v7-chapter{margin-top:72px}}
@media(min-width:1024px){.v17-leaf-list{grid-template-columns:repeat(4,minmax(0,1fr))}.v17-root-list{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:359px){.v7-mini-list{gap:var(--s-1)}.v7-mini{padding:var(--s-2) var(--s-1)}.v7-mini .v7-character{--stage-h:145px}.v7-mini.is-opposite{grid-template-columns:1fr;padding:var(--s-2);gap:var(--s-1)}.v7-chapter-tab{font-size:var(--t-note)}.v7-pal-row{grid-template-columns:34px minmax(0,1fr) auto;gap:var(--s-1)}.v7-pal-chip{width:34px;height:44px}.v7-pal-name{font-size:var(--t-note)}.v7-pal-role{gap:var(--s-1);letter-spacing:0}.v7-pal-en{font-size:var(--t-note);letter-spacing:.02em}.v17-leaf,.v17-root{padding:var(--s-2) var(--s-1)}}
@media(prefers-reduced-motion:reduce){.v7-option{transition:none}}

/* WORK_V20_END */

/* WORK_V23_TOKENS_BEGIN — 7 text levels; ruby is the accessibility exception. */
:root {
 --t-display:30px;--t-h1:26px;--t-h2:21px;--t-h3:18px;--t-body:16px;--t-small:15px;--t-note:14px;--t-ruby:10px;
 --lh-display:1.35;--lh-h1:1.4;--lh-h2:1.45;--lh-h3:1.5;--lh-body:1.85;--lh-small:1.75;--lh-note:1.7;
 --s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:48px;--s-6:64px;
 --sans:"Yu Gothic Medium","游ゴシック Medium","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif;
 --fg:#0A2018;--ink:#0A2018;--muted:#4F6151;--line:#D5DBCE;--rule:#D5DBCE;--control-line:#7C857A;
 --gold:#E3B04A;--work-gold:#E3B04A;--v23-mark:#E3B04A;--v23-soft:#F1EFE2;--v23-focus:#6B4DA2;
}
:root[data-theme="dark"] {--fg:#FBF7EC;--ink:#FBF7EC;--muted:#B9C3B2;--line:#40554B;--rule:#40554B;--control-line:#91A38F;--v23-soft:#19372B;--v23-focus:#CBB9EF}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--fg:#FBF7EC;--ink:#FBF7EC;--muted:#B9C3B2;--line:#40554B;--rule:#40554B;--control-line:#91A38F;--v23-soft:#19372B;--v23-focus:#CBB9EF}}
@media(min-width:768px){:root{--t-display:36px;--t-h1:30px;--t-h2:24px;--t-h3:19px;--t-body:17px;--t-ruby:11px}}
/* WORK_V23_TOKENS_END */

html .v7-leaf-item{line-height:1.7}
html .v7-leaf-item small{font-size:.86em}
html .v7-share-preview .v7-theme{font-size:var(--t-body)}
html .v7-share-preview .v7-share-url{font-size:var(--t-note);letter-spacing:.04em}
html .v7-nav-note{font-size:var(--t-note)}
html .v7-birth-label{font-size:var(--t-note);font-weight:600;letter-spacing:.04em}
html .v7-birth-input{font-size:var(--t-h2)}
html .v7-birth-unit{font-size:var(--t-small)}
html .v7-rare-list li{font-size:var(--t-small)}
html .v7-rare-num{font:500 var(--t-display)/var(--lh-display) var(--serif,serif)}
html .v7-trait-key{font-size:var(--t-note);font-weight:600;letter-spacing:.08em}
html .v7-views li{font-size:var(--t-small)}
html .v7-views-when{font-size:var(--t-note);font-weight:600}
html .v7-kou-when{font-size:var(--t-note);font-weight:600}
html .v7-kou-word{font:500 var(--t-h2)/var(--lh-h2) var(--serif,serif);letter-spacing:.04em}
html .v7-back{font-size:var(--t-small)}
html .v7-footer-link{font-size:var(--t-note)}
html .v7-rare-label{font-size:var(--t-body);font-weight:600;line-height:1.5}
html .v7-rare-sub{font-size:var(--t-note);line-height:1.5}
html .v7-theme-word{font:500 var(--t-h1)/var(--lh-h1) var(--serif,serif);letter-spacing:.06em}
html .v7-tag{font-size:var(--t-note);line-height:1.6}
html .v7-pal-title{font-size:var(--t-small);letter-spacing:.06em}
html .v7-pal-no{font-size:var(--t-note);letter-spacing:.2em}
html .v7-toc-title{font-size:var(--t-note);font-weight:600;letter-spacing:.12em}
html .v7-toc-link{font-size:var(--t-note)}
html .v7-birth-confirm{font-size:var(--t-note)}
html .v7-primary,html .v7-secondary{font-size:var(--t-note);font-weight:600;letter-spacing:.06em;line-height:1.4}
html .v7-secondary{font-weight:500}
html .v7-motion{font-size:var(--t-note)}
html .v7-next-note{font-size:var(--t-note);line-height:1.75}
html .v7-chapter-num{font:500 var(--t-display)/var(--lh-display) var(--serif,serif)}
html .v7-chapter-title{font-size:var(--t-h2);letter-spacing:.06em}
html .v7-chapter .v7-sub-title{font-size:var(--t-body);letter-spacing:.04em}
html .v7-aru-label{line-height:1.6}
html .v7-aru-count{font-size:var(--t-note);font-weight:600}
html .v7-year-num{font:500 var(--t-display)/var(--lh-display) var(--serif,serif)}
html .v7-year-name{font-size:var(--t-h3);font-weight:600;letter-spacing:.06em}
html .v7-year-step{font-size:var(--t-note)}
html .v7-daycard-date{font-size:var(--t-note)}
html .v7-daycard-word{font:500 var(--t-display)/var(--lh-display) var(--serif,serif);letter-spacing:.08em}
html .v7-daycard-line{font-size:var(--t-body);line-height:1.7}
html .v7-letter-paper p{line-height:1.9}
html .v7-letter-to{font-weight:600}
html .v7-letter-from{font-weight:600}
html .v7-myseason-title{font-size:var(--t-h3);font-weight:600}
html .v7-name-ja{font-size:.86em}
html .v7-name-sub{font-size:.78em}
html .v7-mini-ja{font-size:var(--t-note)}
html .v7-season-bar{font-size:var(--t-h2)}
html .v7-season-bar-note{font-size:var(--t-note);font-weight:400}
html .v7-type-name{font:500 var(--t-h2)/var(--lh-h2) var(--serif,serif);letter-spacing:.04em}
html .v7-type-catch{font-size:var(--t-note);line-height:1.8}
html .v7-detail p{line-height:1.95}
html .v7-detail-label{font-size:var(--t-note);font-weight:600;letter-spacing:.1em}
html .v7-detail-list{line-height:1.9}
html .v7-rel-kind{font-size:var(--t-note);line-height:1.8}
html .v7-ring-name{font-size:var(--t-body)}
html .v7-ring-word{font-size:var(--t-note)}
html .v7-ring-text{font-size:var(--t-note);line-height:1.5}
html .v7-ex-done-mark{font-size:var(--t-note);font-weight:600;letter-spacing:.1em}
html .v7-ex-done-count{font-size:var(--t-note)}
html .v7-ex-type-basis{font-size:var(--t-note)}
html .v7-ex-mix .v7-bar-label{font-size:var(--t-note)}
html .v7-ex-mix .v7-bar-value{font-size:var(--t-note)}
html .v7-ex-mix .is-top .v7-bar-label{font-weight:700}
html rt{font-size:.5em;line-height:1;letter-spacing:0;font-weight:400}
html .v7-kaku-name{font-size:var(--t-body)}
html .v7-kaku-num{font-weight:600}
html .v7-kaku-word{font-size:var(--t-note)}
html body{font-family:"Yu Gothic Medium","游ゴシック Medium","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,system-ui,sans-serif}
html .v7-note{font-size:var(--t-note)}
html .v7-tag,html .v7-ring-text{font-size:var(--t-note)}
html .v7-mini-cap,html .v7-mini-sekki,html .v7-mini-ja,html .v17-leaf-desc,html .v17-leaf-state,html .v17-leaf-kind,html .v7-detail-label,html .v7-chapter-tab,html .v7-sex-opt,html .v7-origin,html .v7-views-when,html .v7-kou-when,html .v7-daycard-date,html .v7-ja{font-size:var(--t-note)}
html .v7-mini-cap,html .v17-leaf-kind,html .v17-leaf-desc{letter-spacing:.02em}
html rt{font-size:var(--t-note)}
html .v7-name-ja,html .v7-name-sub,html .v7-rel-kind,html .v7-ring-word,html .v7-next-note,html .v7-rare-sub,html .v7-dl dt,html .v7-dl dd,html #app .v7-ja{font-size:var(--t-note)}
html .v7-glance-title{font-size:var(--t-note);font-weight:700;letter-spacing:.06em}
html .v7-glance-row dt{font-size:var(--t-note);font-weight:700}
html .v7-glance-row dd{font-size:var(--t-small);line-height:1.7}
/* WORK_V23_LAYOUT_BEGIN — formal design, no content or engine changes. */
html body{font:500 var(--t-body)/var(--lh-body) var(--sans);color:var(--fg)}
html h1{font-size:var(--t-h1);line-height:var(--lh-h1)}
html h2{font-size:var(--t-h2);line-height:var(--lh-h2);margin-block:var(--s-5) var(--s-2)}
html h3{font:700 var(--t-h3)/var(--lh-h3) var(--sans);margin-block:var(--s-4) var(--s-1)}
html p{margin-bottom:var(--s-2)}
html small{font-size:var(--t-note);line-height:var(--lh-note)}
html rt{font-size:var(--t-ruby);line-height:1;font-weight:500;opacity:1;color:var(--muted)}
html body button,html body input,html body select,html body textarea{font-family:var(--sans);font-size:var(--t-body)}
html body button,html body select,html body input:not([type=checkbox]):not([type=radio]),html body summary{min-height:48px}
html body :focus-visible{outline:3px solid var(--v23-focus);outline-offset:4px}
html .v7-main{padding:var(--s-4) var(--s-2) 144px}
html .v7-header{padding:var(--s-2);gap:var(--s-2);min-height:80px}
html .v7-header button{font-size:var(--t-note);padding:var(--s-1);min-width:48px}
html .v7-header-right{gap:var(--s-1)}
html .v7-entry h1,html .v7-entry>h1.v7-entry-intro,html .v7-result .v7-name,html .v7-name,html .v7-daycard-word,html .v7-today-word{font-size:var(--t-display);line-height:var(--lh-display);letter-spacing:.02em}
html .v7-entry-intro,html .v7-entry>.v7-note{font-size:var(--t-body);line-height:var(--lh-body)}
html .v7-entry>.v7-note{margin-top:var(--s-2)}
html .v7-note,html .v7-kicker,html .v7-origin,html .v7-status,html .v7-share-note,html .v7-rel-kind{font-size:var(--t-note);line-height:var(--lh-note);color:var(--muted);opacity:1;letter-spacing:.02em}
html .v7-layer,html .v7-block,html .v7-chapter{margin-top:var(--s-5);padding-top:var(--s-4)}
html .v7-chapter-head{gap:var(--s-2);margin-bottom:var(--s-3)}
html .v7-chapter-title,html .v7-layer-head h2{font-size:var(--t-h2);line-height:var(--lh-h2);margin:0}
html .v7-chapter-num{font-size:var(--t-h1);line-height:var(--lh-h1);opacity:1;color:var(--muted)}
html .v7-chapter .v7-sub-title{font:700 var(--t-h3)/var(--lh-h3) var(--sans);margin:var(--s-4) 0 var(--s-1);letter-spacing:.02em}
html .v7-chapter p,html .v7-detail p,html .v7-rel-kind{text-align:left}
html .v7-chapter-tabs{gap:var(--s-1);padding-block:var(--s-1)}
html .v7-chapter-tab{padding:var(--s-1);font-size:var(--t-note);line-height:var(--lh-note);min-width:0;min-height:48px}
html .v7-chapter-tab[aria-current],html .v7-chapter-tab[aria-selected=true]{text-decoration:underline;text-underline-offset:8px}
html .v7-name-en,html .v7-name-ja,html .v7-name-sub{display:block;white-space:nowrap;letter-spacing:0;opacity:1}
html .v7-name-en{font-family:var(--serif);font-weight:500}
html .v7-name-ja,html .v7-name-sub,html #app .v7-ja{font:500 var(--t-note)/var(--lh-note) var(--sans);color:var(--muted)}
html .v7-type{margin:var(--s-2) 0 var(--s-4);padding:var(--s-3) var(--s-2);border:1px solid var(--line);border-radius:16px;background:var(--panel);text-align:center}
html .v7-type .v7-kicker{text-align:center;margin:0 0 var(--s-1)}
html .v7-type-name{font:500 var(--t-h1)/var(--lh-h1) var(--serif);letter-spacing:.02em;margin:0 0 var(--s-2);color:var(--fg)}
html .v7-type-catch{font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg);opacity:1;margin:0;text-align:left}
html .v7-type p.v7-type-name{text-align:center}
html .v7-detail{margin:0 0 var(--s-4);min-width:0}
html .v7-detail p{font-size:var(--t-body);line-height:var(--lh-body);max-width:42em}
html .v7-detail-label{font:700 var(--t-note)/var(--lh-note) var(--sans);color:var(--muted);opacity:1;margin:var(--s-3) 0 var(--s-1);letter-spacing:.02em}
html .v7-detail p.v7-detail-label{font-size:var(--t-note)}
html .v7-detail-list{margin:0;padding:0 0 0 var(--s-3);font-size:var(--t-body);line-height:var(--lh-body)}
html .v7-detail-list li{padding-left:0;margin:0 0 var(--s-1)}
html .v7-detail-list.is-good,html .v7-detail-list.is-care,html .v7-detail-list.is-hint{padding:var(--s-2) var(--s-2) var(--s-1) var(--s-5);border:1px solid var(--line);border-inline-start:3px solid var(--control-line);border-radius:8px;background:var(--panel)}
html .v7-detail-list.is-care{border-inline-start-style:dashed}
html .v7-detail-list.is-hint{border-inline-start-color:var(--v23-mark)}
html .v7-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--s-1);margin:var(--s-2) 0}
html .v7-tag{font:500 var(--t-small)/var(--lh-small) var(--sans);padding:var(--s-1) var(--s-2);border:1px solid var(--line);border-radius:8px;color:var(--fg);background:var(--panel)}
html .v7-color-words .v7-tags{justify-content:flex-start}
html .v7-glance{margin:0 0 var(--s-4);padding:var(--s-2);border:1px solid var(--line);border-top:3px solid var(--v23-mark);border-radius:8px;background:var(--panel)}
html .v7-glance-title{font:700 var(--t-small)/var(--lh-small) var(--sans);color:var(--fg);margin:0 0 var(--s-2);letter-spacing:.02em}
html .v7-glance-list{margin:0}
html .v7-glance-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-1);padding:var(--s-2) 0;border-top:1px solid var(--line)}
html .v7-glance-row:first-child{padding-top:0;border-top:0}
html .v7-glance-row:last-child{padding-bottom:0}
html .v7-glance-row dt{font:700 var(--t-note)/var(--lh-note) var(--sans);color:var(--muted)}
html .v7-glance-row dd{font-size:var(--t-body);line-height:var(--lh-body);margin:0;color:var(--fg)}
/* Native details: Claude changes only the six optional long sections to this contract. */
html details.v7-detail{border-bottom:1px solid var(--line);padding-block:var(--s-1)}
html details.v7-detail>summary{cursor:pointer;min-height:56px;padding:var(--s-2) var(--s-1);font:700 var(--t-h3)/var(--lh-h3) var(--sans);list-style-position:outside;margin-left:var(--s-3)}
html details.v7-detail>summary .v7-sub-title{display:inline;margin:0;font:inherit}
html details.v7-detail[open]>summary{margin-bottom:var(--s-2)}
html .v7-detail-body{padding:0 var(--s-1) var(--s-2)}
html .v7-icon{width:24px;height:24px;flex:none;vertical-align:-5px;display:inline-block;margin-right:var(--s-1);color:currentColor}
html .v7-ring-group{margin:var(--s-3) 0;padding:var(--s-2);border:1px solid var(--line);border-radius:8px;background:var(--panel)}
html .v7-ring-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) var(--s-2);margin:0 0 var(--s-2)}
html .v7-ring-name{font:700 var(--t-h3)/var(--lh-h3) var(--sans)}
html .v7-ring-word{font-size:var(--t-small);line-height:var(--lh-small);color:var(--muted);opacity:1}
html .v7-ring-list.is-chara{display:grid;grid-template-columns:repeat(var(--ring-cols,3),minmax(0,1fr));justify-content:center;gap:var(--s-3) var(--s-1);padding:0;margin:var(--s-3) auto 0;max-width:calc(var(--ring-cols,3)*152px - 8px)}
html .v7-ring-list.is-chara .v7-ring-item{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);min-width:0;text-align:center}
html .v7-ring-list.is-chara .v7-ring-chara{width:100%;max-width:112px}
html .v7-ring-list.is-chara .v7-ring-chara .v7-character{--stage-h:112px;width:100%;margin:0}
html .v7-ring-list.is-chara .v7-ring-text{width:100%;font-size:var(--t-note);line-height:var(--lh-note)}
html .v7-ring-text .v7-name-en{font-size:var(--t-note);letter-spacing:-.015em}
html .v7-ring-text .v7-name-ja,html .v7-ring-text .v7-name-sub{white-space:normal;overflow:visible;text-overflow:clip}
html .v7-season-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-2);margin:var(--s-5) 0 var(--s-3);padding:var(--s-2);border:1px solid var(--line);border-left:3px solid var(--v23-mark);border-radius:8px;background:var(--panel);color:var(--fg)}
html .v7-season-bar-name{font:500 var(--t-h2)/var(--lh-h2) var(--serif)}
html .v7-season-bar-note{font:500 var(--t-note)/var(--lh-note) var(--sans);color:var(--muted);opacity:1}
html .v7-gallery-item.is-mine{outline:2px solid var(--control-line);outline-offset:4px;border-radius:8px;background:var(--v23-soft)}
html .v7-gallery-label{font-size:var(--t-small);line-height:var(--lh-small)}
html .v7-gallery-label small{font-size:var(--t-note)}
html .v7-ex-done{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin:0 0 var(--s-3)}
html .v7-ex-done-mark{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);font:700 var(--t-note)/var(--lh-note) var(--sans);border:1px solid var(--control-line);background:var(--panel);color:var(--fg);border-radius:8px;letter-spacing:.02em}
html .v7-ex-done-mark .v7-icon{width:48px;height:48px;margin:0}
html .v7-ex-done-count,html .v7-ex-type-basis{font-size:var(--t-note);line-height:var(--lh-note);color:var(--muted);opacity:1}
html .v7-ex-type-basis{margin:var(--s-2) 0 0}
html .v7-ex-mix .v7-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-1) var(--s-2);margin:var(--s-3) 0;padding:0}
html .v7-ex-mix .v7-bar-label{grid-column:1;grid-row:1;white-space:normal;overflow:visible;font-size:var(--t-small);line-height:var(--lh-small)}
html .v7-ex-mix .v7-bar-value{grid-column:2;grid-row:1;font-size:var(--t-note);line-height:var(--lh-note);text-align:right;font-variant-numeric:tabular-nums}
html .v7-ex-mix .v7-bar-track{grid-column:1/-1;grid-row:2;height:8px;border-radius:4px;overflow:hidden}
html .v7-ex-mix .v7-bar-fill{background:var(--control-line)}
html .v7-ex-mix .is-top{border-inline-start:3px solid var(--v23-mark);padding-inline-start:var(--s-2)}
html .v7-ex-mix .is-top .v7-bar-label{font-weight:700}
html .v7-ex-mix .is-top .v7-bar-fill{background:var(--fg)}
html .v17-leaf-list,html .v17-root-list{gap:var(--s-2)}
html .v17-leaf,html .v17-root{padding:var(--s-2);gap:var(--s-2);min-height:176px;border-radius:8px}
html .v17-leaf-text{gap:var(--s-1)}
html .v17-leaf-name{font:700 var(--t-body)/var(--lh-h3) var(--sans);min-height:3em}
html .v17-leaf-desc,html .v17-leaf-state,html .v17-leaf-kind,html .v17-leaf-meta{font-size:var(--t-note);line-height:var(--lh-note);opacity:1}
html .v17-leaf-desc,html .v17-leaf-kind{color:var(--muted);letter-spacing:0}
html .v7-nav{grid-template-columns:repeat(3,minmax(0,150px));justify-content:center;gap:var(--s-1);padding:var(--s-1) var(--s-1) max(8px,env(safe-area-inset-bottom))}
html .v7-nav .v7-nav-item{padding:var(--s-1) 0;gap:var(--s-1);font-size:var(--t-note);line-height:var(--lh-note);min-height:72px;border-radius:8px;letter-spacing:0}
html .v7-nav .v7-nav-item[aria-current=page]{background:var(--v23-soft);box-shadow:inset 0 -3px var(--fg);color:var(--fg);font-weight:700}
html .v7-nav-item span{min-width:0}
html .v7-aru-label{min-height:56px;padding:var(--s-2);gap:var(--s-2);border-radius:8px}
html .v7-aru-check{margin-top:var(--s-1)}
html .v7-aru-text{font-size:var(--t-body);line-height:var(--lh-body)}
@media(min-width:768px){html .v7-main{padding-top:var(--s-6);padding-inline:var(--s-4)}html .v7-header{padding-inline:var(--s-4)}html .v7-glance,html .v7-type,html .v7-ring-group{padding:var(--s-3)}html .v7-glance-row{grid-template-columns:8em minmax(0,1fr)}html .v7-entry{gap:var(--s-5)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html body *,html body *::before,html body *::after{animation:none!important;transition:none!important}}
/* WORK_V23_LAYOUT_END */
/* Full English names in the three-column relationship row. */
html .v7-ring-text .v7-name-en{overflow:visible;text-overflow:clip;letter-spacing:-.025em}
html .res-tel,html .res-url{display:inline-flex;align-items:center;min-height:48px;max-width:100%;overflow-wrap:anywhere;padding-block:var(--s-1)}
@media(max-width:390px){html .v7-ring-group{padding-inline:var(--s-1);margin-inline:calc(-1 * var(--s-1))}}
html #app h1.v7-bx{font-size:var(--t-h1)!important;line-height:var(--lh-h1)}
html #app section>h2{margin-top:0}
html #app a[href]{display:inline-flex;align-items:center;min-height:48px;max-width:100%;overflow-wrap:anywhere}
/* Text contrast includes opacity inherited from older presentation rules. */
html .v7-birth-unit,html .v7-rare-sub,html .v7-share-preview .v7-share-url,html .v7-share-preview .v7-theme,html .v7-trait-key,html .v7-toc-title,html .v7-birth-confirm,html .v7-nav-note,html .v7-leaf-item small,html .v7-leaf-item.is-got small{opacity:1;color:var(--muted)}

/* WORK_V41_BEGIN — 2026-10-09 / UI担当 cf6fc299 / 納品版2.0
 * 既存style.cssの互換層の後に配置。style.claude.cssより詳細度を高くする。
 * 精霊の主色は--spirit-accent。文字付き主ボタンは検査済み--action-bg/fgを使う。
 * JS・診断・保存・解放条件を変更しない。新規構造はv41-名前空間。
 */
:root {
 --bg:#F8F7F2;--panel:#FFFFFF;--fg:#25362E;--ink:var(--fg);--muted:#5C695F;
 --line:#DCE1D8;--rule:var(--line);--control-line:#758273;
 --accent:#D7E3A9;--on-accent:#263823;--action-bg:#D7E3A9;--action-fg:#263823;
 --selected:#EAF0E0;--v23-soft:#EAF0E0;--work-soft:#EAF0E0;
 --gold:#74572A;--work-gold:var(--gold);--v23-mark:#899E70;
 --focus:#675096;--v23-focus:var(--focus);--error:#9B3434;--success:#336143;--warning:#79551E;
 --t-note:14px;--t-small:16px;--t-body:16px;--t-h3:20px;--t-h2:24px;--t-h1:30px;--t-display:30px;
 --t-ruby:10px;--lh-body:1.75;--lh-small:1.75;--lh-note:1.7;--lh-h3:1.5;--lh-h2:1.45;--lh-h1:1.4;--lh-display:1.4;
 --weight-regular:400;--weight-strong:600;
 --s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:48px;--s-6:64px;
 --radius-sm:8px;--radius-md:16px;--radius-lg:24px;--nav-item-h:64px;
 --serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;
 --sans:"Hiragino Sans","Yu Gothic Medium","Noto Sans CJK JP",Meiryo,system-ui,sans-serif;
 --shadow:0 4px 24px #25362E08;--work-shadow:none;
}
:root[data-theme="dark"] {
 color-scheme:dark;--bg:#15251F;--panel:#1F332A;--fg:#F1F1E8;--ink:var(--fg);--muted:#B7C5B8;
 --line:#3C5044;--rule:var(--line);--control-line:#879B87;--selected:#314A37;--v23-soft:#314A37;--work-soft:#314A37;
 --gold:#D9C292;--work-gold:var(--gold);--v23-mark:#B8CD95;--focus:#D5BDF7;--v23-focus:var(--focus);
 --error:#FFB6AF;--success:#B8DDAA;--warning:#E8CA91;--shadow:none;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme:dark;--bg:#15251F;--panel:#1F332A;--fg:#F1F1E8;--ink:var(--fg);--muted:#B7C5B8;--line:#3C5044;--rule:var(--line);--control-line:#879B87;--selected:#314A37;--v23-soft:#314A37;--work-soft:#314A37;--gold:#D9C292;--work-gold:var(--gold);--v23-mark:#B8CD95;--focus:#D5BDF7;--v23-focus:var(--focus);--error:#FFB6AF;--success:#B8DDAA;--warning:#E8CA91;--shadow:none}}
html body{background:var(--bg);color:var(--fg);font:400 var(--t-body)/var(--lh-body) var(--sans);letter-spacing:.015em}
html body h1,html body h2,html body h3{font-family:var(--serif);font-weight:600}
html .v7-header{min-height:76px;padding:12px 20px;border-bottom:0;gap:8px}
html .v7-brand{font-size:30px;letter-spacing:0;gap:8px;min-height:48px}
html .v7-brand img,html .v7-brand>svg{width:30px;height:30px;object-fit:contain}
html .v7-header button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--fg);padding:8px;font-size:14px}
html .v41-setting button{min-width:44px;min-height:44px}
html .v7-main{max-width:1100px;padding:16px 20px 120px}
html .v7-screen{max-width:640px}
html #app h1{font-size:var(--t-h1);line-height:1.4;margin:0 0 8px;letter-spacing:.04em}
html .v7-lead{font-size:var(--t-note);line-height:1.75;margin:0 0 24px;color:var(--muted)}
html .v7-primary,html .v7-secondary,html .v41-tertiary{min-height:56px;font:600 var(--t-body)/1.5 var(--sans);letter-spacing:.01em;border-radius:var(--radius-md);padding:14px 16px;transition:transform 160ms ease,background-color 160ms ease;box-shadow:none}
html .v7-primary{color:var(--action-fg);background:var(--action-bg);border:1px solid var(--action-bg);width:100%}
html .v7-secondary{color:var(--fg);background:var(--panel);border:1px solid var(--control-line)}
html .v41-tertiary{color:var(--fg);background:transparent;border:0;min-height:44px;padding:8px;text-underline-offset:5px;text-decoration:underline}
html :is(.v7-primary,.v7-secondary,.v41-tertiary,.v7-hub-card,.v7-nav-item):active{transform:scale(.98)}
html :is(.v7-primary,.v7-secondary):disabled{background:var(--panel);color:var(--muted);border:1px dashed var(--control-line);opacity:1;transform:none}
html :focus-visible{outline:3px solid var(--focus);outline-offset:3px}
html .v7-today-hero{display:flex;flex-direction:column;background:transparent;border:0;border-radius:0;padding:0;margin:0 0 32px;box-shadow:none}
html .v7-today-date{margin:0 0 16px;font:400 var(--t-note)/1.7 var(--sans);color:var(--muted);letter-spacing:.05em;text-align:center}
html .v7-today-who{display:flex;flex-direction:column;gap:12px;text-align:center}
html .v7-today-who .v7-character{--stage-h:224px;width:100%;height:var(--stage-h);margin:0}
html .v7-today-who .v7-character.is-wide{--stage-h:184px}
html .v7-today-who .v7-kicker{font-size:14px;letter-spacing:.06em;color:var(--muted);margin:0 0 8px}
html .v7-today-line{font:600 20px/1.65 var(--serif);letter-spacing:.045em;margin:0;max-width:27em;text-wrap:balance}
html .v7-today-hero .v7-today-head{margin:12px auto 0;font-size:16px;line-height:1.75;text-align:center;max-width:32em}
html .v7-today-color{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;line-height:1.7;margin:16px 0 0;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
html .v7-today-color .v7-lucky-swatch{width:24px;height:24px;flex:none;border:1px solid var(--control-line);border-radius:50%}
html .v7-today-todo{display:flex;flex-direction:column;margin-top:20px;padding-top:0;border:0}
html .v7-today-todo .v7-today-cta{order:-1;margin-bottom:24px}
html .v7-today-todo-title{font:600 16px/1.75 var(--sans);color:var(--fg);margin:0 0 8px;letter-spacing:.03em}
html .v7-today-todo-list{gap:0;margin:0;padding:0;list-style:none}
html .v7-today-todo-list li{display:flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--line);font-size:14px;padding:8px 0}
html .v7-today-todo-list li.is-done{text-decoration:none;color:var(--muted)}
html .v7-today-mark{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--control-line);display:inline-flex;align-items:center;justify-content:center;flex:none}
html .v7-today-todo-list li.is-done .v7-today-mark{background:var(--action-bg);color:var(--action-fg);border-color:var(--action-fg)}
html .v7-today-days{font-size:14px;color:var(--muted)}
html .v7-hub-sec{margin:24px 0 0}
html .v7-hub-title{font:600 20px/1.5 var(--serif);margin:0 0 12px}
html .v7-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
html .v7-hub-card{min-height:144px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--fg);text-align:left;width:100%;height:100%;box-shadow:none}
html .v7-hub-card:hover{background:var(--selected)}
html .v7-hub-icon{width:28px;height:28px;color:var(--fg)}
html .v7-hub-icon svg,html .v7-hub-icon img{width:100%;height:100%;object-fit:contain}
html .v7-hub-label{font-size:16px;line-height:1.5;font-weight:600}
html .v7-hub-sub{font-size:14px;line-height:1.7;color:var(--muted);margin-top:4px}
html .v7-hub-card.is-wide{min-height:152px;flex-direction:row;align-items:center;gap:16px;background:var(--selected);border-color:var(--line)}
html .v7-hub-card.is-wide .v7-hub-icon{width:72px;height:112px;flex:none}
html .v7-hub-card.is-wide .v7-character{--stage-h:112px;margin:0}
html .v7-hub-badge{font-size:14px;line-height:1.4;background:var(--selected);color:var(--fg);border-radius:8px;padding:2px 8px;top:12px;right:12px}
html .v7-nav{grid-template-columns:repeat(var(--nav-n,5),minmax(0,1fr));justify-content:stretch;max-width:700px;padding:8px 8px max(8px,env(safe-area-inset-bottom));gap:0;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;background:var(--panel);box-shadow:0 -4px 24px #00000005}
html .v7-nav .v7-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:64px;padding:6px 0;border-radius:16px;font:400 14px/1.4 var(--sans);letter-spacing:0;white-space:nowrap;color:var(--muted);background:transparent;border:0;box-shadow:none}
html .v7-nav .v7-nav-item>svg{box-sizing:content-box;width:24px;height:24px;padding:4px 14px;border-radius:18px;margin:0;stroke-width:1.65;flex:none}
html .v7-nav .v7-nav-item[aria-current="page"]{background:transparent;color:var(--fg);box-shadow:none;font-weight:600}
html .v7-nav .v7-nav-item[aria-current="page"]>svg{background:var(--selected)}
html .v7-nav .v7-nav-item.has-new::after{width:6px;height:6px;background:var(--fg);top:7px;right:14px;border:2px solid var(--panel);box-sizing:content-box}
html .v7-zukan-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px;list-style:none;padding:0}
html .v7-zukan-stats li{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px}
html .v7-zukan-num{font-size:30px;font-weight:600;font-family:var(--serif)}
html .v7-zukan-of,html .v7-zukan-label{font-size:14px;color:var(--muted)}
/* ここからは第41回の新しいDOM契約。既存画面の計算には介入しない。 */
html .v41-segments{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--line);margin:16px 0 24px;scrollbar-width:thin}
html .v41-segments button{flex:1 0 auto;min-height:48px;padding:8px 10px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);font:400 14px/1.5 var(--sans)}
html .v41-segments button[aria-pressed="true"]{color:var(--fg);border-bottom-color:var(--fg);font-weight:600}
html .v41-count{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
html .v41-count strong{font:600 30px/1.4 var(--serif)}
html .v41-count span,html .v41-caption{font-size:14px;color:var(--muted)}
html .v41-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;list-style:none;padding:0;margin:0}
html .v41-cell{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;min-height:144px;padding:8px 4px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--fg);width:100%;font:400 14px/1.5 var(--sans)}
html .v41-cell img{width:100%;height:108px;object-fit:contain;display:block}
html .v41-cell.is-unknown{background:transparent;color:var(--muted);border-style:dashed}
html .v41-cell.is-unknown img{filter:brightness(0);opacity:.13}
html .v41-summary{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--panel);margin:24px 0;line-height:1.8}
html .v41-summary p{margin:0 0 12px;font-size:16px}
html .v41-summary details{border-top:1px solid var(--line);margin-top:16px;padding-top:8px}
html .v41-summary summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;font-size:16px;list-style:none}
html .v41-summary summary::after{content:"＋"}
html .v41-summary details[open] summary::after{content:"−"}
html .v41-summary h3{font-size:20px;margin:20px 0 8px}
html .v41-state{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--fg)}
html .v41-state.is-error{border-left:3px solid var(--error)}
html .v41-state.is-success{border-left:3px solid var(--success)}
html .v41-state.is-warning{border-left:3px solid var(--warning)}
html .v41-skeleton{background:var(--selected);border-radius:8px;height:16px;margin:12px 0;animation:v41-pulse 1.6s ease-in-out infinite}
html .v41-enter{animation:v41-enter .24s ease-out both}
@keyframes v41-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes v41-pulse{50%{opacity:.5}}
@media(min-width:768px){html .v7-header{padding:16px 32px}html .v7-main{padding:32px 32px 136px}html .v7-hub-grid{gap:16px}html .v41-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html .v7-today-who .v7-character{--stage-h:280px}}
@media(max-width:359px){html .v7-header{padding-inline:16px}html .v7-main{padding-inline:16px}html .v7-nav .v7-nav-item{font-size:14px}html .v7-nav .v7-nav-item>svg{padding-inline:10px}html .v7-hub-grid{gap:8px}html .v7-hub-card{padding:12px}html .v41-grid{gap:12px 8px}}
@media(prefers-reduced-motion:reduce){html .v41-enter,html .v41-skeleton{animation:none}html .v7-primary,html .v7-secondary,html .v7-hub-card,html .v7-nav-item{transition:none}html :is(.v7-primary,.v7-secondary,.v41-tertiary,.v7-hub-card,.v7-nav-item):active{transform:none}}
html .is-crisis .v7-nav{display:none!important}
/* WORK_V41_END */

/* v21: generated image icons; keep their painted colors in both themes. */
.v7-nav-item img,.irotoha-icon{object-fit:contain;filter:none!important;flex-shrink:0}
.v7-nav-item img{width:32px;height:32px}
.irotoha-icon{width:28px;height:28px;vertical-align:middle}
.v17-tree-stage{background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden}
.v17-tree-stage canvas{width:100%;height:auto;display:block;aspect-ratio:3/4}
#leafList button{display:inline-flex;align-items:center;gap:7px}
/* Daily rituals v21 */
:root{--ritual-ink:#0A2018;--ritual-muted:#506454;--ritual-paper:#FFFDF7;--ritual-edge:#7C857A;--ritual-wash:#EDF0E4;--ritual-sky:#FBF7EC}
:root[data-theme="dark"]{--ritual-ink:#F6F2E5;--ritual-muted:#B8C9B9;--ritual-paper:#132B22;--ritual-edge:#A8B3A1;--ritual-wash:#233C2D;--ritual-sky:#0A2018}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--ritual-ink:#F6F2E5;--ritual-muted:#B8C9B9;--ritual-paper:#132B22;--ritual-edge:#A8B3A1;--ritual-wash:#233C2D;--ritual-sky:#0A2018}}
body[data-time="夜明け"]{--time-wash:#eee9ec}body[data-time="朝"]{--time-wash:#edf2e6}body[data-time="昼"]{--time-wash:#fbf7ec}body[data-time="夕暮れ"]{--time-wash:#f3e9dc}body[data-time="宵"]{--time-wash:#eceaf2}body[data-time="夜"]{--time-wash:#e7eeee}body[data-time="深夜"]{--time-wash:#e6e9ed}
body[data-time]{background:linear-gradient(180deg,color-mix(in srgb,var(--time-wash) 12%,var(--ritual-sky)),var(--ritual-sky) 72vh);background-attachment:fixed}
.v7-daycard,.v7-letter,.v7-myseason,.v7-aru,.v7-year,.v7-star,.v7-diff{box-sizing:border-box;min-width:0;max-width:100%;color:var(--ritual-ink);overflow-wrap:anywhere}
.v7-daycard,.v7-letter{margin:28px 0;padding:clamp(16px,4vw,32px);border:1px solid var(--ritual-edge);border-radius:18px;background:var(--ritual-paper)}
.v7-daycard h2,.v7-letter h2{font-size:18px;font-weight:500;letter-spacing:.12em}
.v7-daycard-date,.v7-daycard .v7-note,.v7-letter .v7-note,.v7-aru-count,.v7-year-step{color:var(--ritual-muted);font-size:13px;line-height:1.8}
.v7-daycard-back{position:relative;isolation:isolate;display:grid;justify-items:center;align-content:center;gap:14px;min-height:300px;padding:28px 14px;border-radius:120px 120px 12px 12px;border:1px solid var(--ritual-edge);background:radial-gradient(ellipse at 50% 35%,var(--ritual-wash),var(--ritual-paper) 70%);overflow:hidden}
.v7-daycard-back:before{content:"";display:block;width:88px;height:88px;background:var(--ritual-logo) center/contain no-repeat}
.v7-daycard-back:after{content:"";position:absolute;inset:12px;border:1px solid var(--ritual-edge);border-radius:110px 110px 7px 7px;opacity:.35;pointer-events:none}
.v7-daycard-back .v7-note{text-align:center;margin:0}
.v7-daycard-face{position:relative;isolation:isolate;overflow:hidden;padding:24px clamp(14px,4vw,28px);border-radius:12px;background:var(--ritual-paper);border:1px solid var(--ritual-edge)}
.v7-daycard-face:before{content:"";display:block;height:4px;border-radius:2px;margin-bottom:26px;background:linear-gradient(90deg,var(--today-main,#82976f) 0 25%,var(--today-base,#e8d8b5) 25% 50%,var(--today-depth,#516658) 50% 75%,var(--today-accent,#E3B04A) 75%)}
.v7-daycard-word{font-family:serif;font-size:clamp(25px,6vw,36px);letter-spacing:.1em;line-height:1.6;margin:12px 0}
.v7-daycard-face>p{line-height:1.9}.v7-daycard-voice{position:relative;margin:24px 0;padding:20px 16px;border-radius:8px;background:var(--ritual-wash)}
.v7-daycard-voice:before{content:"";display:block;width:32px;height:2px;background:var(--spirit-accent,#E3B04A);margin-bottom:14px}
.v7-daycard-line{line-height:2;margin-bottom:0}.v7-daycard-face.is-just-open{animation:ritual-unseal .84s cubic-bezier(.2,.7,.2,1) both}
@keyframes ritual-unseal{from{opacity:.35;transform:translateY(8px);clip-path:inset(0 0 88% 0 round 12px)}60%{opacity:1}to{opacity:1;transform:none;clip-path:inset(0 round 12px)}}
.v7-letter-paper{position:relative;padding:30px clamp(18px,4vw,34px);border:1px solid var(--ritual-edge);border-radius:3px 3px 14px 3px;background:var(--ritual-paper);box-shadow:0 5px 0 -2px var(--ritual-wash),0 6px 0 -2px var(--ritual-edge)}
.v7-letter-paper:before{content:"";display:block;width:38px;height:2px;background:var(--spirit-accent,#E3B04A);margin-bottom:25px}
.v7-letter-paper p{font-family:serif;font-size:16px;line-height:2.15;margin:0 0 22px}.v7-letter-paper .v7-letter-to{font-size:14px}.v7-letter-paper .v7-letter-from{text-align:right;font-size:13px;margin-bottom:0}.v7-letter-omamori{padding-top:20px;border-top:1px solid var(--ritual-edge)}
.v7-myseason{position:relative;margin:24px 0;padding:22px 22px 22px 34px;border:1px solid var(--ritual-edge);border-radius:12px;background:var(--ritual-paper)}
.v7-myseason:before{content:"";position:absolute;left:15px;top:29px;width:6px;height:6px;transform:rotate(45deg);border:1px solid var(--ritual-ink);background:var(--spirit-accent,#E3B04A)}
.v7-myseason h2,.v7-myseason-title{font-size:17px;letter-spacing:.06em}.v7-myseason p{line-height:1.9}
.v7-aru-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.v7-aru-item{margin:0;padding:0}.v7-aru-label{box-sizing:border-box;display:flex;align-items:center;gap:14px;min-height:56px;padding:14px;border:1px solid var(--ritual-edge);border-radius:10px;background:var(--ritual-paper);cursor:pointer;transition:background .15s}
.v7-aru-label:has(input:checked){background:var(--ritual-wash);border-color:var(--ritual-ink)}.v7-aru-check{width:22px;height:22px;flex:0 0 22px;accent-color:var(--ritual-ink);margin:0}.v7-aru-text{line-height:1.8;min-width:0}
.v7-year-head{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin:28px 0}.v7-year-num{position:relative;display:grid;place-items:center;width:150px;height:150px;font:42px/1 serif;color:var(--ritual-ink)}
.v7-year-num:before,.v7-year-num:after{content:"";position:absolute;inset:0;pointer-events:none}.v7-year-num:before{background:var(--cycle-dots)}.v7-year-name{font-size:18px;letter-spacing:.08em}.v7-year-step{text-align:center}.v7-star,.v7-diff{padding:22px;border:1px solid var(--ritual-edge);border-radius:12px;background:var(--ritual-paper);margin:24px 0}.v7-diff{border-left-width:3px}
.v7-nav-item.has-new{position:relative}.v7-nav-item.has-new:after{content:"";position:absolute;top:7px;right:calc(50% - 24px);width:7px;height:7px;border:1.5px solid var(--ritual-ink);background:var(--ritual-paper);transform:rotate(45deg)}
.v7-primary,.v7-secondary,.v7-nav-item,.v7-tab{min-height:44px;min-width:44px}.v7-primary,.v7-secondary{max-width:100%;white-space:normal;overflow-wrap:anywhere}.v7-secondary,.v7-choice,.v7-option{border-color:var(--ritual-edge)}
:is(.v7-primary,.v7-secondary,.v7-nav-item,.v7-tab,.v7-aru-check):focus-visible{outline:2px solid var(--ritual-ink);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.v7-daycard-face.is-just-open{animation:none;transform:none;clip-path:none}.v7-aru-label{transition:none}}
.v7-year[data-cycle="1"] .v7-year-num:after{background:radial-gradient(circle at 75.00px 14.00px,var(--ritual-ink) 0 4px,var(--ritual-paper) 4.5px 6px,var(--ritual-ink) 6.5px 7.5px,transparent 8px)}
.v7-year[data-cycle="2"] .v7-year-num:after{background:radial-gradient(circle at 114.21px 28.27px,var(--ritual-ink) 0 4px,var(--ritual-paper) 4.5px 6px,var(--ritual-ink) 6.5px 7.5px,transparent 8px)}
.v7-year[data-cycle="3"] .v7-year-num:after{background:radial-gradient(circle at 135.07px 64.41px,var(--ritual-ink) 0 4px,var(--ritual-paper) 4.5px 6px,var(--ritual-ink) 6.5px 7.5px,transparent 8px)}
.v7-year[data-cycle="4"] .v7-year-num:after{background:radial-gradient(circle at 127.83px 105.50px,var(--ritual-ink) 0 4px,var(--ritual-paper) 4.5px 6px,var(--ritual-ink) 6.5px 7.5px,transparent 8px)}
.v7-year[data-cycle="5"] .v7-year-num:after{background:radial-gradient(circle at 95.86px 132.32px,var(--ritual-ink) 0 4px,var(--ritual-paper) 4.5px 6px,var(--ritual-ink) 6.5px 7.5px,transparent 8px)}
.v7-year[data-cycle="6"] .v7-year-num:after{background:radial-gradient(circle at 54.14px 132.32px,var(--ritual-ink) 0 4px,var(--ritual-paper) 4.5px 6px,var(--ritual-ink) 6.5px 7.5px,transparent 8px)}
.v7-year[data-cycle="7"] .v7-year-num:after{background:radial-gradient(circle at 22.17px 105.50px,var(--ritual-ink) 0 4px,var(--ritual-paper) 4.5px 6px,var(--ritual-ink) 6.5px 7.5px,transparent 8px)}
.v7-year[data-cycle="8"] .v7-year-num:after{background:radial-gradient(circle at 14.93px 64.41px,var(--ritual-ink) 0 4px,var(--ritual-paper) 4.5px 6px,var(--ritual-ink) 6.5px 7.5px,transparent 8px)}
.v7-year[data-cycle="9"] .v7-year-num:after{background:radial-gradient(circle at 35.79px 28.27px,var(--ritual-ink) 0 4px,var(--ritual-paper) 4.5px 6px,var(--ritual-ink) 6.5px 7.5px,transparent 8px)}
:root{--cycle-dots:radial-gradient(circle at 75.00px 14.00px,var(--ritual-edge) 0 3px,transparent 3.5px),radial-gradient(circle at 114.21px 28.27px,var(--ritual-edge) 0 3px,transparent 3.5px),radial-gradient(circle at 135.07px 64.41px,var(--ritual-edge) 0 3px,transparent 3.5px),radial-gradient(circle at 127.83px 105.50px,var(--ritual-edge) 0 3px,transparent 3.5px),radial-gradient(circle at 95.86px 132.32px,var(--ritual-edge) 0 3px,transparent 3.5px),radial-gradient(circle at 54.14px 132.32px,var(--ritual-edge) 0 3px,transparent 3.5px),radial-gradient(circle at 22.17px 105.50px,var(--ritual-edge) 0 3px,transparent 3.5px),radial-gradient(circle at 14.93px 64.41px,var(--ritual-edge) 0 3px,transparent 3.5px),radial-gradient(circle at 35.79px 28.27px,var(--ritual-edge) 0 3px,transparent 3.5px);--ritual-logo:url("ritual-logo.14eff1e40e.webp")}

/* WORK_V23_TOKENS_BEGIN — 7 text levels; ruby is the accessibility exception. */
:root {
 --t-display:30px;--t-h1:26px;--t-h2:21px;--t-h3:18px;--t-body:16px;--t-small:15px;--t-note:14px;--t-ruby:10px;
 --lh-display:1.35;--lh-h1:1.4;--lh-h2:1.45;--lh-h3:1.5;--lh-body:1.85;--lh-small:1.75;--lh-note:1.7;
 --s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:48px;--s-6:64px;
 --sans:"Yu Gothic Medium","游ゴシック Medium","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,system-ui,sans-serif;
 --fg:#0A2018;--ink:#0A2018;--muted:#4F6151;--line:#D5DBCE;--rule:#D5DBCE;--control-line:#7C857A;
 --gold:#E3B04A;--work-gold:#E3B04A;--v23-mark:#E3B04A;--v23-soft:#F1EFE2;--v23-focus:#6B4DA2;
}
:root[data-theme="dark"] {--fg:#FBF7EC;--ink:#FBF7EC;--muted:#B9C3B2;--line:#40554B;--rule:#40554B;--control-line:#91A38F;--v23-soft:#19372B;--v23-focus:#CBB9EF}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--fg:#FBF7EC;--ink:#FBF7EC;--muted:#B9C3B2;--line:#40554B;--rule:#40554B;--control-line:#91A38F;--v23-soft:#19372B;--v23-focus:#CBB9EF}}
@media(min-width:768px){:root{--t-display:36px;--t-h1:30px;--t-h2:24px;--t-h3:19px;--t-body:17px;--t-ruby:11px}}
/* WORK_V23_TOKENS_END */

html .v7-leaf-item{line-height:1.7}
html .v7-leaf-item small{font-size:.86em}
html .v7-share-preview .v7-theme{font-size:var(--t-body)}
html .v7-share-preview .v7-share-url{font-size:var(--t-note);letter-spacing:.04em}
html .v7-nav-note{font-size:var(--t-note)}
html .v7-birth-label{font-size:var(--t-note);font-weight:600;letter-spacing:.04em}
html .v7-birth-input{font-size:var(--t-h2)}
html .v7-birth-unit{font-size:var(--t-small)}
html .v7-rare-list li{font-size:var(--t-small)}
html .v7-rare-num{font:500 var(--t-display)/var(--lh-display) var(--serif,serif)}
html .v7-trait-key{font-size:var(--t-note);font-weight:600;letter-spacing:.08em}
html .v7-views li{font-size:var(--t-small)}
html .v7-views-when{font-size:var(--t-note);font-weight:600}
html .v7-kou-when{font-size:var(--t-note);font-weight:600}
html .v7-kou-word{font:500 var(--t-h2)/var(--lh-h2) var(--serif,serif);letter-spacing:.04em}
html .v7-back{font-size:var(--t-small)}
html .v7-footer-link{font-size:var(--t-note)}
html .v7-rare-label{font-size:var(--t-body);font-weight:600;line-height:1.5}
html .v7-rare-sub{font-size:var(--t-note);line-height:1.5}
html .v7-theme-word{font:500 var(--t-h1)/var(--lh-h1) var(--serif,serif);letter-spacing:.06em}
html .v7-tag{font-size:var(--t-note);line-height:1.6}
html .v7-pal-title{font-size:var(--t-small);letter-spacing:.06em}
html .v7-pal-no{font-size:var(--t-note);letter-spacing:.2em}
html .v7-toc-title{font-size:var(--t-note);font-weight:600;letter-spacing:.12em}
html .v7-toc-link{font-size:var(--t-note)}
html .v7-birth-confirm{font-size:var(--t-note)}
html .v7-primary,html .v7-secondary{font-size:var(--t-note);font-weight:600;letter-spacing:.06em;line-height:1.4}
html .v7-secondary{font-weight:500}
html .v7-motion{font-size:var(--t-note)}
html .v7-next-note{font-size:var(--t-note);line-height:1.75}
html .v7-chapter-num{font:500 var(--t-display)/var(--lh-display) var(--serif,serif)}
html .v7-chapter-title{font-size:var(--t-h2);letter-spacing:.06em}
html .v7-chapter .v7-sub-title{font-size:var(--t-body);letter-spacing:.04em}
html .v7-aru-label{line-height:1.6}
html .v7-aru-count{font-size:var(--t-note);font-weight:600}
html .v7-year-num{font:500 var(--t-display)/var(--lh-display) var(--serif,serif)}
html .v7-year-name{font-size:var(--t-h3);font-weight:600;letter-spacing:.06em}
html .v7-year-step{font-size:var(--t-note)}
html .v7-daycard-date{font-size:var(--t-note)}
html .v7-daycard-word{font:500 var(--t-display)/var(--lh-display) var(--serif,serif);letter-spacing:.08em}
html .v7-daycard-line{font-size:var(--t-body);line-height:1.7}
html .v7-letter-paper p{line-height:1.9}
html .v7-letter-to{font-weight:600}
html .v7-letter-from{font-weight:600}
html .v7-myseason-title{font-size:var(--t-h3);font-weight:600}
html .v7-name-ja{font-size:.86em}
html .v7-name-sub{font-size:.78em}
html .v7-mini-ja{font-size:var(--t-note)}
html .v7-season-bar{font-size:var(--t-h2)}
html .v7-season-bar-note{font-size:var(--t-note);font-weight:400}
html .v7-type-name{font:500 var(--t-h2)/var(--lh-h2) var(--serif,serif);letter-spacing:.04em}
html .v7-type-catch{font-size:var(--t-note);line-height:1.8}
html .v7-detail p{line-height:1.95}
html .v7-detail-label{font-size:var(--t-note);font-weight:600;letter-spacing:.1em}
html .v7-detail-list{line-height:1.9}
html .v7-rel-kind{font-size:var(--t-note);line-height:1.8}
html .v7-ring-name{font-size:var(--t-body)}
html .v7-ring-word{font-size:var(--t-note)}
html .v7-ring-text{font-size:var(--t-note);line-height:1.5}
html .v7-ex-done-mark{font-size:var(--t-note);font-weight:600;letter-spacing:.1em}
html .v7-ex-done-count{font-size:var(--t-note)}
html .v7-ex-type-basis{font-size:var(--t-note)}
html .v7-ex-mix .v7-bar-label{font-size:var(--t-note)}
html .v7-ex-mix .v7-bar-value{font-size:var(--t-note)}
html .v7-ex-mix .is-top .v7-bar-label{font-weight:700}
html rt{font-size:.5em;line-height:1;letter-spacing:0;font-weight:400}
html .v7-kaku-name{font-size:var(--t-body)}
html .v7-kaku-num{font-weight:600}
html .v7-kaku-word{font-size:var(--t-note)}
html body{font-family:"Yu Gothic Medium","游ゴシック Medium","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",YuGothic,Meiryo,system-ui,sans-serif}
html .v7-note{font-size:var(--t-note)}
html .v7-tag,html .v7-ring-text{font-size:var(--t-note)}
html .v7-mini-cap,html .v7-mini-sekki,html .v7-mini-ja,html .v17-leaf-desc,html .v17-leaf-state,html .v17-leaf-kind,html .v7-detail-label,html .v7-chapter-tab,html .v7-sex-opt,html .v7-origin,html .v7-views-when,html .v7-kou-when,html .v7-daycard-date,html .v7-ja{font-size:var(--t-note)}
html .v7-mini-cap,html .v17-leaf-kind,html .v17-leaf-desc{letter-spacing:.02em}
html rt{font-size:var(--t-note)}
html .v7-name-ja,html .v7-name-sub,html .v7-rel-kind,html .v7-ring-word,html .v7-next-note,html .v7-rare-sub,html .v7-dl dt,html .v7-dl dd,html #app .v7-ja{font-size:var(--t-note)}
html .v7-glance-title{font-size:var(--t-note);font-weight:700;letter-spacing:.06em}
html .v7-glance-row dt{font-size:var(--t-note);font-weight:700}
html .v7-glance-row dd{font-size:var(--t-small);line-height:1.7}
/* WORK_V23_LAYOUT_BEGIN — formal design, no content or engine changes. */
html body{font:500 var(--t-body)/var(--lh-body) var(--sans);color:var(--fg)}
html h1{font-size:var(--t-h1);line-height:var(--lh-h1)}
html h2{font-size:var(--t-h2);line-height:var(--lh-h2);margin-block:var(--s-5) var(--s-2)}
html h3{font:700 var(--t-h3)/var(--lh-h3) var(--sans);margin-block:var(--s-4) var(--s-1)}
html p{margin-bottom:var(--s-2)}
html small{font-size:var(--t-note);line-height:var(--lh-note)}
html rt{font-size:var(--t-ruby);line-height:1;font-weight:500;opacity:1;color:var(--muted)}
html body button,html body input,html body select,html body textarea{font-family:var(--sans);font-size:var(--t-body)}
html body button,html body select,html body input:not([type=checkbox]):not([type=radio]),html body summary{min-height:48px}
html body :focus-visible{outline:3px solid var(--v23-focus);outline-offset:4px}
html .v7-main{padding:var(--s-4) var(--s-2) 144px}
html .v7-header{padding:var(--s-2);gap:var(--s-2);min-height:80px}
html .v7-header button{font-size:var(--t-note);padding:var(--s-1);min-width:48px}
html .v7-header-right{gap:var(--s-1)}
html .v7-entry h1,html .v7-entry>h1.v7-entry-intro,html .v7-result .v7-name,html .v7-name,html .v7-daycard-word,html .v7-today-word{font-size:var(--t-display);line-height:var(--lh-display);letter-spacing:.02em}
html .v7-entry-intro,html .v7-entry>.v7-note{font-size:var(--t-body);line-height:var(--lh-body)}
html .v7-entry>.v7-note{margin-top:var(--s-2)}
html .v7-note,html .v7-kicker,html .v7-origin,html .v7-status,html .v7-share-note,html .v7-rel-kind{font-size:var(--t-note);line-height:var(--lh-note);color:var(--muted);opacity:1;letter-spacing:.02em}
html .v7-layer,html .v7-block,html .v7-chapter{margin-top:var(--s-5);padding-top:var(--s-4)}
html .v7-chapter-head{gap:var(--s-2);margin-bottom:var(--s-3)}
html .v7-chapter-title,html .v7-layer-head h2{font-size:var(--t-h2);line-height:var(--lh-h2);margin:0}
html .v7-chapter-num{font-size:var(--t-h1);line-height:var(--lh-h1);opacity:1;color:var(--muted)}
html .v7-chapter .v7-sub-title{font:700 var(--t-h3)/var(--lh-h3) var(--sans);margin:var(--s-4) 0 var(--s-1);letter-spacing:.02em}
html .v7-chapter p,html .v7-detail p,html .v7-rel-kind{text-align:left}
html .v7-chapter-tabs{gap:var(--s-1);padding-block:var(--s-1)}
html .v7-chapter-tab{padding:var(--s-1);font-size:var(--t-note);line-height:var(--lh-note);min-width:0;min-height:48px}
html .v7-chapter-tab[aria-current],html .v7-chapter-tab[aria-selected=true]{text-decoration:underline;text-underline-offset:8px}
html .v7-name-en,html .v7-name-ja,html .v7-name-sub{display:block;white-space:nowrap;letter-spacing:0;opacity:1}
html .v7-name-en{font-family:var(--serif);font-weight:500}
html .v7-name-ja,html .v7-name-sub,html #app .v7-ja{font:500 var(--t-note)/var(--lh-note) var(--sans);color:var(--muted)}
html .v7-type{margin:var(--s-2) 0 var(--s-4);padding:var(--s-3) var(--s-2);border:1px solid var(--line);border-radius:16px;background:var(--panel);text-align:center}
html .v7-type .v7-kicker{text-align:center;margin:0 0 var(--s-1)}
html .v7-type-name{font:500 var(--t-h1)/var(--lh-h1) var(--serif);letter-spacing:.02em;margin:0 0 var(--s-2);color:var(--fg)}
html .v7-type-catch{font-size:var(--t-body);line-height:var(--lh-body);color:var(--fg);opacity:1;margin:0;text-align:left}
html .v7-type p.v7-type-name{text-align:center}
html .v7-detail{margin:0 0 var(--s-4);min-width:0}
html .v7-detail p{font-size:var(--t-body);line-height:var(--lh-body);max-width:42em}
html .v7-detail-label{font:700 var(--t-note)/var(--lh-note) var(--sans);color:var(--muted);opacity:1;margin:var(--s-3) 0 var(--s-1);letter-spacing:.02em}
html .v7-detail p.v7-detail-label{font-size:var(--t-note)}
html .v7-detail-list{margin:0;padding:0 0 0 var(--s-3);font-size:var(--t-body);line-height:var(--lh-body)}
html .v7-detail-list li{padding-left:0;margin:0 0 var(--s-1)}
html .v7-detail-list.is-good,html .v7-detail-list.is-care,html .v7-detail-list.is-hint{padding:var(--s-2) var(--s-2) var(--s-1) var(--s-5);border:1px solid var(--line);border-inline-start:3px solid var(--control-line);border-radius:8px;background:var(--panel)}
html .v7-detail-list.is-care{border-inline-start-style:dashed}
html .v7-detail-list.is-hint{border-inline-start-color:var(--v23-mark)}
html .v7-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--s-1);margin:var(--s-2) 0}
html .v7-tag{font:500 var(--t-small)/var(--lh-small) var(--sans);padding:var(--s-1) var(--s-2);border:1px solid var(--line);border-radius:8px;color:var(--fg);background:var(--panel)}
html .v7-color-words .v7-tags{justify-content:flex-start}
html .v7-glance{margin:0 0 var(--s-4);padding:var(--s-2);border:1px solid var(--line);border-top:3px solid var(--v23-mark);border-radius:8px;background:var(--panel)}
html .v7-glance-title{font:700 var(--t-small)/var(--lh-small) var(--sans);color:var(--fg);margin:0 0 var(--s-2);letter-spacing:.02em}
html .v7-glance-list{margin:0}
html .v7-glance-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-1);padding:var(--s-2) 0;border-top:1px solid var(--line)}
html .v7-glance-row:first-child{padding-top:0;border-top:0}
html .v7-glance-row:last-child{padding-bottom:0}
html .v7-glance-row dt{font:700 var(--t-note)/var(--lh-note) var(--sans);color:var(--muted)}
html .v7-glance-row dd{font-size:var(--t-body);line-height:var(--lh-body);margin:0;color:var(--fg)}
/* Native details: Claude changes only the six optional long sections to this contract. */
html details.v7-detail{border-bottom:1px solid var(--line);padding-block:var(--s-1)}
html details.v7-detail>summary{cursor:pointer;min-height:56px;padding:var(--s-2) var(--s-1);font:700 var(--t-h3)/var(--lh-h3) var(--sans);list-style-position:outside;margin-left:var(--s-3)}
html details.v7-detail>summary .v7-sub-title{display:inline;margin:0;font:inherit}
html details.v7-detail[open]>summary{margin-bottom:var(--s-2)}
html .v7-detail-body{padding:0 var(--s-1) var(--s-2)}
html .v7-icon{width:24px;height:24px;flex:none;vertical-align:-5px;display:inline-block;margin-right:var(--s-1);color:currentColor}
html .v7-ring-group{margin:var(--s-3) 0;padding:var(--s-2);border:1px solid var(--line);border-radius:8px;background:var(--panel)}
html .v7-ring-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) var(--s-2);margin:0 0 var(--s-2)}
html .v7-ring-name{font:700 var(--t-h3)/var(--lh-h3) var(--sans)}
html .v7-ring-word{font-size:var(--t-small);line-height:var(--lh-small);color:var(--muted);opacity:1}
html .v7-ring-list.is-chara{display:grid;grid-template-columns:repeat(var(--ring-cols,3),minmax(0,1fr));justify-content:center;gap:var(--s-3) var(--s-1);padding:0;margin:var(--s-3) auto 0;max-width:calc(var(--ring-cols,3)*152px - 8px)}
html .v7-ring-list.is-chara .v7-ring-item{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);min-width:0;text-align:center}
html .v7-ring-list.is-chara .v7-ring-chara{width:100%;max-width:112px}
html .v7-ring-list.is-chara .v7-ring-chara .v7-character{--stage-h:112px;width:100%;margin:0}
html .v7-ring-list.is-chara .v7-ring-text{width:100%;font-size:var(--t-note);line-height:var(--lh-note)}
html .v7-ring-text .v7-name-en{font-size:var(--t-note);letter-spacing:-.015em}
html .v7-ring-text .v7-name-ja,html .v7-ring-text .v7-name-sub{white-space:normal;overflow:visible;text-overflow:clip}
html .v7-season-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-2);margin:var(--s-5) 0 var(--s-3);padding:var(--s-2);border:1px solid var(--line);border-left:3px solid var(--v23-mark);border-radius:8px;background:var(--panel);color:var(--fg)}
html .v7-season-bar-name{font:500 var(--t-h2)/var(--lh-h2) var(--serif)}
html .v7-season-bar-note{font:500 var(--t-note)/var(--lh-note) var(--sans);color:var(--muted);opacity:1}
html .v7-gallery-item.is-mine{outline:2px solid var(--control-line);outline-offset:4px;border-radius:8px;background:var(--v23-soft)}
html .v7-gallery-label{font-size:var(--t-small);line-height:var(--lh-small)}
html .v7-gallery-label small{font-size:var(--t-note)}
html .v7-ex-done{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin:0 0 var(--s-3)}
html .v7-ex-done-mark{display:inline-flex;align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);font:700 var(--t-note)/var(--lh-note) var(--sans);border:1px solid var(--control-line);background:var(--panel);color:var(--fg);border-radius:8px;letter-spacing:.02em}
html .v7-ex-done-mark .v7-icon{width:48px;height:48px;margin:0}
html .v7-ex-done-count,html .v7-ex-type-basis{font-size:var(--t-note);line-height:var(--lh-note);color:var(--muted);opacity:1}
html .v7-ex-type-basis{margin:var(--s-2) 0 0}
html .v7-ex-mix .v7-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-1) var(--s-2);margin:var(--s-3) 0;padding:0}
html .v7-ex-mix .v7-bar-label{grid-column:1;grid-row:1;white-space:normal;overflow:visible;font-size:var(--t-small);line-height:var(--lh-small)}
html .v7-ex-mix .v7-bar-value{grid-column:2;grid-row:1;font-size:var(--t-note);line-height:var(--lh-note);text-align:right;font-variant-numeric:tabular-nums}
html .v7-ex-mix .v7-bar-track{grid-column:1/-1;grid-row:2;height:8px;border-radius:4px;overflow:hidden}
html .v7-ex-mix .v7-bar-fill{background:var(--control-line)}
html .v7-ex-mix .is-top{border-inline-start:3px solid var(--v23-mark);padding-inline-start:var(--s-2)}
html .v7-ex-mix .is-top .v7-bar-label{font-weight:700}
html .v7-ex-mix .is-top .v7-bar-fill{background:var(--fg)}
html .v17-leaf-list,html .v17-root-list{gap:var(--s-2)}
html .v17-leaf,html .v17-root{padding:var(--s-2);gap:var(--s-2);min-height:176px;border-radius:8px}
html .v17-leaf-text{gap:var(--s-1)}
html .v17-leaf-name{font:700 var(--t-body)/var(--lh-h3) var(--sans);min-height:3em}
html .v17-leaf-desc,html .v17-leaf-state,html .v17-leaf-kind,html .v17-leaf-meta{font-size:var(--t-note);line-height:var(--lh-note);opacity:1}
html .v17-leaf-desc,html .v17-leaf-kind{color:var(--muted);letter-spacing:0}
html .v7-nav{grid-template-columns:repeat(3,minmax(0,150px));justify-content:center;gap:var(--s-1);padding:var(--s-1) var(--s-1) max(8px,env(safe-area-inset-bottom))}
html .v7-nav .v7-nav-item{padding:var(--s-1) 0;gap:var(--s-1);font-size:var(--t-note);line-height:var(--lh-note);min-height:72px;border-radius:8px;letter-spacing:0}
html .v7-nav .v7-nav-item[aria-current=page]{background:var(--v23-soft);box-shadow:inset 0 -3px var(--fg);color:var(--fg);font-weight:700}
html .v7-nav-item span{min-width:0}
html .v7-aru-label{min-height:56px;padding:var(--s-2);gap:var(--s-2);border-radius:8px}
html .v7-aru-check{margin-top:var(--s-1)}
html .v7-aru-text{font-size:var(--t-body);line-height:var(--lh-body)}
@media(min-width:768px){html .v7-main{padding-top:var(--s-6);padding-inline:var(--s-4)}html .v7-header{padding-inline:var(--s-4)}html .v7-glance,html .v7-type,html .v7-ring-group{padding:var(--s-3)}html .v7-glance-row{grid-template-columns:8em minmax(0,1fr)}html .v7-entry{gap:var(--s-5)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html body *,html body *::before,html body *::after{animation:none!important;transition:none!important}}
/* WORK_V23_LAYOUT_END */
/* Full English names in the three-column relationship row. */
html .v7-ring-text .v7-name-en{overflow:visible;text-overflow:clip;letter-spacing:-.025em}
html .res-tel,html .res-url{display:inline-flex;align-items:center;min-height:48px;max-width:100%;overflow-wrap:anywhere;padding-block:var(--s-1)}
@media(max-width:390px){html .v7-ring-group{padding-inline:var(--s-1);margin-inline:calc(-1 * var(--s-1))}}
html #app h1.v7-bx{font-size:var(--t-h1)!important;line-height:var(--lh-h1)}
html #app section>h2{margin-top:0}
html #app a[href]{display:inline-flex;align-items:center;min-height:48px;max-width:100%;overflow-wrap:anywhere}
/* Text contrast includes opacity inherited from older presentation rules. */
html .v7-birth-unit,html .v7-rare-sub,html .v7-share-preview .v7-share-url,html .v7-share-preview .v7-theme,html .v7-trait-key,html .v7-toc-title,html .v7-birth-confirm,html .v7-nav-note,html .v7-leaf-item small,html .v7-leaf-item.is-got small{opacity:1;color:var(--muted)}

/* ============================================================   Claude の持ち物。**Workさんはこのファイルを触らなくて結構です。**
   Work の style.css のあとに読み込まれます。
   ここにあるのは「**Work がまだ設計していない class**」だけです。
   設計されたぶんは、そのつど削ります。
=================================================================== */

/* -------------------------------------------------------------------
   第9回で整理したもの（Work 指示4「style.claude.css の整理はClaude」）

   削除済み：blk / swatches / chip / chip-name / who-box / who-dl /
            layer-box / reading / watch / sheet / sheet-in / footer
            → すべて **Work の style.css（第9回）に定義済み**のため。
   削除済み：v5-art / v5-card-caption / v5-gallery-label / v5-main /
            v5-spirit-name / v5-spirit-ja
            → v7 で使われなくなった旧 v5 の切り抜き規則。
              Work 指示「旧v5の切り抜き規則は移植しない」に従い、移さず削除。
              ui.js での使用は 0 箇所であることを確認済み。
------------------------------------------------------------------- */

/* ===================================================================
   いま Work に設計をお願いしたい class（**本体の style.css に未定義**）
     .v7-leaf-branch-group … 枝ひとつぶんのまとまり（葉の台帳）
     .v7-leaf-item         … 葉ひとつ（.is-got が「集めました」）
     .v7-theme             … 共有の確認DOMの「テーマ」（第9回で追加指定）
     .v7-share-url         … 共有の確認DOM末尾の irotoha.com（ロゴ行の置き換え）
   いずれも読めるだけの最小限です。見た目は決めていません。
=================================================================== */
.v7-leaf-branch-group{margin:28px 0}
.v7-leaf-branch-group ul{margin:10px 0 0;padding-left:1.3em}
.v7-leaf-item{margin-bottom:12px;line-height:1.7}
.v7-leaf-item small{display:block;margin-top:2px}
.v7-leaf-item.is-got small{}

.v7-share-preview .v7-theme{margin:6px 0 0;font-size:16px;opacity:.9}
.v7-share-preview .v7-share-url{margin:14px 0 0;font-size:14px;letter-spacing:.04em}

/* 第10回で足したもの（きまりへの案内）。Workさん、設計をお願いします。 */
.v7-nav-note{flex-basis:100%;background:none;border:0;padding:8px 0 2px;
  text-decoration:underline;cursor:pointer}

/* ===================================================================
   生まれた日の入力（第13回・カレンダーをやめました）
   年・月・日を別々に。手入力（スマホは数字キーボード）と、
   選んで入れる（一覧）を切り替えられます。
   Workさん、見た目の設計をお願いします。ここは読めるだけの最小限です。
=================================================================== */
.v7-birth-label{display:block;font-size:14px;font-weight:600;
  margin-bottom:10px;letter-spacing:.04em}
.v7-birth-row{display:flex;gap:10px;align-items:flex-end}
.v7-birth-cell{display:flex;align-items:flex-end;gap:6px;min-width:0}
.v7-birth-cell:first-child{flex:1.6 1 0}
.v7-birth-cell:nth-child(2),.v7-birth-cell:nth-child(3){flex:1 1 0}
.v7-birth-cap{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}      /* 単位を出すので、見出しは読み上げだけに */
.v7-birth-input{width:100%;min-width:0;min-height:56px;padding:14px 10px;
  border:1px solid var(--control-line,#8D9188);border-radius:12px;
  background:var(--panel,#fff);color:var(--fg,#0A2018);
  font-size:20px;text-align:center;font-variant-numeric:tabular-nums}
select.v7-birth-input{padding-right:6px}
/* 誕生日は一覧から選ぶ（2026-10-09）。下向きの小さな印で「選べる」と分かるように */
select.v7-birth-input.v7-birth-select{-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center;cursor:pointer;padding:14px 22px 14px 8px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237a6a4f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-color:var(--panel,#fff);background-repeat:no-repeat;background-position:right 8px center;background-size:12px 8px}
select.v7-birth-input.v7-birth-select:disabled{background-image:none;padding-right:8px;cursor:default}
.v7-birth-unit{flex:0 0 auto;padding-bottom:16px;font-size:15px}
.v7-birth-switch{background:none;border:0;padding:4px 0;
  text-decoration:underline;cursor:pointer;color:var(--fg,#0A2018)}

/* ===================================================================
   わたしの精霊の作り込み（第13回）
   いちばん上の絵は静止。**動くのは .v7-mini から下だけ**です。
   Workさん、見た目の設計をお願いします。ここは読めるだけの最小限です。
=================================================================== */
.v7-rare-list{list-style:none;margin:18px 0;padding:0}
.v7-rare-list li{display:flex;align-items:baseline;gap:12px;
  padding:14px 0;border-bottom:1px solid var(--line,#D5DBCE);font-size:15px}
.v7-rare-num{flex:0 0 auto;min-width:2.4em;text-align:right;
  font:500 30px/1 var(--serif,serif);font-variant-numeric:tabular-nums}

.v7-trait{margin:20px 0}
.v7-trait-key{margin:0 0 6px;font-weight:600;letter-spacing:.08em}

.v7-views{list-style:none;margin:20px 0;padding:0;border-top:1px solid var(--line,#D5DBCE)}
.v7-views li{padding:14px 0;border-bottom:1px solid var(--line,#D5DBCE);font-size:15px}
.v7-views-when{display:block;font-weight:600;margin-bottom:4px}

.v7-kou-three{margin:28px 0 8px}
.v7-kou-step{padding:16px 0;border-bottom:1px solid var(--line,#D5DBCE)}
.v7-kou-step.is-mine{padding-left:14px;border-left:3px solid var(--accent,#E3B04A)}
.v7-kou-when{margin:0 0 4px;font-weight:600}
.v7-kou-word{margin:0 0 4px;font:500 22px/1.5 var(--serif,serif);letter-spacing:.04em}

/* 2列に並べます。**姿が縦に大きく見えて、しかも短くなります。** */
.v7-mini .v7-character:focus-visible{outline:3px solid var(--accent,#E3B04A);outline-offset:3px}

/* ===================================================================
   第14回（オーナー指摘）
   ・文の途中で改行しない（.v7-phr）
   ・左上の「もどる」（.v7-backbar / .v7-back）
   ・最下部のきまりへの道（.v7-footer-links）
   ・テーマの札（.v7-theme-word / .v7-tags）
   Workさん、見た目の設計をお願いします。ここは崩れないための最小限です。
=================================================================== */

/* かたまりの途中では折り返さない。かたまりは画面幅を超えない（はみ出して揺れないため） */
.v7-phr > span{display:inline-block;max-width:100%}

.v7-backbar{margin:-8px 0 12px}
.v7-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;
  padding:8px 12px 8px 4px;margin-left:-4px;border:0;background:none;
  color:var(--fg,#0A2018);font-size:15px;cursor:pointer}
.v7-back svg{width:22px;height:22px;flex:0 0 22px}

.v7-footer-links{margin:0 0 10px}
.v7-footer-link{border:0;background:none;padding:6px 0;color:inherit;
  text-decoration:underline;cursor:pointer}

.v7-rare-text{min-width:0}
.v7-rare-label{margin:0;font-size:16px;font-weight:600;line-height:1.5}
.v7-rare-sub{margin:2px 0 0;line-height:1.5}

.v7-theme-word{margin:8px 0 10px;font:500 26px/1.5 var(--serif,serif);letter-spacing:.06em}
.v7-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0}
.v7-tag{white-space:nowrap;max-width:100%;padding:4px 12px;border:1px solid var(--line,#D5DBCE);
  border-radius:999px;line-height:1.6}

/* ---- 姿の切り替え（女の子／男の子） ---- */
.v7-sex-switch{display:flex;justify-content:center;gap:0;margin:14px auto 6px;
  width:max-content;max-width:100%;border:1px solid var(--control-line,#8D9188);border-radius:999px;padding:3px}

/* ---- 4つの色（見本帳）。375px で色名もコードも折れない寸法です ---- */
.v7-pal-title{margin:0 0 12px;font-size:15px;letter-spacing:.06em}
.v7-pal-no{margin-left:auto;letter-spacing:.2em}
.v7-tag{overflow:hidden;text-overflow:ellipsis}

/* ---- 文の途中で改行しない（BudouX が文節の切れ目に <wbr> を入れた要素） ----
   keep-all は必ず overflow-wrap:anywhere と組にします（はみ出し＝横揺れを出さないため）。 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.v7-bx,.v7-phr{word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
h1.v7-bx,h2.v7-bx,h3.v7-bx,.v7-kicker.v7-bx,.v7-omamori.v7-bx,.v7-today-word.v7-bx,.v7-theme-word.v7-bx{text-wrap:balance}
p.v7-bx,dd.v7-bx,li.v7-bx{text-wrap:pretty}

/* ===================================================================
   第14回：動く絵（v7）と横揺れの対策（調査→反証検証で確認できたものだけ）
=================================================================== */

/* 動く絵：静止絵の箱に重ねる canvas。位置は anim.js の place() が決めます */
.v7-alpha-box>canvas.v7-motion{position:absolute;display:block;pointer-events:none;
  width:calc(100% * var(--mv-w,1));height:auto;aspect-ratio:1/1;
  left:calc(100% * var(--mv-l,0));top:calc(100% * var(--mv-t,0));
  opacity:0;transition:opacity .16s ease}
.v7-alpha-box>canvas.v7-motion.is-on{opacity:1}
.v7-alpha-box>img{transition:opacity .16s ease .16s}
.v7-alpha-box.is-moving>img{opacity:0}
@media (prefers-reduced-motion:reduce){
  .v7-alpha-box>canvas.v7-motion{display:none}
  .v7-alpha-box.is-moving>img{opacity:1}
}

/* 自分の説明に添える「動く自分」 */
.v7-self-stage{margin:6px 0 20px}
.v7-self-stage .v7-character{--stage-h:260px;margin:8px auto 6px}
.v7-self-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 0}
.v7-joy{--stage-h:220px;margin:10px auto 18px}

/* H-03 横の安全網。clip はスクロール容器を作らない（sticky・scrollY はそのまま） */
.v7-main,.v7-footer{overflow-x:clip}
body{overflow-x:clip}
@supports not (overflow:clip){ body{overflow-x:hidden} }

/* H-04 人物の透明な余白・動く絵の手足を、枠の外へ出さない */
.v7-character{overflow:clip}
@supports not (overflow:clip){ .v7-character{overflow:hidden} }

/* H-05（予防）ダブルタップでの拡大だけ止める。ピンチでの拡大は残ります */
html{touch-action:manipulation}

/* H-06 精霊の詳しい説明（シート）は縦だけ。スクロールバーの溝を左右対称に */
.v7-sheet,body .sheet{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable both-edges}

/* H-10 scrollbar-gutter を読めない Safari（18.1以前）だけ、スクロールバーを常に出す */
@supports not (scrollbar-gutter:stable){
  html{overflow-y:scroll;overflow-x:hidden}
  body{overflow-x:visible}
  html:has(.v7-sheet),html:has(.sheet){overflow:hidden}
}

/* H-11 ヘッダー：入りきらないときだけ2行目へ（ふだんは1行） */
.v7-header{flex-wrap:wrap;row-gap:6px}
.v7-header-right{margin-left:auto}

/* H-01 PC幅で、画面を移るたびに本文の左端が120〜170px横に跳んでいた。
   ヒーローの幅は残し、全画面の左端をそろえます（暫定。最終の見た目は Work さん） */
@media (min-width:760px){
  .v7-main>.v7-screen,
  .v7-main>.v7-screen:has(>.v7-entry),
  .v7-main>.v7-screen:has(>.v7-result){max-width:1080px}
  .v7-main>.v7-screen>:not(.v7-entry):not(.v7-result):not(.v7-season-band){max-width:740px;margin-inline:0}
}

/* ---- GPT監査への対応（第14回） ---- */
.v7-next{display:flex;justify-content:center;margin:8px 0 20px}
.v7-toc{margin:6px 0 26px;padding:14px 16px;border:1px solid var(--line,#D5DBCE);border-radius:14px}
.v7-toc-title{margin:0 0 6px;font-weight:600;letter-spacing:.12em}
.v7-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.v7-toc-link{border:0;background:none;padding:8px 0;min-height:40px;color:inherit;
  font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.v7-layer h2[id]{scroll-margin-top:24px}
.v7-birth-confirm{margin:-8px 0 12px}

/* ===================================================================
   第15回：ボタンを細身に（オーナー「全体的にボタンが大きくて美しくない」）
   高さ 56px・横幅いっぱい → 46px・中身に合わせた丸いボタン。
   押せる大きさ（44px 以上）は保ちます。最終の見た目は Work さんの style.css へ。
=================================================================== */
.v7-primary,.v7-secondary{min-height:46px;padding:10px 22px;border-radius:999px;
  font-weight:600;letter-spacing:.06em;line-height:1.4;gap:8px}
.v7-primary{width:auto;min-width:min(240px,100%);max-width:100%}
.v7-secondary{border-color:var(--control-line,#8D9188);font-weight:500}
.v7-actions{gap:8px}
/* 下の固定帯（「この日で決める」など）だけは、押しやすいよう横いっぱいのまま */
.v7-action-dock .v7-primary,.v7-action-dock .v7-secondary{width:100%;max-width:520px}
.v7-motion{min-height:44px;padding:8px 14px;border-radius:999px}
.v7-next .v7-primary{min-width:min(280px,100%)}
.v7-logo-img{display:block;object-fit:contain}
/* 並んだボタンは中身の幅で、中央に（横いっぱいに広げない） */
.v7-actions{justify-content:center}
.v7-actions>*,.v7-result .v7-actions>*{flex:0 0 auto;padding-inline:18px}
.v7-next{margin-bottom:8px}
.v7-next-note{max-width:30em;margin:0 auto 22px;text-align:center;line-height:1.75}

/* ===================================================================
   第15回：精霊の画面を4章に（オーナー決定：A案）
   章タブは画面の上に追従します。見た目の仕上げは Work さんへ。
=================================================================== */
.v7-chapter{margin:40px 0 8px;scroll-margin-top:64px}
.v7-chapter-head{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;margin-bottom:18px;
  border-bottom:1px solid var(--line,#D5DBCE)}
.v7-chapter-num{font:500 30px/1 var(--serif,serif);opacity:.45;font-variant-numeric:tabular-nums}
.v7-chapter-title{margin:0;letter-spacing:.06em}
.v7-chapter .v7-sub-title{margin:28px 0 10px;letter-spacing:.04em}
.v7-chapter>.v7-layer{margin:0;padding:0;border:0}
.v7-chapter .v7-self-stage .v7-character{--stage-h:200px}
.v7-result .v7-theme-word{text-align:center;margin:14px 0 8px}
.v7-result .v7-tags{justify-content:center}
.v7-next-end{margin-top:40px}

/* ===================================================================
   記録（GPT 第17回の画面の契約。見た目の正本は採用後に Work さんの style.css）
=================================================================== */
.v17-leaf:disabled{opacity:.55;cursor:default}
.v17-leaf-icon svg{width:100%;height:100%}

/* 質問：スマホでは、押した指の位置の「なぞり（hover）」が次の問いの選択肢に残り、
   **前の答えが選ばれているように見えていました**（オーナー指摘）。触る端末では hover の色を付けません。 */
@media (hover:none){
  .v7-option:hover:not(.is-selected):not([aria-pressed="true"]){background:transparent;border-color:var(--control-line,#7C857A)}
}

/* ルビ：読みが親文字より長いとき（例：精霊＝せいれい）、親文字の間が開いて「精　霊」に見えていたため、
   親文字はくっつけたまま中央に置きます（ruby-align:center）。ルビを上に重ねる方式は、長い読み（みずはじめてかるる）が
   枠からはみ出し、行間の狭い文で上の行に重なったため使いません。大きさ・色は Work の指定のまま。 */
ruby,rt{ruby-align:center}

/* 第21回の差分（.v7-daycard .v7-note など 13px）が、詳しさの差で第23回の注記トークンに勝っていたため、トークンに戻します */
.v7-daycard-date,.v7-daycard .v7-note,.v7-letter .v7-note,.v7-aru-count,.v7-year-step{font-size:var(--t-note,14px);line-height:var(--lh-note,1.7)}

/* ===== 2026-10-06 待ち受け・ラッキーカラー・つながりのポップアップ（崩れない最小限。見た目の正本は Work） ===== */
.v7-ring-btn{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;min-height:44px;padding:4px 0;
  border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;border-radius:12px}
.v7-ring-btn:focus-visible{outline:3px solid var(--accent,#E3B04A);outline-offset:2px}
.v7-sheet-dates{margin:var(--s-2,16px) 0 var(--s-1,8px);display:flex;flex-direction:column;gap:2px}
.v7-sheet-dates strong{font-size:var(--t-h3,18px)}
.v7-sheet-feat{margin:var(--s-1,8px) 0 var(--s-2,16px)}
.v7-lucky-row{display:flex;align-items:center;gap:var(--s-2,16px);margin:var(--s-1,8px) 0 var(--s-2,16px)}
.v7-lucky-swatch{flex:0 0 auto;width:64px;height:64px;border-radius:50%;border:1px solid var(--line,#D5DBCE);box-shadow:inset 0 0 0 4px rgba(255,255,255,.5)}
.v7-lucky-name{margin:0;font-size:var(--t-h3,18px);font-weight:700}
.v7-lucky-hex{margin:0;font-size:var(--t-note,14px);color:var(--muted,#4F6151);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.v7-wall-styles{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-1,8px);margin:var(--s-2,16px) 0}
.v7-wall-style{min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid var(--control-line,#7C857A);background:none;color:inherit;font:inherit;cursor:pointer}
.v7-wall-style[aria-pressed="true"]{background:var(--fg,#0A2018);color:var(--bg,#FBF7EC);border-color:var(--fg,#0A2018)}
.v7-wall-preview{width:min(300px,78vw);aspect-ratio:1290/2796;margin:var(--s-3,24px) auto;border-radius:36px;overflow:hidden;
  border:6px solid var(--fg,#0A2018);background:var(--panel,#fff);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 40px -24px rgba(10,32,24,.5)}
.v7-wall-img{display:block;width:100%;height:100%;object-fit:cover}
.v7-wall-state{color:var(--muted,#4F6151)}

/* 待機の動画の元（画面には出さない。canvas に描いて使う） */
.v7-motion-src{position:absolute;width:2px;height:2px;opacity:0;pointer-events:none}

/* ===== Work の組み込み検査（2026-10-06）への対応 ===== */
/* 320px で色見本の「IROTOHA No.07」が右にはみ出した → 見出し行を折り返し、番号は次の行へ */
.v7-pal-role{flex-wrap:wrap;white-space:normal;row-gap:2px}
.v7-pal-no{margin-left:0;flex-basis:100%;overflow-wrap:anywhere}
@media (min-width:380px){.v7-pal-no{margin-left:auto;flex-basis:auto}}
/* 768px 以上で「今日の1枚」「精霊からの手紙」の見出しが 18px のままだった（第21回の指定）→ 見出しのトークンへ */
.v7-daycard h2,.v7-letter h2{font-size:var(--t-h3,18px)}

/* ==== いろひろい（2026-10-06・Claude の最小限。見た目の正本は Work に依頼）==== */
.v7-iro-lead{color:var(--muted);margin:0 0 var(--s-2,16px)}
.v7-iro-progress{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v7-iro-progress-num{font-size:var(--t-h2,21px);font-weight:600}
.v7-iro-progress-bar{flex:1 1 120px;height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.v7-iro-progress-bar>span{display:block;height:100%;background:var(--fg)}
.v7-iro-asker{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.v7-iro-asker-chara{flex:none;width:64px}
.v7-iro-asker-chara .v7-character{--stage-h:80px;margin:0}
.v7-iro-asker-text p{margin:0}
.v7-iro-options{display:grid;gap:8px;margin:12px 0}
.v7-iro-option{min-height:48px;text-align:left;padding:10px 14px;border:1px solid var(--control-line,var(--line));border-radius:8px;background:var(--panel,transparent);color:var(--fg);font-size:var(--t-body,16px)}
.v7-iro-option.is-none{color:var(--muted)}
.v7-iro-head{display:flex;gap:16px;align-items:center}
.v7-iro-swatch{display:inline-block;width:20px;height:20px;border-radius:50%;flex:none;border:1px solid rgba(10,32,24,.15);vertical-align:-4px;margin-right:6px}
.v7-iro-swatch.is-big{width:88px;height:88px;margin:0}
.v7-iro-swatch.is-empty{border-style:dashed}
.v7-iro-names p{margin:0}
.v7-iro-name{font-size:var(--t-h2,21px);font-weight:600}
.v7-iro-read,.v7-iro-hex,.v7-iro-from{color:var(--muted);font-size:var(--t-note,14px)}
.v7-iro-line{margin:12px 0;padding:12px 14px;border-left:4px solid var(--iro,var(--line))}
.v7-iro-line p{margin:0}
.v7-iro-cal-head,.v7-iro-row{display:grid;grid-template-columns:4.2em repeat(7,minmax(0,1fr));gap:4px;align-items:center}
.v7-iro-cal-head{font-size:var(--t-note,14px);color:var(--muted);text-align:center}
.v7-iro-row{width:100%;min-height:44px;padding:4px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--fg)}
.v7-iro-row.is-now .v7-iro-row-name{font-weight:700}
.v7-iro-row-name{font-size:var(--t-note,14px);text-align:left}
.v7-iro-cell{height:26px;border-radius:6px}
.v7-iro-cell.is-empty{border:1px dashed var(--control-line,var(--line))}
.v7-iro-row-list{list-style:none;padding:0;margin:8px 0}
.v7-iro-item{display:flex;gap:10px;align-items:flex-start;padding:6px 0}
.v7-iro-item p{margin:0}
.v7-iro-item-words{color:var(--muted);font-size:var(--t-note,14px)}
.v7-iro-log{list-style:none;padding:0}
.v7-iro-log li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}
.v7-iro-log-date{color:var(--muted);font-size:var(--t-note,14px);min-width:4.5em}
.v7-iro-today{display:flex;flex-wrap:wrap;gap:12px}
.v7-iro-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:8px 0 16px}
.v7-iro-pick-btn{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--fg);text-align:left;font-size:var(--t-note,14px)}
.v7-iro-pick-btn[aria-pressed=true]{border:2px solid var(--fg)}
.v7-iro-pick-no{margin-left:auto;font-weight:700}
/* 下メニュー4つ（いろひろい追加）。Work の正本（v23 は3列）が4列になったら消す */
html .v7-nav{grid-template-columns:repeat(var(--nav-n,4),minmax(0,150px))}   /* 案A：タブの数は ui.js が --nav-n で渡す */

/* 精霊の画面の4つのボタン（2026-10-07 オーナー「おしゃれに・バランス」）：2×2 の同じ大きさ。仕上げは Work */
.v7-card-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;width:100%;max-width:520px;margin:var(--s-3,24px) auto var(--s-2,16px)}
.v7-card-act{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:112px;padding:14px 8px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel,#fff);color:var(--fg);text-align:center;cursor:pointer;font:inherit}
.v7-card-act:hover{border-color:var(--fg)}
.v7-card-act:focus-visible{outline:2px solid var(--focus,var(--fg));outline-offset:2px}
.v7-card-act-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--v23-soft,var(--selected,#eef2ea))}
.v7-card-act-icon svg{width:20px;height:20px}
.v7-card-act-text{display:grid;min-width:0}
.v7-card-act-label{font-size:var(--t-body,16px);font-weight:600;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}
.v7-card-act-sub{font-size:var(--t-note,14px);color:var(--muted);line-height:1.35}
/* 出会いの演出の前は、静止絵を隠す（演出が終わったら出す） */
.v7-character.is-pre-reveal img{opacity:0}
/* はじめの案内・ホーム画面に追加（2026-10-07。仕上げは Work） */
.v7-onboard-list,.v7-install-steps{padding-left:1.4em;margin:8px 0 12px}
.v7-onboard-list li{margin:0 0 12px}
.v7-onboard-list li strong{display:block;font-size:var(--t-body,16px)}
.v7-onboard,.v7-install{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel,#fff)}

/* お気に入りの葉・標本帳（2026-10-07。仕上げは Work） */
.v17-fav-list,.v17-herbarium{list-style:none;padding:0;margin:8px 0 16px;display:grid;gap:8px}
.v17-fav-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.v17-fav-card,.v17-herb-card{display:grid;gap:4px;width:100%;min-height:72px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff);color:var(--fg);text-align:left;font:inherit}
.v17-fav-card{justify-items:center;text-align:center}
.v17-herb-date{font-size:var(--t-note,14px);color:var(--muted)}

/* 進化（精霊→覚醒→色神）と今年の運勢（2026-10-07。仕上げは Work） */
.v7-evo-steps{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v7-evo-steps li{display:grid;gap:2px;padding:8px;border:1px solid var(--line);border-radius:12px;text-align:center}
.v7-evo-steps li.is-locked{opacity:.6;border-style:dashed}
.v7-evo-steps li[aria-current]{border-width:2px;border-color:var(--fg)}
.v7-evo-step-label{font-size:var(--t-note,14px);color:var(--muted)}
.v7-evo-step-name{font-weight:600;word-break:keep-all;overflow-wrap:anywhere}
.v7-evo-forms,.v7-evo-grid,.v7-evo-chlist{list-style:none;padding:0;margin:8px 0;display:grid;gap:12px}
.v7-evo-forms{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.v7-evo-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
.v7-evo-form,.v7-evo-cell{display:grid;gap:4px;align-content:start;justify-items:center;text-align:center;padding:10px;border:1px solid var(--line);border-radius:12px}
.v7-evo-form.is-now{border-width:2px;border-color:var(--fg)}
.v7-evo-cell.is-mine{border-width:2px}
.v7-evo-form.is-locked,.v7-evo-cell.is-locked{border-style:dashed}
.v7-evo-art{display:grid;place-items:center;width:100%;aspect-ratio:3/4;max-height:320px;border-radius:12px;background:linear-gradient(160deg,var(--evo-main,#D7E3A9),var(--evo-pop,#E3B04A));color:var(--evo-deep,#1C3A2C)}
.v7-evo-art.is-small{max-width:140px}
.v7-evo-art.is-locked{background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(0,0,0,.05) 8px 16px);color:var(--muted)}
.v7-evo-art>img{width:100%;height:100%;object-fit:contain}
.v7-evo-art-wait{font-size:var(--t-note,14px);font-weight:600}
.v7-evo-form-name,.v7-evo-cell-name{margin:0;font-weight:600}
.v7-evo-now{margin:0;font-size:var(--t-note,14px);font-weight:600}
.v7-evo-ch{display:grid;gap:2px;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff);color:var(--fg);text-align:left;font:inherit}
.v7-evo-ch:disabled{opacity:.6;border-style:dashed}
.v7-evo-ch-title{font-weight:600}
.v7-evo-tabs{display:flex;gap:8px;margin:8px 0}
.v7-evo-tab{flex:1;min-height:44px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--fg);font:inherit}
.v7-evo-tab[aria-pressed="true"]{background:var(--fg);color:var(--bg,#FBF7EC)}
.v7-evo-body p{line-height:2;margin:0 0 1em}
.v7-evo-choices{display:grid;gap:8px}
.v7-evo-choices .v7-option[aria-pressed="true"]{border-width:2px;border-color:var(--fg);font-weight:600}
.v7-year-title{font-size:20px;font-weight:600;line-height:1.6;margin:8px 0}
.v7-year-kw{list-style:none;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px}
.v7-year-kw li{padding:6px 12px;border:1px solid var(--line);border-radius:999px}
.v7-year-swatch{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid var(--line);vertical-align:-4px;margin-right:8px}

/* 精密鑑定（2026-10-07。仕上げは Work） */
.v7-kantei-list{list-style:none;padding:0;margin:8px 0;display:grid;gap:12px}
.v7-kantei-row{padding:12px;border:1px solid var(--line);border-radius:12px}
.v7-kantei-row > p{margin:4px 0}
.v7-kantei-name{font-size:18px;font-weight:600}
.v7-kantei-src{font-size:var(--t-note,14px);color:var(--muted);border-left:3px solid var(--line);padding-left:8px}

/* ロゴの「色と葉」（2026-10-07 オーナー。仕上げは Work） */

/* 物語の正典（2026-10-07。仕上げは Work） */
.v7-evo-cell{padding:0}
.v7-evo-cell-btn{display:grid;gap:4px;justify-items:center;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--fg);font:inherit;text-align:center}
.v7-evo-cell-name{font-weight:600}
.v7-canon h3,.v7-canon h4{margin:16px 0 4px}
.v7-canon p{margin:0 0 8px;line-height:1.9}

/* 風水（2026-10-08。仕上げは Work） */
.v7-fs-fig{display:flex;justify-content:center;margin:8px 0}
.v7-fs-compass{width:min(300px,100%);height:auto}
.v7-fs-seg{stroke:var(--bg,#FBF7EC);stroke-width:2}
.v7-fs-seg.is-plain{fill:rgba(0,0,0,.04)}
.v7-fs-seg.is-good{fill:#CFE6C2}
.v7-fs-seg.is-best{fill:#8CC27A}
.v7-fs-seg.is-bad{fill:#E9C7C2}
.v7-fs-center{fill:var(--bg,#FBF7EC);stroke:var(--line,#ccc)}
.v7-fs-dir{font-size:14px;text-anchor:middle;fill:var(--fg,#0A2018);font-weight:600}
.v7-fs-mark{font-size:13px;text-anchor:middle;fill:var(--fg,#0A2018)}
.v7-fs-bad{padding-left:1.2em;margin:4px 0}
.v7-fs-bad li{margin:4px 0}
.v7-fs-room{display:block;margin:8px 0}

/* 色の葉脈（2026-10-08。仕上げは Work） */
.v7-veins-canvas{display:block;margin:8px auto;border-radius:12px}

/* 葉の子・世界の占い（2026-10-08。仕上げは Work） */
.v7-hk-card{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0}
.v7-hk-icon{flex:0 0 auto}
.v7-hk-text p{margin:2px 0}
.v7-hk-name{font-size:18px;font-weight:600}
.v7-input{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;margin:8px 0;box-sizing:border-box}

/* 運営キャラクター（2026-10-08。仕上げは Work） */
.v7-host-head{display:flex;gap:12px;align-items:flex-start}
.v7-host-face{flex:0 0 64px;width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--panel,#fff);border:1px solid var(--line)}
.v7-host-own{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}

/* 色の実（2026-10-08。仕上げは Work） */
.v7-fruit-list{display:grid;gap:10px;margin:8px 0}
.v7-fruit-card{padding:12px;border:1px solid var(--line);border-radius:12px}
.v7-fruit-card.is-empty{opacity:.6}
.v7-fruit-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.v7-fruit-icon{display:inline-block;flex:none;object-fit:contain}
.v7-fruit-result{display:flex;gap:12px;align-items:center}
.v7-fruit-dot{display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}
.v7-fruit-prob{font-size:var(--t-note,14px);margin:6px 0}

/* irotoha でできること（2026-10-08）。見た目の仕上げは Work に依頼する。色は既存のトークンだけ */
.v7-guide-steps{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:14px}
.v7-guide-step{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.v7-guide-no{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1.5px solid currentColor;opacity:.8}
.v7-guide-text h3{margin:2px 0 4px}
.v7-guide-text p{margin:0}
/* 2026-10-12 修正指示 1012 の 7：精霊・覚醒・神獣・色神の4枚を 2列×2段。1012 の 8：葉の子の例3体（.v7-guide-hk）は3列 */
.v7-guide-evo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:10px}
.v7-guide-evo.v7-guide-hk{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(min-width:760px){.v7-guide-evo{max-width:520px}.v7-guide-evo.v7-guide-hk{max-width:560px}}
.v7-guide-evo-fig{margin:0;text-align:center}
.v7-guide-evo-fig figcaption{font-size:13px;margin-top:4px}
.v7-guide-evo .v7-evo-art,.v7-guide-evo .v7-character{max-width:100%}
.v7-guide-evo .v7-evo-art{aspect-ratio:3/4;width:100%;height:auto;overflow:hidden}
.v7-guide-evo .v7-evo-art>img{width:100%;height:100%;object-fit:cover}
.v7-guide-evo .v7-guide-spirit-img{object-fit:contain!important;object-position:center bottom}
.v7-guide-evo-note{grid-column:1/-1;margin:2px 0 0}
.v7-guide-grid{list-style:none;padding:0;margin:12px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.v7-guide-card{padding:12px;border:1px solid var(--line,rgba(0,0,0,.12));border-radius:12px}
.v7-guide-card h3{margin:0 0 4px;font-size:15px}
.v7-guide-card p{margin:0}

/* ロゴ「iro to ha〜色と葉 占い〜」（2026-10-08 オーナー決定 1A）。フォントはロゴの文字だけを切り出して埋めこみ（OFL：Cormorant Garamond・Shippori Mincho） */
@font-face{font-family:"IrotohaLatin";src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABAAAAAAFIQAAAmbAAQAQgAAAAAAAAAAAAAAAAAAAAAAAAAAGkIbgjocZAZgP1NUQVREAIEEEQgKlHiRLgE2AiQDQAsiAAQgBYliByAMBxuAESMRppM0CsFfJNimaTv0BVSoDE3b2dS8EILgzO/ga7L/VPamxTW9n8dNez8JDJJUhTaIXofVFCqmdKMmlImXncOJV86mTESkPP/90p37/ibdyu6jK6V6LIPE4w2uG5kNgP4HeBdYAID/u5bZpAAgKSUQDlDY6hqz7y9m/kyB56VAfJwtoesJC6hA7cpDtECyQp4CFlLiZlMjvD7Mo8IRrlAUUNb49tcXAAgADUAAAIND2JBhODBcjhAS7MwbsbyhZgRUCZR1NwAktTjEYpVVBL5X40xtMerOZGyNejaYO2YgAMDz5rCnG1MHcAAahYCZ5fg0iAFYfVxwQfHMlz4FQ/egLkA81lszeS/22C0nKMeYdw09Lm4bemZxA6hEAoSBZLYJcX39FNqwWjjirgQp8wQLm4hgmAJxEhwN5bMDsLGxcBBzJgPjFCLgru7obl0e7qWfHxoNoQRoRnwbZGtrxhDnUEX0m1YAeskC2HuVAcgcXwra07rbK4nAP22+LWxlmNs/l2uA2MaPGo3eqnuYgUMqBID7iIgOeblrMiMK4A9INYhWozmXDw7QS4j7sThIUwxxLqAgmEC6XgB4c4bjYOiky1WgiEGzTibmXlB7pnk0zXM7rbNy8BUttch0/xg0EOInI6iXE4LOjjJEPBX/BOJGhQSo5EpgaEJOrN8FEHM2QbJpgqAUhELh7pxCKJ2GO/buGCEjoVwc3USBDmLf8mEO7PEzIFEhUUWLDDBYHAqKshBF8RQIHNUYjJSZqUpRRzt8qYMxlsHVpNVC2Xb1yRlbr0u9sh+wA6tspwF3ki6/5m9UjxygDp+X954cuzcqzW2MWBoN1tO9IGQ5E0TZTgXBk5VRNrQSWab7SetJGG214xsX/WFFff/PnIksNuidPZs6pXvsGq8+G/wxrdcGvVZUJl/FmpOHMFzp5+BTrM115RUXKCtUZUu3UZPX3rAjuLKvz6N82bZ1TtbTp0tKGyNRWFtsh3lWpNXuCevsO1NsWb4/9K8F+FiFrpqgtzCeNjvmZOfcaf69VmSZMb9bPWsO3S0RlWyQtsq3z+nzskDzn7PFdm1MzbaayleFD2LbI91zJrDvTyDOO0a+wG9AaledKAQZsLYgzx1nwv5jgMONCmJZBpOK/vjLq9RmO24ZunpD6rfs0QCqZ7kHpQ/29E5bsG1lpXU+0bagG5wHvcXWi4qeMPk9Clv8JZWeW45soGzroHcuaZ0/n7TO2li2lLvopEUA98KkYuvqxQidoueyUGuOBPbZALuJsm3w6vvTfe3eytWnSWQ7E65woN/wB2mdtXA5aZ37j3v/XLJr3HLgTFK3HTyXljbWWTdPHrrkQHipR9Efs/pT4xyv3B+vPXdltevd2LtOwV/rJHrGzuhHB3823LEL9MkjmSQhX6ir0Yv0gpEper7964nfCOwjmMRlAm+B2pjH77Z3j9Tx7N12JldtVH9dlpKs5Nv5xiQlI7CDhsdblCnBadz7ulSQgHnjNC7M2Mg7wtuULszGJiCB9JojSfoi3l93vdZ7Xb67l8/GKMc+xwWy6z4YjYkzD/EG+qZyMTbge0wmeDbpRJS+CY7k8RbJhSHWZ5tIeKxTGLmJxwNV7HGh6Lg38ft9QjuVZtYWlAeZ9flx4xrzJkhjM8wh+eWK7piU8DF15ZO1ofENCVETK6sTfhldUNBs+nFCqmh8cmWtFnZXxSUnOWciCvfPDRe6sGgWGfEbtxjrSSnEpIK0XJwiAsRyFxqncHa2TqcTyub5H+IdapZjNOanRzKJHvnjNC79/hLviN/6MFhPrHI2XnvLolm8HTzmBo+gCU1N9enNQ9t3/HM+PiULcJOIdzDvx8+cWnjyPrYUf/K4S+IOAue0LONP8fV698Kx5p/L4+Q4jUekQk9RWUp0RHxpgyaa/mXata0BExuXiQSQAqdxgfyQq+/zbBcwuayx0yMuN4slpOLEUURnRCdCMmZ1I4+GIifYsJw4XaLQaz1v5z1O5u2vy5qI/DAakzU/ujv/dXf4MvmmfXE4javmHSofzru33m9W7aLIU6KIjxxKvMddWrBPKohN0rvmbKNvbaru1ODo5+tzMJHkWQtNDKZEdk/Lw9ptrYUNmwZypw4XxCUnn4L7mGaECHHq0bpjuSEPsa34l4qWK22CK/LzQ26XzdWOVww5Ov8vlM0/HWo96QkGTeXCVHmP8tviMHXYlehtigqeavAOd9OiwIRHXJwO8iuZrxMQQoSRKK4aL97b2+2Z+t5/9KCpTJgqN2X2lUSow7dEb4tVoEFsotJHXiu84spJPq3O0HwbxyDcSHD9NOsVLeJlD+KzpPdec70853h5fuuphrt0bFmkqi4iRJL5NNNLHFcarawOiY+uqtNs14Rl5SZK6/QhCk1IRnq8uEEXBX84VlQHap09BtydQlyc+YwzJxK+Ucvfc4tiB/PIlfyLrYnij49SY9xK+S3/R1Zp/M/76pDYD8F6yvvyLuaO15hST9wJX9o0AnPEy+Vfi3ws+7RN2pwLSVVj01lyL1kGayYey+XkQzRLw3JaqFgTd9PP5/x2pavc092N9jBuSXDxld8MXssPdHeZr8nQBWhk3wZ4/8IN6pYHVYhu/fza2fuzFzf0zCxemqquHQD9ZwE6+kO/dMXWOsW84uD4XcDXN5N9APh/5FM/9OHyiNVV1VkANgwAAALfdrZXkpeXUHxi726d86qm3gUm1xf1WVOTSGp7UdvmkVWvlaQjQZLXKI7gk+vCdOOkAD+zBLsPgAA46yWF5b1buXuNQx0XAGYBxhC1WQzj6CTDJbm+mqAyFt9IGJsyCYwjIB2MKy0/MIo+J1fTwBwiwDyZo7AWwZyJWgdzQbbf4n0I2j/pEAvotplS7vsp7X76RToA2davJ3Z2jTM1NzaZGa1aE8oUNRmZRpjaR8LQAXqeCY9rMY6YrBtlbqp5DwzKGptT/6h6JXlhZ7sq0ZB8Dbx5KFI6ubGHJBXcWK5CpBpQbOcYHclkrUQvMCJiVBt1MESpXll/dE7ukCcj8krOnHM4LTGpBsoqhnsZ+exZsJpJBqBNkBXm5sp0JnRDGwAOaSsyNirn5kHSrp4o1TKfDxCX8etMIUIbcExhs5Eh8rYxH4HzjojGM4Kj1g/GISOERpaF6VlMblfJiQJrs5hIkNx2ooGhyRa78lZVumG0w+ZrQNS3EbQxNgAJ5IUuHzu1OYoxTetUqjZEmRwqz/gONBYv/Yq2xqVeY5htPG0Obi+1MPD0oWbQ0lzQeRXV4L2yhv4B7cS1Gfp6KfEjAAA=) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"IrotohaJa";src:url(data:font/woff2;base64,d09GMgABAAAAAAoQAA8AAAAAEKQAAAm6AAMcKAAAAAAAAAAAAAAAAAAAAAAAAAAAG14cIAZgAIEEEQgKliCRaQE2AiQDHgsaAAQgBYQCByAXJBgaG0oNUZRwVgzAVwmcE83g0R7GOoeVpZTS9MwwG2nMpTVXDj+v+vB7wfMoR76f5GhvRK0Jmq7dPNFjV2MUkOHp5r9zwjUwrR+0mpgm1ABeH5YH3bKk9aTvQNUUePFddFIdn0uqJkh/WM3t+20h7ct0UiJH8a1vK2S4u+megmg1icR7elDcPEsiD7ACO16/AC9y0uOPF3sCBlL+uF+r2x1uVaxfKD9kQqWUgb+9ncnDfIhLKGIpijeTRIiETohEQkyUwmO4MlYBqJTu/p+JAK5EogWqd6S7AA0D/xb6IXOrWrvUK2q8GPptzijCwXCwx+yw1v/TbL9NW2mPnfi/op1LjQtYyD+cgBKgtX4oX/nTUWvg06qNziPDwCTaNnAkVYkzEqX38qTGTpsTJCC2F7X7/xswY5CDTY08VreTZTQIoCDTHwSJR5n7sWB4IDgTne1ntBkbjc3GzsZ+zspBt4dk/r/o41Jafy776Pq3nbmd6p2qHd3O+85VE+/vBkcQgIiZYi3K7M6DWbiF/gRmM8Bs0MFrbuoUQpMYJH/tRDSLQNG13miIlyWBncgUCLIHYfegPIKL9+LU1TbUc2vrtPW1nadCKcWcmgK7gAMvrSKBsIdmTlvGSqNICDyJEAKPfQjKGsC4AO1PK8T41mRkHH1G33iRoqAx5SjrhPX5/noMW45YU80e801NgIyMqNBf53A7mtij2Stah5T6YG/aoeO6RkbOwWoqon1BKI+cpc1VTmZBxKsOCs80TlqoqoCsjZ+IcC+XcJom2VgStMQvttr/drUKCRram2DHQ46iontprDNzjzXeZkDVFrkmmRZDxeigzFIaRUq/s3MurrVsU0wjuQB7tnE+3ujClpq5Swl21U2NUyGcayC6vQiENFsbq9KishZQ9mrGW2v+FZggi/V22zLLMqAVvdqtiKq6NaOvc515C2bulAJ0oosKscpxKs68ouZNXoRAYDaxTV1AaSkjdVYCCmaLO52Ig4DREFmudaSPLEWfY+CvRD60kVp1n03NqbW/pgVLSLatdA1kdUOY4RURm70V0dFmSbrC98WP6sqAUka1oNS8BYIjhAOHXUBxrLIcUjx1vrdLs9t42MXkdnUeQovkald/ODVRyhrnrhAo2cZwpBmdF+yH136rwBr+N7HGDqv2djfSs8YWvG8W8ipbS1N5t9vHYj+vbVWoY6OUbTGVxMbBFhfpTqjrR9OGN20Zg25JYhqZ/ToNQiBO1RAVmFW2CvDw3+02eu1H1aoTud+BhpkqvEmqH5FN4zcdwhm9c2ue5kbK2dQ0sxqHFYFIbjn0DSqYREw6lbwWaGUaU2oBdsWbQrSvpWu/tlCdaxPLc1uny2pJFV/Fypr9OBJ5EPSgZqlq2R0h/TUFzGc0oUYl01XxXkVrHsRMymgQOI0GJEblTYb865bYh3x7YZBc0GB2p4z2boBy8h4oNbnrPh88XeWyrgHFF+YRa68/lN5Ye6NQyCNBcNh10hVCvI96ueymGWZDuWX9WJnVmvXe95/EwjUTWBfmrI8bQr6WGxjhu4h4z65vL5rUKa8reV8Vt647is+3EfuPnlPu2MLPjHMLDRQFvrhkc8q8wHRqYTU7Vx8Bm256eYiLAnp2LneFOnaNvw6ryt5Kx0ivlp5dAlnoQNm73RvpeTIcp1DCjnzom9Dt+b8L2TPu5ra0xO3zPX1jw/bmpUMQfONJ6pZyNFpnJQyiksTQ865JQoYLKW6Qbu8VmYVmQuWhKQM5xmpaAOzKtKWcn7nCgapVrO4caZ2eBjLdJ9VlQGTVPFtikLCn93BCroqQA2+e/q2R8IgiJzvdycgHndQ3tnT9vrHpwtA+KaX9cnQY4u6VaT58vLnv80g9pFDEbsr7M7k6RrZhxNv78ol4coWOwVVFTSVZhklifABJm00L8YqceELJiTvQnY1JPuAR7PUKbuWM3qve7LQnFQ63oqvlX8LXxpfNNylk/8lM7JPESWBBiCWwqqpgo3/PMl6Af043BDnkFNqY5s0enLN93S1X7pKQbDNZIBqE6+MgZqeWdIqnraTjUv440FWL8OwKa58WFZ+OYYtvOjWVJwQkeXgeItkePCatIj23MVHVJraHKlkJuK1ZqGmqP6WcuIytU/7/aJ+x5zySaKO9O0htHqzbi9sHmlmM5ImMw4o5M0uLzPb4JEnRiZAqpX+tdzrYO9Pm5ZPW6v+Y2nnULo4d1Xv/0xZkDaOiH7Gyym/1O2MoOvN0h7nXbVOAAhq5Dgy/uvt+LW0RCfuA0w7c2Ljhgpn79X0X5fmSQaZoAlsqviZw+XoyolRGJHcuEN7KirbceoU9hWzWueGidn5EfmKMzOqzWRbeEpNBn0hY+6aInJZIKylikc+7aIROGzJ4WpxEdFroEfn70zTPle9DvWbItDt9/crkIEJbsoNknAAm+VBxftaHfVXjW/n59XQU5wlswh5ifjCblV66e/Hh6iv+PMANdeoiyuXZ462ZqaGVISv7tNWlUHGx7pSFDffa/mM2h27ec4Zh2JJgpJGqnU+IF+43kmN86qfPwPAce/6B3r4iqqhHjy3Nzq1BBo6jkz+OBn6NckqW5iUkJupA9+WVDq0gkEHuHBJL+VhLbHmoSQZSgxUdoulzfqSX5Bm8lDCGIl15jBRfjb4ntyCNJmlK2dJdMIqiV2vtirePor+H9FTpp5RpKP7dzWv9xxDXcZndNYbMy44ef9zdPb9tBVfbfVnsAS/NXDDBbGEfGEHQW0f1C/j8HvU8gaUpvJiM46SNM3vWP8Hk9yU00y4NELWrwYBEF9k1PbDE3xBWqbxn0kgdDAtYg3JzlflkXbjF1+WjCatQvs+VxvGgKrlNlyYu9pOK0Xx4Qv+c3BRKPzLBJ8dbHVam4Vvgoyo7F4Aw4TYdrvTjuGoquDFfTbyQF7Hx7tDU6fQznr+zXAT0tl3v6V4AcEJJ9jNj/x4CJAJ+eHLsAASAbq16KIALWtdfyMgw8QZTOMhj0nAAAe5cwpA83ol+EMTQEz9WUs4W0tmXrfDkdbammh9rTc52oFEi3uZIqvQDVijc9KQTTTTQSBfEmDBiCC6Bq5bXgZOmJtwQKW6RIWOhdmraNIWY7IUomvmxRgsl0pXGRgneGZXaoUvWnYnCAKsaaOLSXalGL0kUbS1QT0P7TbVUcbOuC1qfv2xP5ZvOoI7aWt2VNnLL0JColapFm9ETDL+/kWgcuLDhJNriep1Gnl/UP2zyer1YJ4r7W1VP1UggpbeqnS43dOMjPRH4oMyobLoRQIF2iFzGijeAvv43+gUcgAVSfax+HQmkVQdpN5Dx3CbhG3WUo8ch86AaAAA=) format("woff2");font-weight:500;font-display:swap}
.v7-brand-lockup{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.v7-brand-en{font-family:"IrotohaLatin","Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:.08em}
.v7-brand-ja{font-family:"IrotohaJa","Hiragino Mincho ProN","Yu Mincho",serif;font-size:.42em;letter-spacing:.16em;opacity:.85;margin-top:2px}

/* ==== 案A（2026-10-09）：下のタブ5つ・きょうの最初の画面・ずかん／うらなう のカード ====
   GPT 第41回の style.css v2 が届いたら、見た目はそちらに合わせます（ここは仮の整え）。 */
.v7-nav .v7-nav-item{white-space:nowrap;letter-spacing:0}
@media(max-width:359px){.v7-nav .v7-nav-item{font-size:12px;padding-inline:2px}}
.v7-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.v7-lead{color:var(--muted);font-size:var(--t-small);margin:0 0 var(--s-3)}

.v7-today-hero{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:var(--s-3) var(--s-2) var(--s-2);margin:var(--s-2) 0 var(--s-3);box-shadow:var(--work-shadow,none);border-top:4px solid var(--spirit-accent,var(--line))}
.v7-today-date{margin:0 0 var(--s-2);font-size:var(--t-note);color:var(--muted);letter-spacing:.06em}
.v7-today-who{display:grid;grid-template-columns:76px minmax(0,1fr);gap:var(--s-2);align-items:center}
.v7-today-who .v7-character{--stage-h:92px;margin:0}
.v7-today-who .v7-kicker{margin:0 0 4px}
.v7-today-line{margin:0;font-family:var(--serif);font-size:var(--t-h3);line-height:1.7}
.v7-today-hero .v7-today-head{margin:var(--s-2) 0 0;font-size:var(--t-body);line-height:1.8}
.v7-today-color{display:flex;align-items:center;gap:10px;margin:var(--s-2) 0 0;font-size:var(--t-small)}
.v7-today-color .v7-lucky-swatch{width:22px;height:22px;border-radius:50%;flex:none;border:1px solid var(--line)}
.v7-today-todo{margin-top:var(--s-3);padding-top:var(--s-2);border-top:1px solid var(--line)}
.v7-today-todo-title{font-size:var(--t-small);margin:0 0 var(--s-1);color:var(--muted);font-weight:600;letter-spacing:.06em}
.v7-today-todo-list{list-style:none;margin:0 0 var(--s-2);padding:0;display:grid;gap:6px}
.v7-today-todo-list li{display:flex;align-items:center;gap:10px;font-size:var(--t-small)}
.v7-today-todo-list li.is-done{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}
.v7-today-mark{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--control-line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;flex:none}
.v7-today-todo-list li.is-done .v7-today-mark{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.v7-today-cta{width:100%}

.v7-hub-sec{margin:var(--s-4) 0 0}
.v7-hub-title{font-size:var(--t-h3);margin:0 0 var(--s-2)}
.v7-hub-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v7-hub-grid li{min-width:0}
.v7-hub-grid li.is-wide{grid-column:1/-1}
.v7-hub-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;height:100%;min-height:104px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--fg);text-align:left;font:inherit;cursor:pointer}
.v7-hub-card:hover{background:var(--selected)}
.v7-hub-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.v7-hub-icon{width:28px;height:28px;color:var(--fg);flex:none}
.v7-hub-icon svg,.v7-hub-icon img{width:100%;height:100%;display:block}
.v7-hub-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.v7-hub-label{font-size:var(--t-small);font-weight:600;line-height:1.5}
.v7-hub-sub{font-size:var(--t-note);color:var(--muted);line-height:1.6}
.v7-hub-badge{position:absolute;top:10px;right:10px;font-size:12px;line-height:1;padding:4px 8px;border-radius:999px;background:var(--work-soft,var(--selected));color:var(--muted)}
.v7-hub-card.is-wide{flex-direction:row;align-items:center;gap:var(--s-2);min-height:120px}
.v7-hub-card.is-wide .v7-hub-icon{width:88px;height:96px}
.v7-hub-card.is-wide .v7-character{--stage-h:96px;margin:0;pointer-events:none}
.v7-hub-sec.is-feature .v7-hub-label{font-size:var(--t-body)}
.v7-me-card{margin:var(--s-2) 0 var(--s-3)}
.v7-today-done{margin:0 0 var(--s-1);font-family:var(--serif);font-size:var(--t-small);line-height:1.8}
.v7-today-days{margin:var(--s-1) 0 0;font-size:var(--t-note);color:var(--muted);text-align:center}
.v7-zukan-stats{list-style:none;margin:0 0 var(--s-2);padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v7-zukan-stats li{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px}
.v7-zukan-num{font-family:var(--serif);font-size:var(--t-h2);font-weight:600}
.v7-zukan-of{font-size:var(--t-note);color:var(--muted)}
.v7-zukan-label{flex-basis:100%;font-size:var(--t-note);color:var(--muted)}
/* 2026-10-09 精密検査（第2弾） */
.v7-hub-icon img{object-fit:contain}
.v7-today-task{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--t-small);text-align:left;cursor:pointer}
.v7-today-task:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}
@media(max-width:399px){html .v7-nav{gap:2px;padding-inline:4px}html .v7-nav .v7-nav-item{font-size:13px;padding-inline:0}}
.v7-policy a{display:inline-flex;align-items:center;min-height:44px}
.v7-guide-card h3{font-size:var(--t-h3)}
.v7-evo-steps li.is-locked{opacity:1;color:var(--muted)}
.v7-footer-static a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
/* 学校版：小学生が読む大きさに（2026-10-09 学校版の検査）。本文 17px・注 16px・ふりがな 12px で濃く */
html[data-edition="school"]{--t-body:17px;--t-small:16px;--t-note:16px;--t-ruby:12px}
html[data-edition="school"] rt{color:var(--fg);opacity:.85}
.v7-school-talk{font-size:var(--t-h3);font-weight:700;line-height:1.7;margin:var(--s-2) 0}
/* ずかん（第41回）：進み具合の帯と、一覧の名前 */
.v41-kicker{letter-spacing:.14em;color:var(--muted);margin:8px 0 4px}
.v41-count-num{margin:0;display:flex;align-items:baseline;gap:8px}
.v41-bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin:0 0 24px}
.v41-bar span{display:block;height:100%;background:var(--control-line)}
.v41-cell{width:100%;font:inherit;color:var(--fg);background:var(--panel);cursor:pointer}
.v41-cell-name{font-size:14px;line-height:1.5}
.v41-cell.is-mine{border-color:var(--control-line)}
.v41-end{margin-top:24px}
.v7-fruit-shard-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.v7-fruit-shard-row .v7-secondary{flex:1 1 140px;min-height:44px;font-size:var(--t-note)}
/* 2026-10-09 総点検 H07①：起動の見張りの案内（8秒で画面が出ないとき） */
.v7-boot-watch{padding:var(--s-3,24px) 16px;max-width:40em;margin:0 auto}
.v7-boot-watch .v7-primary{margin:16px 0}
/* 2026-10-09 総点検 B06①：今日の分が終わったあとの「戻る道」の前置き */
.v7-return-lead{margin:var(--s-2,16px) 0 8px;text-align:center}
/* 2026-10-09 総点検 B05④・C10③：記録の保存についての知らせ */
.v7-keep{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel,#fff)}
/* 2026-10-09 総点検 G01①：今日のひとことの「あなたの精霊らしさ」 */
.v7-today-trait{margin-top:4px}
/* 2026-10-09 総点検 2-5（決定3・D02①③）：7日目の贈りもの（覚醒の実）と、覚醒までの道のり */
.v7-gift{border:1px solid var(--line);border-top:4px solid var(--gift-color,var(--gold));border-radius:16px;padding:var(--s-3) var(--s-2);background:var(--panel);margin-top:var(--s-2)}
.v7-gift h2{margin:4px 0 var(--s-1);font-family:var(--serif);font-size:var(--t-h2)}
.v7-gift .v7-actions{margin:var(--s-2) 0 0}
.v7-today-road{margin:4px 0 0;font-size:var(--t-note);color:var(--muted);text-align:center}
.v7-fruit-road{margin-top:4px}
/* 2026-10-09 総点検 2-9（A05③・A06①・G10①②・G09①）：ふたりの組み合わせの文・相性の画像と結果カードのボタン */
.v7-pair-combo{font-family:var(--serif);font-size:var(--t-body);line-height:1.9;margin:0}
.v7-share-card-row{display:flex;flex-wrap:wrap;gap:8px;margin:var(--s-2) 0}
.v7-share-card-row>.v7-secondary{flex:1 1 180px}
.v7-share-card-row>.v7-note{flex-basis:100%;margin:0}
/* 2026-10-09 総点検 2-10（C08・C05①・C01③）：おかえり・届いていた手紙・夜の追伸 */
.v7-welcome{border:1px solid var(--line);border-top:4px solid var(--spirit-accent,var(--line));border-radius:16px;padding:var(--s-3) var(--s-2);background:var(--panel);margin-top:var(--s-2)}
.v7-welcome h2{margin:0 0 var(--s-1);font-family:var(--serif);font-size:var(--t-h2)}
.v7-welcome .v7-letter-paper{margin:0}
.v7-letter-ps{margin-top:var(--s-2);padding-top:var(--s-1);border-top:1px dashed var(--line)}
/* 2026-10-09 オーナー決定：ヘッダーの名前は「色と葉 占い 〜iro to ha〜」の1行（学校版は2段のまま）。
   375px でもログインのボタンと並んで1行に収まる大きさ（画面の幅で小さくなる） */
html .v7-brand.is-line{font-size:clamp(14px,4.8vw,24px);gap:6px;min-width:0}
@media(max-width:359px){html .v7-brand.is-line{font-size:14px}}
html .v7-brand.is-line>svg,html .v7-brand.is-line img{width:28px;height:28px}
.v7-brand-lockup.is-line{flex-direction:row;align-items:baseline;gap:.35em;white-space:nowrap;line-height:1.3}
.v7-brand-lockup.is-line .v7-brand-ja{font-size:1em;letter-spacing:.06em;opacity:1;margin:0}
.v7-brand-lockup.is-line .v7-brand-en{font-family:"IrotohaLatin","IrotohaJa","Cormorant Garamond",Georgia,serif;font-size:.95em;letter-spacing:.03em}
/* 2026-10-09 オーナー決定：ログイン・ログアウトのボタンは丸ではなく四角（角は少し丸める） */
html .v7-header .v7-header-right button{border-radius:8px;padding:8px 12px;min-height:44px}
@media(max-width:359px){html .v7-header .v7-header-right button{padding:8px 6px}}
/* ==== 2026-10-09 オーナー決定：下のタブ（自分を知る／色葉／今日の占い／ずかん／設定）====
   縦幅を低く（文字とアイコンが読める最小限）。iPhone の下の余白（safe-area）は守る。学校版はいままでのまま（html[data-edition="school"] を除く） */
html:not([data-edition="school"]){--nav-item-h:46px}
html:not([data-edition="school"]) .v7-nav{padding:4px 6px max(4px,env(safe-area-inset-bottom))}
html:not([data-edition="school"]) .v7-nav .v7-nav-item{min-height:var(--nav-item-h);padding:3px 0;gap:1px;font-size:13px;line-height:1.3}
html:not([data-edition="school"]) .v7-nav .v7-nav-item>svg{width:22px;height:22px;padding:2px 12px;border-radius:14px}
html:not([data-edition="school"]) #dock{bottom:calc(var(--nav-item-h) + 5px + max(4px,env(safe-area-inset-bottom)))}
/* 2026-10-12 検査 M2：本文の主ボタンが見えている間は、下の固定ボタンを隠す（主は画面に1つ。ui.js dockHideWhileSeen） */
html:not([data-edition="school"]) #dock{transition:opacity .18s ease,visibility .18s}
html:not([data-edition="school"]) #dock.is-cta-seen{opacity:0;visibility:hidden;pointer-events:none}
@media (prefers-reduced-motion:reduce){html:not([data-edition="school"]) #dock{transition:none}}
@media(max-width:399px){html:not([data-edition="school"]) .v7-nav{gap:0;padding-inline:4px}html:not([data-edition="school"]) .v7-nav .v7-nav-item{font-size:13px}}
@media(max-width:359px){html:not([data-edition="school"]) .v7-nav .v7-nav-item{font-size:11.5px}html:not([data-edition="school"]) .v7-nav .v7-nav-item>svg{padding-inline:8px}}
/* タブの絵を、文字入りの画像1枚に差し替えたとき（app/icons/nav-img/<タブ>.webp。文字は読み上げ用に隠して残す） */
html:not([data-edition="school"]) .v7-nav .v7-nav-item.has-img{padding:2px 0}
html:not([data-edition="school"]) .v7-nav .v7-nav-item .v7-nav-img{display:block;width:100%;max-width:72px;height:calc(var(--nav-item-h) - 4px);object-fit:contain;border-radius:12px}
html:not([data-edition="school"]) .v7-nav .v7-nav-item.has-img[aria-current="page"] .v7-nav-img{background:var(--selected)}
/* 自分を知る：2つの見出し（占いで知る／あなたの記録）と、そこへ飛ぶボタン */
.v7-me-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 var(--s-2)}
.v7-me-toc-link{min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--fg);font:inherit;font-size:var(--t-note);cursor:pointer}
.v7-me-toc-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.v7-me-part{font-family:var(--serif);font-size:var(--t-h1,22px);line-height:1.4;margin:var(--s-5,48px) 0 var(--s-1,8px);padding-top:var(--s-2,16px);border-top:1px solid var(--line)}
.v7-me-head .v7-me-part{margin-top:var(--s-4,32px)}
.v17-record-head .v7-me-part{margin-bottom:var(--s-1,8px)}
/* 設定 */
.v7-settings-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.v7-settings-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:8px 2px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;font-size:var(--t-small);text-align:left;cursor:pointer}
.v7-settings-link::after{content:"›";color:var(--muted);font-size:20px;line-height:1}
.v7-settings-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
/* 2026-10-09 オーナー決定：今日の色の丸は1色だけ（内側の白いふちをやめる）。カラーコードも表記 */
html .v7-lucky-swatch{box-shadow:none;border:1px solid rgba(0,0,0,.14)}
html .v7-today-color .v7-lucky-swatch{box-shadow:none;border:1px solid rgba(0,0,0,.14)}
.v7-lucky-hex{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:var(--t-note);color:var(--muted);letter-spacing:.04em;margin:0}
.v7-today-color .v7-lucky-hex{margin-left:2px}
/* 2026-10-09 オーナー決定：「〇〇から」の横に、ひと言の主を小さく（精霊は全身の上のほう＝顔のあたりを丸く。オルビナは顔の絵） */
.v7-voice-who{display:flex;align-items:center;gap:10px;margin:0 0 4px}
.v7-voice-who .v7-kicker{margin:0}
.v7-voice-face{position:relative;display:block;width:40px;height:40px;flex:none;border-radius:50%;overflow:hidden;background:var(--panel);border:1px solid var(--line)}
.v7-voice-face img{position:absolute;left:50%;top:0;width:150%;max-width:none;height:auto;transform:translateX(-50%)}
.v7-voice-face.is-orbina img{top:0;left:0;width:100%;height:100%;object-fit:cover;transform:none}
/* 今日の占いの「設定から選べます」の一言（文の中の小さなリンク） */
.v7-inline-link{display:inline;min-height:0;padding:0 2px;border:0;background:transparent;color:var(--fg);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.v7-inline-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}
.v7-write{margin-top:var(--s-4,32px)}
/* 2026-10-09 オーナー決定：画面の最後のきまりなどは、小さく1〜2行のリンクだけに（説明の文は「設定」のタブへ）。学校版のフッターはそのまま */
html:not([data-edition="school"]) .v7-footer{font-size:12px;line-height:1.6;padding-top:8px;padding-inline:16px}
html:not([data-edition="school"]) .v7-footer p{margin:0}
html:not([data-edition="school"]) .v7-footer-links,html:not([data-edition="school"]) .v7-footer-static{display:flex;flex-wrap:wrap;gap:0 14px;align-items:center;font-size:0}
html:not([data-edition="school"]) .v7-footer-link,html:not([data-edition="school"]) .v7-footer-static a{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* 2026-10-09 オーナー決定：キャラクターの名前は「英語表記（日本語）」。見出しは英語表記を大きく、（日本語）を下に小さく */
h1.v7-name .v7-name-main{display:block}
h1.v7-name .v7-name-paren{display:block;font-size:.5em;letter-spacing:.06em;margin-top:6px;color:var(--muted);font-weight:500}
.v41-cell-name .v41-cell-en{display:block;font-size:13px;letter-spacing:.03em;line-height:1.4;overflow-wrap:anywhere}
.v41-cell-name .v41-cell-kana{display:block;font-size:12px;color:var(--muted);line-height:1.4}

/* 2026-10-09 色の実のポップアップ（オーナー「上ではなくポップアップ」） */
.v7-fruit-pop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:rgba(20,24,20,.45)}
.v7-fruit-pop-in{background:var(--v7-paper,#fbf8f1);color:inherit;border-radius:16px;max-width:360px;width:100%;padding:24px 20px 20px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:14px;align-items:center}
.v7-fruit-pop-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.v7-fruit-pop-item{display:flex;flex-direction:column;align-items:center;gap:4px}
.v7-fruit-pop-item .v7-fruit-icon{width:112px;height:112px}
.v7-fruit-pop-row.is-many .v7-fruit-pop-item .v7-fruit-icon{width:auto;height:auto}
.v7-fruit-pop-name{margin:0;font-weight:600}
.v7-fruit-pop-sum{margin:0;font-weight:600;font-size:1.05em}
.v7-fruit-pop-icon{position:relative;display:inline-block;line-height:0}
.v7-fruit-pop-n{position:absolute;right:-6px;bottom:-4px;line-height:1;font-size:.95em;font-weight:700;padding:4px 7px;border-radius:999px;background:var(--v7-ink,#2b2b2b);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.v7-fruit-pop-row.is-many{gap:10px 8px;max-height:52vh;overflow-y:auto}
.v7-fruit-pop-row.is-many .v7-fruit-pop-item{width:84px}
.v7-fruit-pop-row.is-many .v7-fruit-pop-name{font-size:.8em;font-weight:600;line-height:1.35}
.v7-fruit-pop-msg{margin:0;line-height:1.7}
.v7-fruit-pop-in .v7-primary{min-width:10em}
@media (prefers-reduced-motion:no-preference){.v7-fruit-pop-in{animation:v7FruitPop .28s ease-out}@keyframes v7FruitPop{from{transform:scale(.92);opacity:0}to{transform:none;opacity:1}}}
.v41-zukan-fruit{display:block;width:100%;margin:4px 0 12px}

/* ===================================================================
   2026-10-09 UI総点検（1章「すぐ直す崩れ」・8章「操作性」）への対応。最終の見た目は Work さんの style.css へ。
=================================================================== */
/* 1-2・1-3 PC幅：本文の列・下の固定帯・下のタブを、同じ幅（740px）で画面の中央にそろえる（縦の中心を1本に）。
   帯の中のボタンも中央へ。精霊に出会った画面の絵は、1画面に収まる高さに（下の帯に隠れないように）。学校版はいままでのまま */
@media (min-width:760px){
  html:not([data-edition="school"]) #app.v7-main>.v7-screen>:not(.v7-entry):not(.v7-result):not(.v7-season-band){margin-inline:auto}   /* #app 付き：見出し（html #app h1）の margin にも勝つように */
  html:not([data-edition="school"]) .v7-nav{max-width:740px}
  html:not([data-edition="school"]) #dock{max-width:740px;justify-content:center}
  html:not([data-edition="school"]) .v7-main>.v7-screen>.v7-entry,html:not([data-edition="school"]) .v7-main>.v7-screen>.v7-result{margin-inline:auto}
  html:not([data-edition="school"]) .v7-main>.v7-screen:has(>.v7-result)>.v7-backbar{max-width:980px}   /* 「もどる」は精霊の絵のまとまりと同じ左端に */
  html:not([data-edition="school"]) .v7-footer>p{max-width:740px;margin-inline:auto}
  html:not([data-edition="school"]) .v7-result .v7-character{--stage-h:min(440px,calc(100vh - 420px));align-self:start}
  html:not([data-edition="school"]) .v7-result .v7-character.is-wide{--stage-h:min(260px,calc(100vh - 420px))}
  /* ログインの案内の帯：文字とボタンは本文と同じ列に */
  .v7-signin-note>*{max-width:740px;margin-inline:auto}
}
/* 文節で折り返す（BudouX で区切れなかった文の保険。対応していないブラウザでは今までどおり） */
html:lang(ja) body{word-break:auto-phrase}
.v7-nw{white-space:nowrap}
/* 1-4 色の実のかけら：文を短くし、スマホでは全幅の1列にそろえる（PCでは同じ幅で横に並べる） */
.v7-fruit-shard-cap{margin:12px 0 0;font-size:var(--t-note);color:var(--muted)}
.v7-fruit-shard-row .v7-secondary{white-space:nowrap;flex:1 1 0;padding-inline:12px}
@media (max-width:599px){
  .v7-fruit-shard-row{flex-direction:column;gap:8px}
  .v7-fruit-shard-row .v7-secondary{flex:none;width:100%}
}
/* 1-6 今日の色の共有：ボタンの間を12pxあける。スマホでは3つとも全幅の縦並び */
.v7-share-card-row{gap:12px}
.v7-actions>.v7-share-card-row{padding-inline:0;margin:0}
@media (max-width:599px){
  .v7-share-card-row{flex-direction:column;align-items:stretch}
  .v7-share-card-row>.v7-secondary{flex:none;width:100%}
  .v7-actions:has(>.v7-share-card-row){flex-direction:column;align-items:stretch;gap:12px}
  .v7-actions:has(>.v7-share-card-row)>.v7-secondary{width:100%}
}
/* 1-7・8-1⑥ 控えめな文字のボタン（「名前を消す」「やめる」）。ほかのボタンから離して置く */
.v7-quiet-row{margin:16px 0;text-align:center}
.v7-quiet{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:0;background:transparent;color:var(--muted);font:inherit;font-size:var(--t-note);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.v7-quiet:hover{color:var(--fg)}
.v7-quiet:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}
.v7-quiz-quit{margin-top:24px}
/* 1-14 カード型の一覧の左の字下げ（.v7-block ul の 1.3em が、点のない一覧にも付いていた） */
.v7-block ul.v7-guide-grid,.v7-block ul.v7-year-kw,.v7-block ul.v7-aru-list,.v7-block ul.v7-settings-list,.v7-block ul.v7-hub-grid{padding-left:0}
/* 1-15 色の暦の列見出し（「夜明／け」と折れていた） */
.v7-iro-cal-time{white-space:nowrap;letter-spacing:0;font-size:12px}
/* 1-16 設定の時刻：文字との間をあけ、ほかの入力欄と同じ角丸・高さに */
.v7-push-hour{display:flex;align-items:center;gap:8px;margin:8px 0 16px}
.v7-push-hour select{-webkit-appearance:none;appearance:none;min-height:48px;padding:8px 32px 8px 14px;border:1px solid var(--control-line,#8D9188);border-radius:12px;color:var(--fg);font:inherit;cursor:pointer;
  background:var(--panel,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237a6a4f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center/12px 8px}
/* 1-17 ずかん：出会った精霊のカードだけ2行の名前で高くなっていた。同じ行で高さをそろえ、名前の場所も2行分とる */
html .v41-grid>li{display:flex}
html .v41-grid .v41-cell{height:100%}
html .v41-cell .v41-cell-name{min-height:36px;display:flex;flex-direction:column;justify-content:center}
/* 1-18 手紙：紙のすぐ下の説明との間をあける */
.v7-letter-paper+.v7-note{margin-top:20px}
/* 1-20 進み具合のバー：進んだ部分を濃く。少しでも進んだら最低6px */
html .v7-progress span,html .v41-bar span{background:var(--muted);min-width:6px}
/* 1章（件数の少ない崩れ） */
.v7-point-title{display:block;margin-bottom:4px}   /* 性格の太字の見出しと本文がつながって読めた */
html:not([data-edition="school"]) .v7-footer-links,html:not([data-edition="school"]) .v7-footer-static{gap:8px 16px}
html:not([data-edition="school"]) .v7-footer-link,html:not([data-edition="school"]) .v7-footer-static a{min-height:44px}   /* 足もとのリンクを押しやすく（8-2） */
/* 8-1⑦ ログインの失敗の案内（押したボタンのすぐ下） */
.v7-signin-inline{margin-top:8px}
.v7-signin-inline .v7-error{margin:0 0 8px}
/* 8-1⑧ くらしの段へ飛んだとき、上に追従する章タブに隠れないように */
#sec-kurashi{scroll-margin-top:72px}
/* 自分を知るの区切り線が二重だった（まとまりの上の線と、見出しの上の線）。見出しの線だけにする */
.v7-block.v7-write{border-top:0;padding-top:0}

/* ==== 2026-10-09 承認ずみの絵（tools/sync_art.py）。ふつうの版だけ（学校版には絵のデータを渡さない）==== */
/* 下のタブの絵（文字なし・on／off）＋今の文字のラベル。5つとも同じ大きさ・同じ高さ */
html:not([data-edition="school"]) .v7-nav .v7-nav-item>.v7-nav-icon{box-sizing:content-box;display:block;width:26px;height:26px;padding:0 10px;border-radius:13px;object-fit:contain;flex:none;margin:0}
html:not([data-edition="school"]) .v7-nav .v7-nav-item[aria-current="page"]>.v7-nav-icon{background:var(--selected)}
@media(max-width:359px){html:not([data-edition="school"]) .v7-nav .v7-nav-item>.v7-nav-icon{padding-inline:6px}}
/* 葉の子の絵（届いた日だけ。ほかは今の葉の印） */
.v7-hk-icon.has-art{width:88px;height:88px;display:flex;align-items:center;justify-content:center}
.v7-hk-icon.has-art img{width:100%;height:100%;object-fit:contain;display:block}
/* 色の葉（届いた色だけ。ほかは今の色の丸）。丸の代わりに、同じ場所へ少し大きめの葉 */
.v7-iro-swatch.has-leaf{background:transparent!important;border:0;border-radius:0;width:26px;height:26px;vertical-align:-7px;position:relative}
.v7-iro-swatch.has-leaf.is-big{width:96px;height:96px}
.v7-iro-swatch.has-leaf img{width:100%;height:100%;object-fit:contain;display:block}
.v7-iro-cell.has-leaf{background:transparent!important;display:flex;align-items:center;justify-content:center;overflow:visible}
.v7-iro-cell.has-leaf img{height:30px;width:30px;object-fit:contain;display:block}

/* ==== 2026-10-10 オーナー指示：下のメニューが絵のアイコンになったので、縦を少し高く・絵を大きく・文字を小さく ==== */
html:not([data-edition="school"]){--nav-item-h:58px}
html:not([data-edition="school"]) .v7-nav .v7-nav-item{padding:5px 0 3px;gap:2px;font-size:11px;line-height:1.2}
html:not([data-edition="school"]) .v7-nav .v7-nav-item>.v7-nav-icon{width:32px;height:32px;padding:0 12px;border-radius:16px}
@media(max-width:399px){html:not([data-edition="school"]) .v7-nav .v7-nav-item{font-size:10.5px}}
@media(max-width:359px){html:not([data-edition="school"]) .v7-nav .v7-nav-item{font-size:10px}html:not([data-edition="school"]) .v7-nav .v7-nav-item>.v7-nav-icon{width:30px;height:30px;padding-inline:6px}}

/* ==== 2026-10-10 オーナー「キャラクターの画像の大きさは統一したい」「枠の縁取りも合わせる」====
   大きさのきまり（ui.js の figK）：絵は「見えている範囲」の高さで大きさを決め、横に広い絵だけ
   √(0.66 ÷ 横縦比) だけ低くする（--fig-k。縦長は 1・いちばん低くて 0.6）。精霊・覚醒・神化・神獣とも同じ。
   画面ごとの is-wide（ばらばらの低い高さ）は、ふつうの版では使わない。学校版はそのまま。 */
html:not([data-edition="school"]) .v7-character>.v7-alpha-box{width:min(calc(var(--stage-h) * var(--alpha-aspect) * var(--fig-k,1)),calc(100% - 24px))}

/* 進化の台紙：4つの姿とも同じ枠（1px の線・角 12px・うすい生まれ色の地）・同じ縦横（4:5）・
   絵は台紙の高さの 84%（の --fig-k 倍）で、まん中に。カギの台紙も同じ形 */
html:not([data-edition="school"]) .v7-evo-art.is-fig{container-type:size;position:relative;width:100%;height:auto;aspect-ratio:4/5;max-height:none;overflow:hidden;
  border:1px solid var(--line);border-radius:12px;box-sizing:border-box;
  background:linear-gradient(165deg,color-mix(in srgb,var(--evo-main,#D7E3A9) 22%,var(--panel,#fff)),color-mix(in srgb,var(--evo-pop,#E3B04A) 16%,var(--panel,#fff)))}
@supports not (background:color-mix(in srgb,red 50%,white)){html:not([data-edition="school"]) .v7-evo-art.is-fig{background:var(--panel,#fff)}}
html:not([data-edition="school"]) .v7-evo-art.is-fig.is-small{max-width:140px;margin-inline:auto}
@media(min-width:760px){html:not([data-edition="school"]) .v7-evo-art.is-fig.is-small{max-width:180px}}
html:not([data-edition="school"]) .v7-evo-art.is-fig.is-locked{background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(0,0,0,.05) 8px 16px);border-style:dashed;display:grid;place-items:center}
html:not([data-edition="school"]) .v7-evo-art.is-fig>.v7-character{--stage-h:84cqh;width:100%;height:100%;margin:0}
html:not([data-edition="school"]) .v7-evo-art.is-fig>.v7-character>.v7-alpha-box{width:min(calc(var(--stage-h) * var(--alpha-aspect) * var(--fig-k,1)),92%)}
html:not([data-edition="school"]) .v7-evo-art.is-fig .v7-image-state{font-size:12px}
/* 説明（しくみ）の3つの姿：同じ台紙を3つ並べる（切り抜き cover はやめる） */
html:not([data-edition="school"]) .v7-guide-evo .v7-evo-art.is-fig{max-width:none}

/* ずかんの24マス・カードの小さな絵：同じきまり（絵の箱の高さ × --fig-k。上下の余白で、ラベルの位置はそろえたまま） */
html:not([data-edition="school"]) .v41-cell img{box-sizing:border-box;padding-block:calc(54px * (1 - var(--fig-k,1)))}
html:not([data-edition="school"]) .v7-hub-card.is-wide .v7-hub-icon img.v7-hub-fig{box-sizing:border-box;width:100%;height:100%;object-fit:contain;padding-block:calc(56px * (1 - var(--fig-k,1)))}

/* =====================================================================
   2026-10-10 修正指示 1010（ヘッダー・あつめる・ずかん・下のメニュー・色の実・設定）。学校版は変えない（html:not([data-edition="school"])）
   ===================================================================== */
/* 1：ヘッダーの文字ロゴ（OGP と同じ絵。tools/make_wordmark.py）。375px・320px でも、設定とログインのボタンと1行に */
html:not([data-edition="school"]) .v7-brand.is-wordmark{gap:0;min-width:0;flex:0 1 auto;padding:2px 0;line-height:0}
html:not([data-edition="school"]) .v7-brand.is-wordmark .v7-wordmark{display:block;width:auto;height:48px;max-width:100%;object-fit:contain;object-position:left center}
@media(min-width:760px){html:not([data-edition="school"]) .v7-brand.is-wordmark .v7-wordmark{height:58px}}
@media(max-width:399px){html:not([data-edition="school"]) .v7-brand.is-wordmark .v7-wordmark{height:42px}}
@media(max-width:359px){html:not([data-edition="school"]) .v7-brand.is-wordmark .v7-wordmark{height:36px}}
html:not([data-edition="school"]) .v7-header:has(.v7-brand.is-wordmark){flex-wrap:nowrap}
html:not([data-edition="school"]) .v7-header-right{gap:6px}
/* 23：設定はログインの左のアイコン（下のメニューの設定の絵をそのまま） */
html:not([data-edition="school"]) .v7-header .v7-header-right .v7-header-set{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--fg)}
html:not([data-edition="school"]) .v7-header .v7-header-right .v7-header-set[hidden]{display:none}
html:not([data-edition="school"]) .v7-header .v7-header-right .v7-header-set[aria-current="page"]{background:var(--selected)}
html:not([data-edition="school"]) .v7-header .v7-header-set img{display:block;width:30px;height:30px;object-fit:contain}
html:not([data-edition="school"]) .v7-header .v7-header-set svg{display:block;width:24px;height:24px}
html:not([data-edition="school"]) .v7-header .v7-header-set:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@media(max-width:359px){html:not([data-edition="school"]) .v7-header .v7-header-right .v7-header-set{width:40px;min-width:40px}}
/* ==== 2026-10-11 アプリ全体の検査の直し（直し_アプリ全体_1011）。ふつうの版だけ ==== */
/* M07：新着の印は「新」の字の小さな丸。アイコンの右上に重ね、PC でもずれない（ボタンの真ん中からの位置で置く） */
html:not([data-edition="school"]) body .v7-nav .v7-nav-item.has-new::after{content:none;display:none}
html:not([data-edition="school"]) body .v7-nav .v7-nav-item{position:relative}
html:not([data-edition="school"]) body .v7-nav-new{position:absolute;top:2px;left:calc(50% + 9px);min-width:17px;height:17px;padding:0 3px;box-sizing:border-box;border-radius:999px;background:#B5543C;color:#fff;font:700 10px/17px var(--sans);letter-spacing:0;text-align:center;box-shadow:0 0 0 2px var(--panel,#FBF7EC);pointer-events:none}
/* M09：下のメニューの文字は 12px（いちばん狭い幅でも 11px）。選択中は黒い太線を外し、背景とアイコンの色だけで示す */
html:not([data-edition="school"]) body .v7-nav .v7-nav-item{font-size:12px;line-height:1.25}
@media(max-width:399px){html:not([data-edition="school"]) body .v7-nav .v7-nav-item{font-size:12px}}
@media(max-width:359px){html:not([data-edition="school"]) body .v7-nav .v7-nav-item{font-size:11px}}
html:not([data-edition="school"]) body .v7-nav .v7-nav-item[aria-current="page"]{box-shadow:none}
/* M08 の「設定」の字と濃いアイコンは、1011 の U1（デザインの決まり v1：視覚ラベルは省き aria-label と title で補う）に置きかえたので外した */
/* H05：出会いの演出のあいだは、下の固定ボタンとメニューを隠し、名前は絵が出たあとに出す。終わったら、ふわっと戻す */
html:not([data-edition="school"]) body .v7-action-dock,html:not([data-edition="school"]) body .v7-nav{transition:opacity .45s ease,transform .45s ease}
html:not([data-edition="school"]) body.is-meeting .v7-action-dock,html:not([data-edition="school"]) body.is-meeting .v7-nav{opacity:0;transform:translateY(110%);pointer-events:none}
html:not([data-edition="school"]) body .v7-result.is-meeting .v7-name,html:not([data-edition="school"]) body .v7-result.is-meeting .v7-sex-switch,html:not([data-edition="school"]) body .v7-result.is-meeting .v7-origin{opacity:0}
html:not([data-edition="school"]) body .v7-result.is-met .v7-name,html:not([data-edition="school"]) body .v7-result.is-met .v7-sex-switch,html:not([data-edition="school"]) body .v7-result.is-met .v7-origin{animation:v7-fadein .6s ease both}
@keyframes v7-fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* M10：下へ読み進めている間は、固定のボタン（ドック）を下へ隠す。上へ戻ると出る */
html:not([data-edition="school"]) body.is-dock-away .v7-action-dock{transform:translateY(calc(100% + var(--nav-h,72px)));opacity:0;pointer-events:none}
html:not([data-edition="school"]) body[data-view="card"] .v7-action-dock .v7-primary{min-height:44px;padding-block:8px}
/* M11：「3つのことば」と葉のポップアップのことばは、押せないので、枠のないうすい札に（ボタンと見分ける） */
html:not([data-edition="school"]) body .v7-theme-box .v7-tags li,html:not([data-edition="school"]) body .v7-theme-box .v7-tag{border:0;background:var(--v23-soft,var(--selected,#EEF2EA));box-shadow:none;border-radius:6px;cursor:default}
html:not([data-edition="school"]) body .v7-know-pop-words li{border:0;background:var(--v23-soft,var(--selected,#EEF2EA));border-radius:6px}
/* M12：「できること」の5つ目（21の質問）は横いっぱい */
html:not([data-edition="school"]) body .v7-card-acts>:nth-child(5){grid-column:1/-1}
/* M14：枝のボタンは2段（時間帯／中身） */
html:not([data-edition="school"]) body .v7-know-toc-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;white-space:normal;padding:4px 2px}
html:not([data-edition="school"]) body .v7-know-toc-name{font-weight:700;font-size:13px;line-height:1.2}
html:not([data-edition="school"]) body .v7-know-toc-sub{font-size:11px;line-height:1.2;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}
/* M30：一覧の説明は 14px に */
html:not([data-edition="school"]) body .v7-know-desc{font-size:14px;line-height:1.6}
/* M05：自分の姿は横幅いっぱいの正方形。押すと大きく見られる。「この姿にする」で短い光 */
html:not([data-edition="school"]) body .v7-zk-mine-row.is-open{flex-direction:column;align-items:stretch}
html:not([data-edition="school"]) body .v7-zk-mine-big{display:block;width:100%;max-width:420px;margin:0 auto;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:16px}
html:not([data-edition="school"]) body .v7-zk-mine-row.is-open .v7-zk-mine-big>.v7-evo-art.is-fig.is-small{width:100%;max-width:none;margin:0}
html:not([data-edition="school"]) body .v7-zk-mine-big:focus-visible{outline:3px solid var(--focus,#2F4362);outline-offset:3px}
html:not([data-edition="school"]) body .v7-evo-art.is-shine{position:relative;overflow:hidden}
html:not([data-edition="school"]) body .v7-evo-art.is-shine::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.95),rgba(255,236,170,.55) 35%,rgba(255,255,255,0) 70%);animation:v7-shine 1s ease-out both;pointer-events:none}
@keyframes v7-shine{0%{opacity:0;transform:scale(.6)}45%{opacity:1}100%{opacity:0;transform:scale(1.4)}}
@media(prefers-reduced-motion:reduce){html:not([data-edition="school"]) body .v7-evo-art.is-shine::after{animation:none;opacity:0}html:not([data-edition="school"]) body .v7-result.is-met .v7-name{animation:none}}
html:not([data-edition="school"]) body .v7-zk-zoom{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;background:rgba(20,26,22,.82)}
html:not([data-edition="school"]) body .v7-zk-zoom-in{width:min(92vw,80vh,640px);aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,var(--evo-main,#E7DCC2),var(--evo-deep,#1C3A2C))}
html:not([data-edition="school"]) body .v7-zk-zoom-in img{display:block;width:100%;height:100%;object-fit:contain}
html:not([data-edition="school"]) body .v7-zk-zoom-close{min-width:120px}
/* M02：入口の姿の札。2026-10-12 修正指示 1012 の 7：神獣を覚醒の右下に重ねるのはやめ、1枚の札に（.v7-guide-pet は使わない）。
   1012 の 8：葉の子の札は名前（1行目）と「○月○日の葉の子」（2行目） */
html:not([data-edition="school"]) body .v7-guide-evo-fig .v7-evo-art{position:relative}
html:not([data-edition="school"]) body .v7-guide-cap-main{display:block}
html:not([data-edition="school"]) body .v7-guide-cap-sub{display:block;font-size:12px;white-space:nowrap;color:var(--muted)}
html:not([data-edition="school"]) body .v7-guide-hk .v7-evo-art.is-fig.is-sq>img{width:88%;height:88%;margin:6%}
/* M25：はじめに聞く、精霊の絵の姿 */
html:not([data-edition="school"]) body .v7-birth-sex{margin-top:20px}
html:not([data-edition="school"]) body .v7-birth-sex-row{justify-content:flex-start;margin:6px 0}
html:not([data-edition="school"]) body .v7-sex-setting .v7-sex-switch{justify-content:flex-start}
/* M21：記録を消す */
html:not([data-edition="school"]) body .v7-erase{margin-top:16px;padding-top:12px;border-top:1px solid var(--line,#D5DBCE)}
/* M23：ログインの前の説明 */
html:not([data-edition="school"]) body .v7-login-pop-title{margin:0 0 8px;font-size:var(--t-h3,18px)}
html:not([data-edition="school"]) body .v7-login-pop .v7-know-pop-in{text-align:left}
/* M04：影を押したときの、出会い方 */
html:not([data-edition="school"]) body .v7-sheet-peek-art{width:min(60%,220px);margin:8px auto}
/* L13：電話番号の数は、たたんだ中に。入れる前の説明を大きく */
html:not([data-edition="school"]) body .v7-phone-lead{font-size:16px;line-height:1.7;margin:0 0 8px}
/* M16・M20：色の実のページ */
html:not([data-edition="school"]) body .v7-fr-kid{margin:8px 0 12px}
html:not([data-edition="school"]) body .v7-fr-change-fold>summary{font-weight:600}
/* M28：PC は、本文・ヘッダー・下のメニュー・固定ボタンを同じ1列に。1011 から幅は U1 の --page-width（本文 720px＋左右の余白）にそろえる */
@media(min-width:1024px){
  html:not([data-edition="school"]) body .v7-action-dock{max-width:var(--page-width,784px);margin-inline:auto;box-sizing:border-box}
}
/* 2026-10-12 修正指示 1012 の 3（案A）：ここにあった 720px の3行（ヘッダー・メニュー・固定ボタン）は、余分な「}」で @media の外に出て、
   全幅でも 720px に固定されていた。ヘッダーとメニューは @media(min-width:760px) の中に戻して、本文と同じ --page-width（720px＋左右の余白）に。
   固定ボタンの行は上の 1024px の決まりと重なるので消した。
   （2026-10-12 ずかん画質：余分な「}」が、すぐ下の「.v7-evo-art.is-fig{aspect-ratio:1/1}」を無効にしていた） */
@media(min-width:760px){
  html:not([data-edition="school"]) body .v7-header{max-width:var(--page-width,784px);margin-inline:auto;box-sizing:border-box}
  html:not([data-edition="school"]) body .v7-nav{max-width:var(--page-width,784px);margin-inline:auto}
}

/* ==== 2026-10-10 オーナー「画面のサイズは全部統一。全部正方形に収まる感じ」====
   共通の台紙は2つ：① .v7-evo-art.is-fig（キャラクターの台紙。4:5 → 1:1。体の縦は台紙の 92%（× --fig-k））
   ② .v7-sq（絵の正方形の台紙。葉の子・色の実など）。どちらも 1px の線・角 12px・うすい色の地。
   .is-silhouette は、まだ出会っていない姿（同じ絵の影） */
html:not([data-edition="school"]) .v7-evo-art.is-fig{aspect-ratio:1/1}
html:not([data-edition="school"]) .v7-evo-art.is-fig>.v7-character{--stage-h:92cqh}
html:not([data-edition="school"]) .v7-evo-art.is-fig.is-sq>img{display:block;width:100%;height:100%;object-fit:contain}
.v7-sq{--sq-c:#D7E3A9;position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1/1;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:linear-gradient(165deg,color-mix(in srgb,var(--sq-c) 22%,var(--panel,#fff)),color-mix(in srgb,var(--sq-c) 8%,var(--panel,#fff)))}
@supports not (background:color-mix(in srgb,red 50%,white)){.v7-sq{background:var(--panel,#fff)}}
.v7-sq>img,.v7-sq>svg{display:block;width:100%;height:100%;object-fit:contain}
.v7-sq.is-raw>img,.v7-sq.is-raw>.v7-fruit-icon{width:92%;height:92%;object-fit:contain}
.v7-sq>.v7-fruit-icon.is-svg{display:grid;place-items:center;width:92%;height:92%}
.v7-sq>.v7-fruit-icon.is-svg svg{width:100%;height:100%}
.v7-sq.is-dim>img{opacity:.32;filter:grayscale(.7)}
.v7-sq-badge{position:absolute;right:4px;bottom:4px;padding:2px 6px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:11px;font-weight:700;line-height:1.3}
html:not([data-edition="school"]) .v7-evo-art.is-silhouette,.v7-sq.is-silhouette{background:var(--panel,#fff);border-style:dashed}
html:not([data-edition="school"]) .v7-evo-art.is-silhouette img,.v7-sq.is-silhouette img,.v7-sq.is-silhouette svg{filter:brightness(0);opacity:.15}
.v7-sq-grid{list-style:none;margin:8px 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
.v7-sq-grid.is-small{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(min-width:560px){.v7-sq-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v7-sq-grid.is-small{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:900px){.v7-sq-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.v7-sq-grid.is-small{grid-template-columns:repeat(8,minmax(0,1fr))}}
.v7-block ul.v7-sq-grid{padding-left:0}
.v7-sq-cell{min-width:0;text-align:center}
.v7-sq-cell.is-mine .v7-sq{border:2px solid var(--fg)}
.v7-sq-name{display:block;margin:4px 0 0;font-size:clamp(10px,2.9vw,12px);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:clip;font-feature-settings:"palt"}
.v7-sq-cell.is-unknown .v7-sq-name{color:var(--muted)}
.v7-sq-btn{display:block;width:100%;padding:0;border:0;border-radius:12px;background:transparent;color:var(--fg);font:inherit;cursor:pointer}
.v7-sq-btn[aria-pressed="true"] .v7-sq{border:2px solid var(--fg);box-shadow:0 0 0 2px var(--selected)}
.v7-sq-btn:disabled{cursor:default}
.v7-sq-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

/* ==== 22・23：ずかん（精霊・覚醒・色神・神獣・葉の子）====
   1行の数：スマホ3・タブレット4・PC6。名前は2行（英語表記／（日本語））で、途中で切らない */
html .v41-grid.v7-zk-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
@media(min-width:560px){html .v41-grid.v7-zk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px){html .v41-grid.v7-zk-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
html .v41-cell.v7-zk-cell{min-height:0;padding:6px 6px 8px;gap:6px;justify-content:flex-start}
html:not([data-edition="school"]) .v7-zk-cell .v7-evo-art.is-fig.is-small{max-width:none;width:100%;margin:0}
html:not([data-edition="school"]) .v7-zk-cell .v7-evo-art.is-sq>img{width:100%;height:100%;padding:0;object-fit:contain}
html:not([data-edition="school"]) .v7-zk-cell .v7-alpha-box img{width:calc(100% / var(--bound-w));height:auto;padding:0}
html:not([data-edition="school"]) .v41-cell.v7-zk-cell.is-unknown .v7-alpha-box img{filter:brightness(0);opacity:.15}
html .v7-zk-cell .v7-character{margin:0}
html .v41-cell .v7-zk-name{min-height:34px;width:100%}
html .v7-zk-name .v41-cell-en{font-size:clamp(11px,3.3vw,14px);letter-spacing:.02em;white-space:nowrap;overflow-wrap:normal;word-break:keep-all;line-height:1.35}
html .v7-zk-name .v41-cell-kana{font-size:clamp(10px,2.9vw,12px);letter-spacing:0;white-space:nowrap;font-feature-settings:"palt"}
html .v7-zk-name .v7-zk-ja{letter-spacing:0;font-feature-settings:"palt";font-weight:600}
@media(min-width:900px){html .v7-zk-name .v41-cell-en{font-size:13px}html .v7-zk-name .v41-cell-kana{font-size:11.5px}}
.v7-zk-sekki{font-size:11px;line-height:1.3;color:var(--muted);white-space:nowrap}
.v7-zk-tabs button{padding-inline:8px}
.v7-zk-mine{margin-top:8px}
.v7-zk-mine-row{display:flex;gap:16px;align-items:center}
html:not([data-edition="school"]) .v7-zk-mine-row>.v7-evo-art.is-fig.is-small{flex:none;width:40%;max-width:200px;margin:0}
/* 2026-10-12 ずかんで覚醒・色神・神獣を押した先（その姿の画面）：大きな正方形の絵（1辺 1200px までの版）を横幅いっぱいに（520px まで） */
.v7-evo-stage-art{width:min(100%,520px);margin:8px auto 16px}
html:not([data-edition="school"]) .v7-evo-stage-art>.v7-evo-art.is-fig.is-small{width:100%;max-width:none;margin:0}
html[data-edition="school"] .v7-evo-stage-art>.v7-evo-art{max-width:360px;max-height:480px;margin-inline:auto}
.v7-zk-mine-text{min-width:0;flex:1}
.v7-zk-mine-text p{margin:0 0 6px}
.v7-zk-mine-name{font-family:var(--serif);font-size:var(--t-h3,18px);font-weight:600;line-height:1.5}
.v7-zk-mine .v7-quiet{margin-top:8px}
.v7-zk-month summary{min-height:52px}
.v7-zk-month .v7-fold-body{padding-top:0}

/* ==== 8：色の葉をあつめる ==== */
.v7-co-lead{margin-bottom:12px}
.v7-co-today{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 4px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.v7-co-today-label{margin:0;font-weight:600}
.v7-co-today-dots{display:flex;gap:6px;align-items:center}
.v7-co-slot{display:inline-block;width:20px;height:24px;border:1.5px dashed var(--control-line);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;opacity:.6}
.v7-co-leaf{display:inline-block;width:20px;height:20px;line-height:0;flex:none}
.v7-co-leaf svg{width:100%;height:100%;display:block}
.v7-co-face{flex:none;width:56px;height:56px;border-radius:50%;border:1px solid var(--line);background:var(--panel);object-fit:cover}
.v7-co-face.is-small{width:40px;height:40px}
.v7-co-options .v7-iro-option[aria-pressed="true"]{border:2px solid var(--fg);background:var(--selected);font-weight:600}
.v7-co-options .v7-iro-option[aria-pressed="true"]::before{content:"✓ ";}
.v7-co-field{margin:16px 0 0}
.v7-co-field label{display:block;font-weight:600;margin-bottom:6px}
.v7-co-text{width:100%;box-sizing:border-box;min-height:88px;padding:10px 12px;border:1px solid var(--control-line);border-radius:12px;background:var(--panel);color:var(--fg);font:inherit;font-size:16px;line-height:1.7;resize:vertical}
.v7-co-text:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.v7-co-count{margin:4px 0 0;text-align:right;font-size:12px;color:var(--muted)}
.v7-co-just{border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:16px;padding:var(--s-3,24px) var(--s-2,16px);background:var(--panel)}
.v7-co-just h2{margin:0 0 12px;font-family:var(--serif)}
.v7-co-just-top{display:flex;gap:14px;align-items:flex-start}
.v7-co-just-text{min-width:0}
.v7-co-just-text p{margin:0 0 4px}
.v7-co-answer{font-weight:600;margin:0}
.v7-co-user{margin:6px 0 0;padding:8px 12px;border-left:3px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--t-small);line-height:1.8}
.v7-co-orbina{display:flex;gap:10px;align-items:center;margin:14px 0 0}
.v7-co-orbina p{margin:0;font-family:var(--serif)}
.v7-co-fruit{margin:12px 0 0;font-size:var(--t-note)}
@media (prefers-reduced-motion:no-preference){
  .v7-co-leaf.is-new{animation:v7CoLeaf .7s cubic-bezier(.2,.8,.3,1.2)}
  @keyframes v7CoLeaf{from{transform:translateY(-14px) rotate(-30deg) scale(.4);opacity:0}to{transform:none;opacity:1}}
  .v7-co-tleaf.is-new path{animation:v7CoTLeaf .9s ease-out}
  @keyframes v7CoTLeaf{from{opacity:0}to{opacity:1}}
}
.v7-co-tree-svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto}
.v7-co-ground{fill:color-mix(in srgb,var(--leaf,#D7E3A9) 45%,var(--panel,#fff))}
.v7-co-mound{fill:color-mix(in srgb,#C9B98F 40%,var(--panel,#fff))}
.v7-co-trunk{fill:#8A6A45}
.v7-co-branch{fill:none;stroke:#8A6A45;stroke-width:4.5;stroke-linecap:round}
.v7-co-tleaf path:first-child,.v7-co-oleaf path{stroke:rgba(40,50,30,.35);stroke-width:.8}
.v7-co-vein{fill:none;stroke:rgba(255,255,255,.6);stroke-width:.8}
.v7-co-tree-count{margin:8px 0 0;text-align:center;font-family:var(--serif);font-size:var(--t-h3,18px);font-weight:600}
.v7-co-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}
.v7-co-cal-month{margin:0;font-weight:600}
.v7-co-cal-nav{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--fg);font-size:20px;line-height:1}
.v7-co-cal-nav:disabled{opacity:.35}
.v7-co-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.v7-co-cal-w{text-align:center;font-size:11px;color:var(--muted)}
.v7-co-cal-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-height:52px;padding:4px 0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--fg);font:inherit;min-width:0}
.v7-co-cal-day.has-leaf{border-color:var(--line);background:var(--panel);cursor:pointer}
.v7-co-cal-day.is-today .v7-co-cal-n{background:var(--fg);color:var(--bg);border-radius:999px;padding:0 5px}
.v7-co-cal-day[aria-pressed="true"]{border:2px solid var(--fg)}
.v7-co-cal-day:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
.v7-co-cal-n{font-size:12px;line-height:1.5}
.v7-co-cal-leaves{display:flex;flex-wrap:wrap;justify-content:center;gap:0;max-width:100%}
.v7-co-cal-leaves .v7-co-leaf{width:12px;height:12px}
.v7-co-cal-more{font-size:9px;line-height:12px;color:var(--muted)}
.v7-co-day{margin-top:12px}
.v7-co-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v7-block ul.v7-co-list{padding-left:0}
.v7-co-list li{display:flex;gap:10px;align-items:flex-start}
.v7-co-list-text{min-width:0}
.v7-co-list-text p{margin:0 0 2px}

/* ==== 23：色の実の特設ページ ==== */
.v7-fr-road{display:flex;gap:16px;align-items:center}
.v7-fr-road-fig{flex:none;width:34%;max-width:180px}
html:not([data-edition="school"]) .v7-fr-road-fig .v7-evo-art.is-fig.is-small{max-width:none;margin:0}
.v7-fr-road-text{min-width:0;flex:1}
.v7-fr-road-text p{margin:0 0 4px}
.v7-fr-road-name{font-weight:600}
.v7-fr-road-goal{font-family:var(--serif);font-size:var(--t-h3,18px);font-weight:600;margin-top:6px!important}
.v7-fr-road-bar{margin:6px 0 8px}
.v7-fr-stamp-row{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.v7-block ol.v7-fr-stamp-row{padding-left:0}
.v7-fr-stamp-cell{position:relative;display:grid;place-items:center;aspect-ratio:1/1;border:1.5px dashed var(--control-line);border-radius:50%;color:var(--muted);font-size:12px;min-width:0}
.v7-fr-stamp-cell.is-on{border-style:solid;border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--panel,#fff));color:#5E7A3A}
.v7-fr-stamp-cell.is-goal{border-radius:12px}
.v7-fr-stamp-cell.is-today{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 35%,transparent)}
.v7-fr-stamp-n{position:absolute}
.v7-fr-stamp-cell.is-on .v7-fr-stamp-n{opacity:0}
.v7-fr-stamp-mark{position:absolute;inset:18%;display:block}
.v7-fr-stamp-mark svg{width:100%;height:100%;display:block}
.v7-fr-stamp-gift{position:relative;display:grid;place-items:center;width:100%;height:100%}
.v7-fr-stamp-gift .v7-fruit-icon{width:80%;height:80%;object-fit:contain}
.v7-fr-stamp-gift .v7-fruit-icon+.v7-fruit-icon{position:absolute;right:-4px;bottom:-4px;width:46%;height:46%}
.v7-fr-stamp-cell.is-goal.is-on .v7-fr-stamp-mark{inset:auto 2px 2px auto;width:40%;height:40%}
.v7-fr-stamp-now{margin:4px 0;font-weight:600}
.v7-fr-open-stage{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.v7-fr-open-fig{flex:none;width:40%;max-width:200px}
.v7-fr-open-text{flex:1 1 180px;min-width:0}
.v7-fr-open-name{margin:0 0 4px;font-family:var(--serif);font-size:var(--t-h3,18px);font-weight:600}
.v7-fr-prob-one{margin:0;font-size:var(--t-note);color:var(--muted);line-height:1.7}
.v7-fr-open-text .v7-actions{margin:12px 0 0}
.v7-fr-shelf .v7-sub-title{margin:12px 0 4px}
.v7-fr-shard-item{padding:10px 0;border-top:1px solid var(--line)}
.v7-fr-shard-head{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-weight:600}
.v7-fr-shard-head .v7-fruit-icon{width:32px;height:32px;object-fit:contain}
.v7-fr-ways-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.v7-block ul.v7-fr-ways-list{padding-left:0}
.v7-fr-ways-list li{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.v7-fr-ways-list li.is-done{background:transparent}
.v7-fr-ways-mark{flex:none;display:grid;place-items:center;width:24px;height:24px;border:1.5px solid var(--control-line);border-radius:50%;font-size:13px;font-weight:700;color:var(--fg)}
.v7-fr-ways-text{flex:1 1 180px;min-width:0}
.v7-fr-ways-text p{margin:0}
.v7-fr-ways-title{font-weight:600}
.v7-fr-ways-btn{min-height:44px;padding:6px 14px;flex:0 0 auto}
.v7-fr-season-row{display:flex;gap:14px;align-items:center}
.v7-fr-season-row>.v7-sq{flex:none;width:28%;max-width:120px}
.v7-fr-season-row p{margin:0 0 4px}
.v7-fr-prob{margin-top:12px}
.v7-fr-prob .v7-sub-title{margin:0 0 4px;font-size:var(--t-small)}
.v7-fr-prob-list{margin:0;padding-left:1.1em;font-size:var(--t-note);line-height:1.8}
.v7-fr-prob-list li{overflow-wrap:anywhere}
.v7-fr-notice{margin-top:12px;padding-top:8px;border-top:1px solid var(--line)}
.v7-fruit-icon.is-svg{display:inline-grid;place-items:center;line-height:0}
/* ひらく前の光（確定の演出。光の色は結果と同じ）。動きを減らす設定では出さない（JS で飛ばす） */
.v7-fr-reveal{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:rgba(20,24,20,.55);cursor:pointer}
.v7-fr-reveal-stage{position:relative;display:grid;place-items:center;width:200px;height:200px}
.v7-fr-reveal-stage .v7-fruit-icon{position:relative;width:168px;height:168px;object-fit:contain;animation:v7FrShake .62s ease-in-out}
.v7-fr-reveal-ring{position:absolute;inset:0;border-radius:50%;opacity:0}
.v7-fr-reveal.is-white .v7-fr-reveal-ring{background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(255,255,255,.4) 45%,transparent 70%)}
.v7-fr-reveal.is-gold .v7-fr-reveal-ring{background:radial-gradient(circle,#FFE9A8 0,rgba(230,180,70,.65) 45%,transparent 72%)}
.v7-fr-reveal.is-rainbow .v7-fr-reveal-ring{background:conic-gradient(#E63053,#F8CE09,#36C994,#42DEFB,#2366C6,#6D5BB8,#E63053);-webkit-mask:radial-gradient(circle,#000 0,#000 40%,transparent 70%);mask:radial-gradient(circle,#000 0,#000 40%,transparent 70%)}
.v7-fr-reveal.is-glow .v7-fr-reveal-ring{animation:v7FrGlow .9s ease-out forwards}
.v7-fr-reveal.is-glow .v7-fruit-icon{animation:v7FrPop .5s ease-out forwards}
.v7-fr-reveal-skip{margin:0;color:#fff;font-size:13px;opacity:.85}
@keyframes v7FrShake{0%,100%{transform:none}20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}
@keyframes v7FrGlow{from{opacity:0;transform:scale(.5)}40%{opacity:1}to{opacity:.9;transform:scale(1.25)}}
@keyframes v7FrPop{from{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.v7-fr-reveal{display:none}}
/* スマホでは、あなたの姿の絵を上に・文を下に（文が細い列で長くならないように） */
@media(max-width:479px){
  .v7-zk-mine-row,.v7-fr-road{flex-direction:column;align-items:stretch;gap:10px}
  html:not([data-edition="school"]) .v7-zk-mine-row>.v7-evo-art.is-fig.is-small{width:56%;max-width:220px;margin:0 auto}
  .v7-fr-road-fig{width:56%;max-width:220px;margin:0 auto}
}
/* ==== 2026-10-10 修正指示1010（UI-A：自分を知る・結果・今日の占い）====
   どれも、ふつうの版だけ（html:not([data-edition="school"])）。学校版の見た目は変えない。 */

/* -- 絵の枠は正方形（オーナー 2026-10-10「すべて正方形に収まるように」）--
   .v7-character に is-sq を付けると、一辺 --sq-w の正方形の枠になり、体の縦は枠の約92%（横に広い絵は --fig-k で低く）で中央。
   この担当の画面（結果のいちばん上・性格の章の動く絵・前／次／向かい／気の合う精霊・今日の占いの要約・自分を知るのいちばん上）で使う */
html:not([data-edition="school"]) body .v7-character.is-sq{container-type:size;width:min(100%,var(--sq-w,320px));height:auto;aspect-ratio:1/1;--stage-h:92cqh;margin-inline:auto;flex:none}
html:not([data-edition="school"]) body .v7-character.is-sq>.v7-alpha-box{width:min(calc(var(--stage-h) * var(--alpha-aspect) * var(--fig-k,1)),92%)}
html:not([data-edition="school"]) body .v7-result .v7-character.is-sq.is-hero{--sq-w:min(340px,calc(100vw - 48px));margin-block:12px 8px}
html:not([data-edition="school"]) body .v7-chapter .v7-self-stage .v7-character.is-sq,
html:not([data-edition="school"]) body .v7-self-stage .v7-character.is-sq{--sq-w:240px}
@media(min-width:760px){
  html:not([data-edition="school"]) body .v7-result .v7-character.is-sq.is-hero{--sq-w:min(420px,calc(100vh - 300px));align-self:start;margin:0}
}

/* -- No.9：テーマ・3つのことば・お守りの言葉に、見出しと説明 -- */
html:not([data-edition="school"]) .v7-theme-box{margin:8px 0 4px;text-align:center}
html:not([data-edition="school"]) .v7-theme-label,html:not([data-edition="school"]) .v7-omamori-label{margin:14px 0 2px;font:600 13px/1.6 var(--sans);letter-spacing:.08em;color:var(--muted)}
html:not([data-edition="school"]) .v7-result .v7-theme-box .v7-theme-word{margin:0 0 4px}
html:not([data-edition="school"]) .v7-theme-box .v7-tags{justify-content:center;margin:6px 0 4px}
html:not([data-edition="school"]) .v7-theme-note,html:not([data-edition="school"]) .v7-omamori-note{margin:6px auto 0;max-width:30em;font-size:13px;line-height:1.75;color:var(--muted)}
html:not([data-edition="school"]) .v7-omamori-box{margin:18px 0 6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-align:center}
html:not([data-edition="school"]) .v7-omamori-box .v7-omamori-label{margin-top:0}
html:not([data-edition="school"]) .v7-result .v7-omamori.is-labeled{margin:4px auto 0}
html:not([data-edition="school"]) .v7-omamori.is-labeled:before{content:none;display:none}
@media(min-width:760px){html:not([data-edition="school"]) .v7-theme-box,html:not([data-edition="school"]) .v7-omamori-box{text-align:left}html:not([data-edition="school"]) .v7-theme-box .v7-tags{justify-content:flex-start}html:not([data-edition="school"]) .v7-theme-note,html:not([data-edition="school"]) .v7-omamori-note{margin-left:0}}

/* -- No.10：結果の4つのボタンは、読んだあと（下のほう）に -- */
html:not([data-edition="school"]) .v7-card-acts-sec{margin:48px 0 8px;padding-top:24px;border-top:1px solid var(--line)}
html:not([data-edition="school"]) .v7-card-acts-title{font-size:var(--t-h2,20px);margin:0 0 12px}
html:not([data-edition="school"]) .v7-pair-entry .v7-secondary{width:100%}

/* -- No.11：前・次・向かい・気の合う精霊。絵は左に小さく（正方形）、文は右。説明は1文、続きはひらく -- */
html:not([data-edition="school"]) .v7-mini-list:has(>.v7-mini.is-row){grid-template-columns:minmax(0,1fr);gap:12px}
html:not([data-edition="school"]) .v7-mini.is-row{display:block;padding:12px 14px;border-radius:16px;min-width:0}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-head{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:center}
html:not([data-edition="school"]) .v7-mini.is-row .v7-character.is-sq{--sq-w:88px;margin:0;border-radius:12px;background:color-mix(in srgb,var(--panel,#fff) 70%,transparent)}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-body{font-size:var(--t-note,13px);line-height:1.6}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-body p{margin:0}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-cap{margin-bottom:2px}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-name{font:600 15px/1.4 var(--serif);letter-spacing:.06em;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-sekki{color:var(--muted)}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-short{margin:10px 0 0;font-size:14px;line-height:1.8}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-more{margin-top:2px}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-more summary{min-height:44px;padding:4px 0;font-size:13px}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-more summary:after{width:26px;height:26px;font-size:16px}
@media(min-width:760px){
  html:not([data-edition="school"]) .v7-mini-list:has(>.v7-mini.is-row){grid-template-columns:repeat(2,minmax(0,1fr))}
  html:not([data-edition="school"]) .v7-mini.is-row.is-opposite{grid-column:1/-1}
  html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-head{grid-template-columns:112px minmax(0,1fr)}
  html:not([data-edition="school"]) .v7-mini.is-row .v7-character.is-sq{--sq-w:112px}
}

/* -- No.13：どのくらい当たっていましたか？（5段階） -- */
html:not([data-edition="school"]) .v7-know-fit{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
html:not([data-edition="school"]) .v7-know-fit .v7-sub-title{margin:0 0 6px;font-size:16px;line-height:1.6}
html:not([data-edition="school"]) .v7-know-fit .v7-note{margin:0 0 10px}
html:not([data-edition="school"]) .v7-know-fit-row{display:flex;flex-direction:column;gap:8px}
html:not([data-edition="school"]) .v7-know-fit-btn{min-height:48px;padding:8px 14px;border:1px solid var(--control-line);border-radius:12px;background:transparent;color:var(--fg);font:500 14px/1.5 var(--sans);text-align:left}
html:not([data-edition="school"]) .v7-know-fit-btn:hover{background:var(--selected)}
html:not([data-edition="school"]) .v7-know-fit-btn[aria-pressed="true"]{border:2px solid var(--accent);background:var(--selected);font-weight:700}
html:not([data-edition="school"]) .v7-know-fit-btn[aria-pressed="true"]:before{content:"✓ "}
html:not([data-edition="school"]) .v7-know-fit-msg:empty{display:none}
@media(min-width:760px){html:not([data-edition="school"]) .v7-know-fit-row{flex-direction:row;flex-wrap:wrap}html:not([data-edition="school"]) .v7-know-fit-btn{flex:1 1 150px;text-align:center}}

/* -- 葉の印（正方形の枠。持っている＝絵、できる＝線、近日＝うすい影） -- */
html:not([data-edition="school"]) .v7-know-leaf{position:relative;display:inline-grid;place-items:center;flex:none;width:44px;height:44px;aspect-ratio:1/1;border-radius:10px;overflow:hidden;box-sizing:border-box}
html:not([data-edition="school"]) .v7-know-leaf.is-got{background:color-mix(in srgb,var(--leaf) 22%,var(--panel,#fff))}
html:not([data-edition="school"]) .v7-know-leaf.is-got:not(:has(img)):after{content:"";width:58%;height:58%;border-radius:50% 0;background:var(--leaf)}
html:not([data-edition="school"]) .v7-know-leaf img{width:92%;height:92%;object-fit:contain}
html:not([data-edition="school"]) .v7-know-leaf.is-todo{border:1.5px dashed color-mix(in srgb,var(--leaf) 70%,var(--control-line))}
html:not([data-edition="school"]) .v7-know-leaf.is-todo:after{content:"";width:46%;height:46%;border-radius:50% 0;border:1.5px solid color-mix(in srgb,var(--leaf) 75%,var(--control-line));opacity:.8}
html:not([data-edition="school"]) .v7-know-leaf.is-soon{background:color-mix(in srgb,var(--fg) 6%,transparent)}
html:not([data-edition="school"]) .v7-know-leaf.is-soon:after{content:"";width:46%;height:46%;border-radius:50% 0;background:color-mix(in srgb,var(--fg) 9%,transparent)}
html:not([data-edition="school"]) .v7-know-leaf.is-mini{width:100%;height:auto;border-radius:6px}
html:not([data-edition="school"]) .v7-know-leaf.is-mini.is-todo{border-width:1px}
html:not([data-edition="school"]) .v7-know-leaf.is-big{width:148px;height:148px;margin:0 auto;border-radius:20px}

/* -- 自分を知る（168の一覧） -- */
html:not([data-edition="school"]) .v7-know-feature .v7-hub-card.is-wide .v7-hub-icon{width:96px;height:96px}
html:not([data-edition="school"]) .v7-know-feature .v7-character.is-sq{--sq-w:96px;margin:0;pointer-events:none}
html:not([data-edition="school"]) .v7-know-sum{margin:24px 0 16px;padding:18px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
html:not([data-edition="school"]) .v7-know-sum-title{margin:0;font-size:15px;font-family:var(--sans);font-weight:600;letter-spacing:.06em;color:var(--muted)}
html:not([data-edition="school"]) .v7-know-count{margin:2px 0 8px;font:500 18px/1.4 var(--serif)}
html:not([data-edition="school"]) .v7-know-count strong{font-size:40px;font-weight:600;margin-right:2px}
html:not([data-edition="school"]) .v7-know-bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden;margin:0 0 12px}
html:not([data-edition="school"]) .v7-know-bar span{display:block;height:100%;min-width:4px;background:var(--accent);border-radius:4px}
html:not([data-edition="school"]) .v7-know-sum .v7-note{margin:0 0 6px}
html:not([data-edition="school"]) .v7-know-sum-sub{margin:0;font-size:14px;font-weight:600}
html:not([data-edition="school"]) .v7-know-filter{display:flex;gap:8px;margin:0 0 10px}
html:not([data-edition="school"]) .v7-know-filter-btn{flex:1 1 0;min-width:0;min-height:44px;padding:6px 8px;border:1px solid var(--control-line);border-radius:999px;background:transparent;color:var(--fg);font:500 14px/1.4 var(--sans)}
html:not([data-edition="school"]) .v7-know-filter-btn[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}
html:not([data-edition="school"]) .v7-know-toc{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0 0 8px}
html:not([data-edition="school"]) .v7-know-toc-btn{min-width:0;min-height:44px;padding:4px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--fg);font:500 12px/1.3 var(--sans);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:359px){html:not([data-edition="school"]) .v7-know-toc{grid-template-columns:repeat(4,minmax(0,1fr))}}
html:not([data-edition="school"]) .v7-know-branch{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line);scroll-margin-top:16px}
html:not([data-edition="school"]) .v7-know-branch-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:10px}
html:not([data-edition="school"]) .v7-know-branch-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:20px}
html:not([data-edition="school"]) .v7-know-branch-kind{font:500 14px/1.5 var(--sans);color:var(--muted)}
html:not([data-edition="school"]) .v7-know-branch-count{margin:0;font-size:13px;color:var(--muted);white-space:nowrap}
html:not([data-edition="school"]) .v7-know-strip{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
html:not([data-edition="school"]) .v7-know-strip li{min-width:0;line-height:0}
@media(min-width:760px){html:not([data-edition="school"]) .v7-know-strip{grid-template-columns:repeat(24,minmax(0,1fr))}}
html:not([data-edition="school"]) .v7-know-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media(min-width:760px){html:not([data-edition="school"]) .v7-know-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
html:not([data-edition="school"]) .v7-know-list li{min-width:0}
html:not([data-edition="school"]) .v7-know-card{display:flex;align-items:center;gap:12px;width:100%;height:100%;min-height:72px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--fg);text-align:left;font:inherit}
html:not([data-edition="school"]) .v7-know-card:hover{background:var(--selected)}
html:not([data-edition="school"]) .v7-know-card.is-locked{cursor:default;background:transparent;border-style:dashed}
html:not([data-edition="school"]) .v7-know-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
html:not([data-edition="school"]) .v7-know-name{font-weight:700;font-size:15px;line-height:1.45}
html:not([data-edition="school"]) .v7-know-desc{font-size:13px;line-height:1.6;color:var(--muted)}
html:not([data-edition="school"]) .v7-know-meta{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:2px;font-size:12px;line-height:1.5}
html:not([data-edition="school"]) .v7-know-state{padding:1px 8px;border-radius:999px;background:var(--selected);font-weight:600}
html:not([data-edition="school"]) .v7-know-card.is-done .v7-know-state{background:var(--accent);color:var(--on-accent)}
html:not([data-edition="school"]) .v7-know-kind,html:not([data-edition="school"]) .v7-know-lock{color:var(--muted)}
html:not([data-edition="school"]) .v7-know-more{width:100%;margin-top:10px}
html:not([data-edition="school"]) .v7-know-soon{margin:10px 0 0;font-size:13px}
html:not([data-edition="school"]) .v7-know-memo{margin:32px 0 0;padding-top:20px;border-top:1px solid var(--line)}
html:not([data-edition="school"]) .v7-know-memo-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
html:not([data-edition="school"]) .v7-know-memo-list li{padding:4px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px}

/* -- 葉のポップアップ -- */
html:not([data-edition="school"]) .v7-know-pop{position:fixed;inset:0;z-index:61;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:rgba(20,24,20,.45)}
html:not([data-edition="school"]) .v7-know-pop-in{width:100%;max-width:360px;max-height:calc(100vh - 48px);overflow:auto;padding:22px 18px 18px;border-radius:18px;background:var(--panel,#fbf8f1);color:var(--fg);text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.25)}
html:not([data-edition="school"]) .v7-know-pop-in>*{margin:0 0 8px}
html:not([data-edition="school"]) .v7-know-pop-in .v7-kicker{font-weight:700;color:var(--fg)}
html:not([data-edition="school"]) .v7-know-pop-name{font:600 22px/1.5 var(--serif);margin-top:12px}
html:not([data-edition="school"]) .v7-know-pop-read{font-size:13px;color:var(--muted)}
html:not([data-edition="school"]) .v7-know-pop-words{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;padding:0}
html:not([data-edition="school"]) .v7-know-pop-words li{padding:2px 10px;border:1px solid var(--line);border-radius:999px;font-size:13px}
html:not([data-edition="school"]) .v7-know-pop-where{font-size:14px}
html:not([data-edition="school"]) .v7-know-pop-count{font-size:13px;font-weight:600}
html:not([data-edition="school"]) .v7-know-pop-fruit{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600}
html:not([data-edition="school"]) .v7-know-pop-fruit-icon{display:inline-flex;width:28px;height:28px}
html:not([data-edition="school"]) .v7-know-pop-fruit-icon img,html:not([data-edition="school"]) .v7-know-pop-fruit-icon span{width:28px;height:28px;border-radius:50%}
html:not([data-edition="school"]) .v7-know-pop-actions{display:flex;flex-direction:column;gap:8px;margin:12px 0 0}
html:not([data-edition="school"]) .v7-know-pop-actions>*{width:100%}

/* -- No.17〜20：今日の占い（要約）-- */
html:not([data-edition="school"]) .v7-tsum{margin:0 0 20px;padding:18px 16px 16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--tsum-color,#D7E3A9) 14%,var(--panel,#fff)),var(--panel,#fff) 60%)}
html:not([data-edition="school"]) .v7-tsum-date{margin:0;font-size:14px;color:var(--muted);letter-spacing:.04em}
html:not([data-edition="school"]) .v7-tsum-title{margin:2px 0 12px;font-size:24px}
html:not([data-edition="school"]) .v7-tsum-who{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
html:not([data-edition="school"]) .v7-tsum-who .v7-character.is-sq{--sq-w:96px;margin:0;border-radius:14px;background:color-mix(in srgb,var(--tsum-color,#D7E3A9) 16%,transparent)}
html:not([data-edition="school"]) .v7-tsum-who .v7-kicker{margin:0 0 2px;font-size:13px}
html:not([data-edition="school"]) .v7-tsum-line{margin:0;font:500 16px/1.75 var(--serif)}
html:not([data-edition="school"]) .v7-tsum-head{margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--spirit-accent,var(--accent));background:color-mix(in srgb,var(--panel,#fff) 70%,transparent);font-size:15px;line-height:1.8}
html:not([data-edition="school"]) .v7-tsum-facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;margin:14px 0 4px;font-size:14px;line-height:1.6}
html:not([data-edition="school"]) .v7-tsum-facts dt{margin:0;color:var(--muted);white-space:nowrap}
html:not([data-edition="school"]) .v7-tsum-facts dd{display:flex;align-items:center;gap:8px;margin:0;min-width:0;font-weight:600;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tsum-facts .v7-lucky-swatch{width:18px;height:18px;flex:none;border-radius:50%;border:1px solid rgba(0,0,0,.14)}
html:not([data-edition="school"]) .v7-tsum .v7-share-card-row{margin-top:12px}
html:not([data-edition="school"]) .v7-tsum-full-title{margin:36px 0 0;padding-top:20px;border-top:1px solid var(--control-line);font-size:20px}
html:not([data-edition="school"]) .v7-fs-more{margin-top:8px}
html:not([data-edition="school"]) .v7-talk-entry .v7-secondary{width:100%}
@media(max-width:359px){
  html:not([data-edition="school"]) .v7-tsum{padding:14px 12px}
  html:not([data-edition="school"]) .v7-tsum-who{grid-template-columns:80px minmax(0,1fr)}
  html:not([data-edition="school"]) .v7-tsum-who .v7-character.is-sq{--sq-w:80px}
  html:not([data-edition="school"]) .v7-tsum-facts{grid-template-columns:minmax(0,1fr);gap:2px}
  html:not([data-edition="school"]) .v7-tsum-facts dd{margin-bottom:6px}
  html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-head{grid-template-columns:72px minmax(0,1fr)}
  html:not([data-edition="school"]) .v7-mini.is-row .v7-character.is-sq{--sq-w:72px}
}
@supports not (background:color-mix(in srgb,red 50%,white)){
  html:not([data-edition="school"]) .v7-tsum{background:var(--panel,#fff)}
  html:not([data-edition="school"]) .v7-know-leaf.is-got{background:var(--selected)}
}
/* -- 今日の波（5段階）・分野ごとの今日（2026-10-10 決定 案B）-- */
html:not([data-edition="school"]) .v7-wave{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 10px;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--panel,#fff) 75%,transparent);border:1px solid var(--line)}
html:not([data-edition="school"]) .v7-wave-label{font-size:13px;color:var(--muted);font-weight:600}
html:not([data-edition="school"]) .v7-wave-dots{display:inline-flex;gap:5px}
html:not([data-edition="school"]) .v7-wave-dots span{width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--fg) 14%,transparent)}
html:not([data-edition="school"]) .v7-wave-dots span.is-on{background:var(--spirit-accent,var(--accent))}
html:not([data-edition="school"]) .v7-wave-name{font:600 15px/1.5 var(--serif)}
html:not([data-edition="school"]) .v7-wave.is-small{margin:0 0 4px;background:transparent}
html:not([data-edition="school"]) .v7-tfield{margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--line)}
html:not([data-edition="school"]) .v7-tfield .v7-sub-title{margin:0 0 6px;font-size:17px}
html:not([data-edition="school"]) .v7-tfield p{margin:0 0 6px;line-height:1.85}
html:not([data-edition="school"]) .v7-wave-why{margin-top:12px}
html:not([data-edition="school"]) .v7-story-title{margin-top:40px}
html:not([data-edition="school"]) .v7-wave-dots span{width:12px;height:17px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%}
/* ===================================================================
   2026-10-10 学校版の検査（SC-03・05・08・12・13）への対応。すべて html[data-edition="school"] の中だけ（ふつうの版は変わりません）
=================================================================== */
/* ふりがな：ボタン・選択肢の中でも読めるように。行の高さを少し足して、上の行と重ならないように */
html[data-edition="school"] ruby{ruby-position:over}
html[data-edition="school"] .v7-main p,html[data-edition="school"] .v7-main li,html[data-edition="school"] .v7-main dd{line-height:2.05}
html[data-edition="school"] button ruby rt,html[data-edition="school"] .v7-iro-option rt{font-size:11px;font-weight:400}
html[data-edition="school"] .v7-iro-option,html[data-edition="school"] .v7-option,html[data-edition="school"] #dock button{line-height:1.9;padding-block:10px}
html[data-edition="school"] .v7-sr-wrap{display:inline;min-width:0}
/* 精霊のページの章の札：幅が足りないと「プロフィール」と「ものがたり」が重なっていた（10-10 直しのときに気づいた）。重ねずに折り返す */
html[data-edition="school"] .v7-chapter-tabs{display:flex;flex-wrap:wrap;gap:4px}
html[data-edition="school"] .v7-chapter-tabs .v7-chapter-tab{flex:1 1 auto;min-width:0;white-space:nowrap}
/* 2026-10-12 学校版の検査 M6：375px で 3＋1 に折れていた → 精霊のページの章の札は 2×2。ふりがなが付くので行の高さを足す */
html[data-edition="school"] .v7-chapter-tabs.v7-school-ch-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
html[data-edition="school"] .v7-chapter-tabs.v7-school-ch-tabs .v7-chapter-tab{min-height:44px;line-height:1.55;padding:2px 6px;white-space:nowrap}
@media(min-width:560px){html[data-edition="school"] .v7-chapter-tabs.v7-school-ch-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* M7：「4つの色」の役の名（精霊の色・いちばん広い色…）は、ふりがなの字ごとに横並び（flex）の箱に分かれて「精霊 の／色」と折れていた。学校版は1行の文にする */
html[data-edition="school"] .v7-pal-role{display:block;white-space:normal}
html[data-edition="school"] .v7-iro-progress .v7-sr-wrap{flex:none;white-space:nowrap}
/* ふりがなの学年 */
html[data-edition="school"] .v7-school-ruby-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0}
@media(min-width:560px){html[data-edition="school"] .v7-school-ruby-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
html[data-edition="school"] .v7-school-ruby-btn{min-height:48px;padding:6px 8px;border:1px solid var(--control-line);border-radius:12px;background:var(--panel);color:var(--fg);font:inherit;font-size:var(--t-note);cursor:pointer}
html[data-edition="school"] .v7-school-ruby-btn[aria-pressed="true"]{background:var(--selected,#E7EFD9);border-width:2px;font-weight:700}
html[data-edition="school"] .v7-school-ruby-btn[aria-pressed="true"]::before{content:"✓ "}
/* 記録を消す（共用の端末） */
html[data-edition="school"] .v7-school-shared{font-weight:700;color:var(--fg);border-left:4px solid var(--control-line);padding-left:10px;margin:8px 0}
html[data-edition="school"] .v7-school-erase{border:1px dashed var(--control-line);border-radius:12px;padding:16px;margin-top:32px}
html[data-edition="school"] .v7-school-erase-ask{font-weight:700;color:var(--fg)}
html[data-edition="school"] .v7-school-erase .v7-actions{display:flex;flex-wrap:wrap;gap:8px}
html[data-edition="school"] .v7-school-erase .v7-actions>*{flex:1 1 140px}
/* 文字（チャット）の相談 */
html[data-edition="school"] .v7-school-chat{list-style:none;padding:0;margin:8px 0}
html[data-edition="school"] .v7-school-chat li{border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:8px 0}
html[data-edition="school"] .v7-school-chat-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
/* 授業の例 */
html[data-edition="school"] .v7-school-lesson{border-top:1px solid var(--line);padding-top:16px}
html[data-edition="school"] .v7-school-steps{padding-left:1.4em}
html[data-edition="school"] .v7-school-steps li{margin:8px 0}
html[data-edition="school"] .v7-school-step-head{display:flex;justify-content:space-between;gap:8px;margin:0;border-bottom:1px dotted var(--line)}
html[data-edition="school"] .v7-school-step-min{color:var(--muted);white-space:nowrap}
/* ふりかえり用紙（画面では見本、印刷は A4 横） */
html[data-edition="school"] .v7-school-sheet{border:1px solid var(--fg);background:#fff;color:#111;padding:14px;margin:16px 0;border-radius:4px}
html[data-edition="school"] .v7-school-sheet-title{font-size:20px;font-weight:700;text-align:center;margin:0 0 8px;letter-spacing:.08em}
html[data-edition="school"] .v7-school-sheet-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:8px}
html[data-edition="school"] .v7-school-sheet-cell{border-bottom:1px solid #111;margin:0;padding-top:6px;line-height:2.2}
html[data-edition="school"] .v7-school-sheet-cell .v7-school-sheet-label{margin-right:10px}
html[data-edition="school"] .v7-school-sheet-label{font-weight:700;font-size:14px;margin:0}
html[data-edition="school"] .v7-school-sheet-fill{color:#444;font-size:13px;margin:0}
html[data-edition="school"] .v7-school-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html[data-edition="school"] .v7-school-sheet-box{border:1px solid #111;border-radius:6px;padding:6px 8px;min-height:84px}
html[data-edition="school"] .v7-school-sheet-box.is-paint{min-height:120px}
html[data-edition="school"] .v7-school-sheet-box.is-wide{grid-column:1/-1;min-height:96px}
html[data-edition="school"] .v7-school-sheet-foot{font-size:11px;color:#444;margin:8px 0 0;text-align:right}
@media(max-width:480px){html[data-edition="school"] .v7-school-sheet-head,html[data-edition="school"] .v7-school-sheet-grid{grid-template-columns:minmax(0,1fr)}}
@media print{
  @page{size:A4 landscape;margin:10mm}
  html[data-edition="school"] body *{visibility:hidden}
  html[data-edition="school"] .v7-school-sheet,html[data-edition="school"] .v7-school-sheet *{visibility:visible}
  html[data-edition="school"] .v7-school-sheet{position:absolute;left:0;top:0;width:277mm;height:188mm;margin:0;border:0;box-sizing:border-box;padding:0}
  html[data-edition="school"] .v7-school-sheet-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:3mm}
  html[data-edition="school"] .v7-school-sheet-box,html[data-edition="school"] .v7-school-sheet-box.is-wide{grid-column:span 2;min-height:46mm}
  html[data-edition="school"] .v7-school-sheet-box:nth-child(5){grid-column:span 4}
  html[data-edition="school"] .v7-school-sheet-box:nth-child(6),html[data-edition="school"] .v7-school-sheet-box:nth-child(7){grid-column:span 3}
  html[data-edition="school"] body{background:#fff}
  html[data-edition="school"] .v7-school-sheet-head{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-edition="school"] #dock,html[data-edition="school"] .v7-nav,html[data-edition="school"] .v7-header,html[data-edition="school"] .v7-footer{display:none!important}
}
/* SC-12：PC 幅で、下の固定の帯（#dock）と下のタブを本文の列（740px）にそろえ、本文の下に帯の高さぶんの余白 */
@media (min-width:760px){
  html[data-edition="school"] #app.v7-main>.v7-screen{max-width:740px;margin-inline:auto}
  html[data-edition="school"] #app.v7-main>.v7-screen>:not(.v7-entry):not(.v7-result):not(.v7-season-band){margin-inline:auto}
  html[data-edition="school"] .v7-main>.v7-screen>.v7-entry,html[data-edition="school"] .v7-main>.v7-screen>.v7-result{margin-inline:auto}
  html[data-edition="school"] .v7-footer>p{max-width:740px;margin-inline:auto}
  html[data-edition="school"] #dock{max-width:740px;justify-content:center;left:0;right:0;margin-inline:auto}
  html[data-edition="school"] #dock>button{max-width:520px}
  html[data-edition="school"] .v7-nav{max-width:740px}
  html[data-edition="school"] body:has(#dock:not([hidden]):not(:empty)) .v7-main{padding-bottom:260px}
}

/* ==== 2026-10-11 色の実のルールと確率のお知らせ（予告）。ふつうの版だけ ==== */
html:not([data-edition="school"]) .v7-fr-change{border:1px solid var(--line);border-left:4px solid #C9A227;border-radius:12px;padding:14px 16px;background:var(--paper,#fff)}
html:not([data-edition="school"]) .v7-fr-change-title{margin:2px 0 6px;font-size:18px;line-height:1.5}
html:not([data-edition="school"]) .v7-fr-change-when{margin:0 0 8px;font-weight:700;line-height:1.7}
html:not([data-edition="school"]) .v7-fr-change-list{margin:0 0 8px;padding-left:1.2em;line-height:1.8}
html:not([data-edition="school"]) .v7-fr-change-list li{margin:2px 0;overflow-wrap:anywhere}

/* ==== 2026-10-11 オーナー用のテストモード：画面のいちばん上の帯（ふつうの版だけ）==== */
html:not([data-edition="school"]) .v7-tm-bar{position:sticky;top:0;z-index:1000;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;padding:6px 12px;background:#7A1F3D;color:#fff;font-size:13px;font-weight:700;line-height:1.5;text-align:center}
html:not([data-edition="school"]) .v7-tm-bar-btn{min-height:32px;padding:2px 12px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:transparent;color:#fff;font:inherit;cursor:pointer}
html:not([data-edition="school"]) .v7-tm-gate,html:not([data-edition="school"]) .v7-tm-date{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
html:not([data-edition="school"]) .v7-tm-gate input,html:not([data-edition="school"]) .v7-tm-date input{min-height:44px;font-size:16px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;max-width:100%}
html:not([data-edition="school"]) .v7-tm-gate label,html:not([data-edition="school"]) .v7-tm-date label{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
html:not([data-edition="school"]) .v7-build-ver{cursor:default;-webkit-user-select:none;user-select:none}
/* ==== 168の占い・心理テストの中身（2026-10-11 取り込み）：選ぶ型・絵を選ぶ型・同点・葉のひとこと・まとめ型。ふつうの版だけ ====
   絵・色の札は同じ大きさで並べる（良し悪しの順や色づかいにしない）。320px で横にはみ出さない */
html:not([data-edition="school"]) .v7-self-enter{margin:0 0 var(--s-2,16px);color:var(--fg)}
html:not([data-edition="school"]) .v7-self-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:10px;margin:12px 0 16px}
html:not([data-edition="school"]) .v7-self-grid.is-color{grid-template-columns:repeat(auto-fill,minmax(min(100%,128px),1fr))}
html:not([data-edition="school"]) .v7-self-group{grid-column:1/-1;margin:8px 0 0;font-weight:700;color:var(--muted,#4F6151)}
html:not([data-edition="school"]) .v7-self-opt{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;min-width:0;min-height:96px;padding:12px;border:1px solid var(--control-line,var(--line,#D5DBCE));border-radius:12px;background:var(--panel,#fff);color:var(--fg);text-align:left;font:inherit;cursor:pointer}
html:not([data-edition="school"]) .v7-self-grid.is-pic .v7-self-opt{min-height:132px}
html:not([data-edition="school"]) .v7-self-opt.is-selected{border-color:var(--fg);box-shadow:inset 0 0 0 2px var(--fg)}
html:not([data-edition="school"]) .v7-self-opt:focus-visible{outline:3px solid var(--accent,#E3B04A);outline-offset:2px}
html:not([data-edition="school"]) .v7-self-opt-name{font-weight:700;overflow-wrap:anywhere;max-width:100%}
html:not([data-edition="school"]) .v7-self-opt-sub{display:block;font-size:var(--t-note,14px);color:var(--muted,#4F6151);line-height:1.45;overflow-wrap:anywhere;max-width:100%}
html:not([data-edition="school"]) .v7-self-option .v7-self-opt-name{display:block;font-weight:inherit}
html:not([data-edition="school"]) .v7-self-option .v7-self-opt-sub{margin-top:2px}
html:not([data-edition="school"]) .v7-self-swatch{display:inline-block;flex:0 0 auto;width:28px;height:28px;border-radius:50%;border:1px solid var(--line,#D5DBCE);vertical-align:middle}
html:not([data-edition="school"]) .v7-self-opt .v7-self-swatch{width:100%;height:auto;aspect-ratio:2/1;border-radius:8px}
html:not([data-edition="school"]) .v7-self-chips{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0}
html:not([data-edition="school"]) .v7-self-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-self-sub{margin-top:-4px}
html:not([data-edition="school"]) .v7-self-picked{font-weight:700;margin:8px 0}
html:not([data-edition="school"]) .v7-self-kanji{display:flex;flex-direction:column;align-items:center;gap:4px;margin:12px auto 16px;padding:16px;max-width:220px;border:1px solid var(--line,#D5DBCE);border-radius:16px;background:var(--panel,#fff)}
html:not([data-edition="school"]) .v7-self-kanji-char{font-size:72px;line-height:1.15;font-weight:700}
html:not([data-edition="school"]) .v7-self-kanji-read{font-size:var(--t-body,16px);color:var(--muted,#4F6151)}
html:not([data-edition="school"]) .v7-self-color{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0 16px}
html:not([data-edition="school"]) .v7-self-color-big{display:block;width:min(100%,220px);aspect-ratio:2/1;border-radius:14px;border:1px solid var(--line,#D5DBCE)}
html:not([data-edition="school"]) .v7-self-pic{margin:12px 0 16px;padding:16px;border:1px solid var(--line,#D5DBCE);border-radius:14px;background:var(--panel,#fff)}
html:not([data-edition="school"]) .v7-self-pic-cap{margin:0;color:var(--muted,#4F6151)}
html:not([data-edition="school"]) .v7-self-pic-cap::before{content:"絵：";font-weight:700}
html:not([data-edition="school"]) .v7-self-card{margin:12px 0 16px;padding:14px 16px;border:1px dashed var(--fg);border-radius:12px;text-align:center}
html:not([data-edition="school"]) .v7-self-card-word{margin:4px 0 0;font-size:20px;font-weight:700;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-self-word{margin:16px 0;padding-left:12px;border-left:3px solid var(--accent,#E3B04A);font-weight:700}
html:not([data-edition="school"]) .v7-self-soe{margin:12px 0}
html:not([data-edition="school"]) .v7-self-leafword p{margin:6px 0 0}
html:not([data-edition="school"]) .v7-self-tie-names{list-style:none;margin:6px 0;padding:0;display:grid;gap:4px}
html:not([data-edition="school"]) .v7-self-tie-names li{font-weight:700;font-size:20px;line-height:1.4;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-self-sum-branches{list-style:none;margin:8px 0;padding:0}
html:not([data-edition="school"]) .v7-self-sum-branches li{padding:10px 0;border-bottom:1px solid var(--line,#D5DBCE)}
html:not([data-edition="school"]) .v7-self-sum-branches li p{margin:2px 0}
html:not([data-edition="school"]) .v7-know-pop-line{margin:8px 0;font-size:var(--t-note,14px);line-height:1.6}
html:not([data-edition="school"]) .v7-know-err{color:var(--fg);font-weight:700}
/* ==== 2026-10-11 今日の占いの日ごとのファイル：段階の説明（要約の今日の波の下）。ふつうの版だけ ==== */
html:not([data-edition="school"]) .v7-tsum-wave-note{margin:6px 0 12px;font-size:14px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
/* ===================================================================
   今日の占い（2026-10-11 作り直し）：ひと目で「今日の調子・気をつけたいこと・今日の一歩」。ふつうの版だけ
   =================================================================== */
html:not([data-edition="school"]) .v7-tday-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin:0 0 12px}
html:not([data-edition="school"]) .v7-tday-title{margin:0;font-size:20px;letter-spacing:.04em}
html:not([data-edition="school"]) .v7-tday-date{margin:0;font-size:14px;color:var(--muted);letter-spacing:.02em}
html:not([data-edition="school"]) .v7-tday-level{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin:0 0 14px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb,var(--panel,#fff) 80%,transparent);border:1px solid var(--line)}
html:not([data-edition="school"]) .v7-tday-petals{display:inline-grid;grid-template-columns:repeat(5,auto);gap:4px;align-items:end}
html:not([data-edition="school"]) .v7-tday-petals span{width:13px;height:20px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;background:color-mix(in srgb,var(--fg) 13%,transparent)}
html:not([data-edition="school"]) .v7-tday-petals span.is-on{background:var(--spirit-accent,var(--accent))}
html:not([data-edition="school"]) .v7-tday-level-label{margin:0;font-size:13px;font-weight:600;color:var(--muted)}
html:not([data-edition="school"]) .v7-tday-level-name{margin:0;font:600 24px/1.35 var(--serif);letter-spacing:.06em}
html:not([data-edition="school"]) .v7-tday-level-of{margin-left:8px;font:500 13px/1 var(--sans,inherit);letter-spacing:0;color:var(--muted)}
html:not([data-edition="school"]) .v7-tday-level-mean{margin:2px 0 0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tday-level.is-small{margin:12px 0 6px;padding:10px 12px;background:transparent}
html:not([data-edition="school"]) .v7-tday-level.is-small .v7-tday-level-name{font-size:18px}
html:not([data-edition="school"]) .v7-tday-hitokoto{margin:0 0 14px;font:600 19px/1.7 var(--serif);letter-spacing:.02em;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tday-points{display:grid;gap:8px;margin:0 0 14px}
html:not([data-edition="school"]) .v7-tday-point{padding:10px 12px;border-radius:12px;background:var(--panel,#fff);border:1px solid var(--line);border-left:4px solid var(--line)}
html:not([data-edition="school"]) .v7-tday-point dt{margin:0 0 2px;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:.02em}
html:not([data-edition="school"]) .v7-tday-point dd{margin:0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tday-point.is-good{border-left-color:var(--spirit-accent,var(--accent))}
html:not([data-edition="school"]) .v7-tday-good{display:block}
html:not([data-edition="school"]) .v7-tday-good+.v7-tday-good{margin-top:6px}
html:not([data-edition="school"]) .v7-tday-good b{font-weight:700;color:var(--ink,inherit)}
html:not([data-edition="school"]) .v7-tday-point.is-good dd{font-weight:700}
html:not([data-edition="school"]) .v7-tday-point.is-care{border-left-color:#C9A227}
html:not([data-edition="school"]) .v7-tday-point.is-step{border-left-color:var(--tsum-color,#9DBF7A)}
html:not([data-edition="school"]) .v7-tday-lucky{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;list-style:none}
html:not([data-edition="school"]) .v7-tday-lucky li{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:6px 10px;border-radius:999px;background:var(--panel,#fff);border:1px solid var(--line);font-size:14px;line-height:1.4}
html:not([data-edition="school"]) .v7-tday-lucky-k{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}
html:not([data-edition="school"]) .v7-tday-lucky-v{display:inline-flex;align-items:center;gap:6px;font-weight:600;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tday-lucky .v7-lucky-swatch{width:16px;height:16px;flex:none;border-radius:50%;border:1px solid rgba(0,0,0,.14);box-shadow:none}
html:not([data-edition="school"]) .v7-tday .v7-tday-more{width:100%;margin-top:12px}
html:not([data-edition="school"]) .v7-tday-flow p{line-height:1.9}
html:not([data-edition="school"]) .v7-tday-why-text{margin:0 0 8px;font-size:14px;line-height:1.7;color:var(--fg)}
html:not([data-edition="school"]) .v7-tday-year{margin:4px 0 0;font-size:14px;line-height:1.7;color:var(--muted)}
html:not([data-edition="school"]) .v7-tfields .v7-tfield{margin:0 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel,#fff)}
html:not([data-edition="school"]) .v7-tfields .v7-tfield.is-star{border-color:color-mix(in srgb,var(--spirit-accent,var(--accent)) 55%,var(--line))}
html:not([data-edition="school"]) .v7-tfield-title{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 4px;font-size:16px}
html:not([data-edition="school"]) .v7-tfield-star{padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--spirit-accent,var(--accent)) 18%,transparent);font-size:12px;font-weight:700}
html:not([data-edition="school"]) .v7-tfields .v7-tfield p{margin:0;line-height:1.8}
html:not([data-edition="school"]) .v7-tday-luck-list{margin:0;display:grid;gap:10px}
html:not([data-edition="school"]) .v7-tday-luck-row{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px;padding:0 0 10px;border-bottom:1px solid var(--line)}
html:not([data-edition="school"]) .v7-tday-luck-row dt{margin:0;font-size:13px;font-weight:700;color:var(--muted);padding-top:2px}
html:not([data-edition="school"]) .v7-tday-luck-row dd{margin:0;min-width:0}
html:not([data-edition="school"]) .v7-tday-luck-v{display:flex;align-items:center;gap:8px;margin:0;font-weight:600;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tday-luck-v .v7-lucky-swatch{width:18px;height:18px;flex:none;border-radius:50%;border:1px solid rgba(0,0,0,.14);box-shadow:none}
html:not([data-edition="school"]) .v7-tday-luck-use{margin:2px 0 0;font-size:14px;line-height:1.7}
@media(max-width:359px){
  html:not([data-edition="school"]) .v7-tday-level{padding:10px 12px;gap:10px}
  html:not([data-edition="school"]) .v7-tday-level-name{font-size:21px}
  html:not([data-edition="school"]) .v7-tday-petals span{width:10px;height:16px}
  html:not([data-edition="school"]) .v7-tday-petals{gap:3px}
  html:not([data-edition="school"]) .v7-tday-luck-row{grid-template-columns:minmax(0,1fr);gap:2px}
}
@supports not (background:color-mix(in srgb,red 50%,white)){
  html:not([data-edition="school"]) .v7-tday-level{background:var(--panel,#fff)}
  html:not([data-edition="school"]) .v7-tfield-star{background:var(--selected)}
}
html:not([data-edition="school"]) .v7-tday-by{display:flex;align-items:center;gap:8px;margin:-4px 0 12px}
html:not([data-edition="school"]) .v7-tday-by .v7-voice-face{width:36px;height:36px;flex:none}
html:not([data-edition="school"]) .v7-tday-by-name{margin:0;font-size:13px;font-weight:600;color:var(--muted)}
html:not([data-edition="school"]) .v7-tday-why{margin:12px 0 4px;padding:10px 12px;border-radius:12px;background:var(--panel,#fff);border:1px solid var(--line)}
html:not([data-edition="school"]) .v7-tday-why .v7-tday-why-text{margin:0}
/* ==== 2026-10-11 結果タブの直し（検査 H2・H3・M6〜M8・M12・M18・L2）。ふつうの版だけ ==== */
/* 性格タブの中の3つの章（小さなタブ） */
html:not([data-edition="school"]) .v7-selfch{margin:var(--s-4,24px) 0 0}
html:not([data-edition="school"]) .v7-selfch-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 var(--s-3,16px);padding:4px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
html:not([data-edition="school"]) .v7-selfch-tab{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;padding:6px 4px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:600 var(--t-note,14px)/1.35 var(--sans);letter-spacing:.02em;text-align:center;word-break:keep-all;overflow-wrap:anywhere;cursor:pointer}
@media(max-width:359px){html:not([data-edition="school"]) .v7-selfch-tabs{gap:4px;padding:3px}html:not([data-edition="school"]) .v7-selfch-tab{font-size:13px;padding:6px 2px;letter-spacing:0}}
html:not([data-edition="school"]) .v7-selfch-tab[aria-selected="true"]{background:var(--fg);color:var(--bg)}
html:not([data-edition="school"]) .v7-selfch-tab:focus-visible{outline:3px solid var(--focus,#6B4DA2);outline-offset:2px}
html:not([data-edition="school"]) .v7-selfch-panel[hidden]{display:none}
html:not([data-edition="school"]) .v7-selfch-lead{margin:0 0 var(--s-3,16px);padding:12px 14px;border-left:4px solid var(--v23-mark,#E3B04A);background:var(--v23-soft,#F1EFE2);border-radius:0 10px 10px 0;font-size:var(--t-small,15px);line-height:1.8;color:var(--fg)}
html:not([data-edition="school"]) .v7-selfch-next{display:flex;width:100%;margin:var(--s-4,24px) 0 0}
html:not([data-edition="school"]) .v7-selfch-panel>.v7-layer{margin-top:var(--s-4,24px)}
/* 色：見本（縁は引きしめの色。inline の border-color） */
html:not([data-edition="school"]) .v7-swatch{display:inline-block;flex:0 0 auto;width:40px;height:40px;border:3px solid var(--line);border-radius:10px}
html:not([data-edition="school"]) .v7-swatch.is-small{width:28px;height:28px;border-width:2px;border-radius:8px}
html:not([data-edition="school"]) .v7-glance-color{display:flex;align-items:center;gap:12px;min-width:0}
html:not([data-edition="school"]) .v7-glance-color-text{display:flex;flex-direction:column;min-width:0}
html:not([data-edition="school"]) .v7-glance-color-name{font-weight:600}
html:not([data-edition="school"]) .v7-glance-color-look,html:not([data-edition="school"]) .v7-glance-kou-when{font-size:var(--t-note,14px);line-height:1.6;color:var(--muted)}
html:not([data-edition="school"]) .v7-glance-kou{display:flex;flex-direction:column;min-width:0}
html:not([data-edition="school"]) .v7-pal-look{margin:0 0 var(--s-1,8px);font-size:var(--t-small,15px);line-height:1.6;color:var(--muted)}
html:not([data-edition="school"]) .v7-pal-codes{list-style:none;margin:0;padding:0}
html:not([data-edition="school"]) .v7-pal-code{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
html:not([data-edition="school"]) .v7-pal-code-name{display:flex;flex-direction:column;min-width:0;font-size:var(--t-note,14px);line-height:1.5;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-pal-code-role{color:var(--muted);font-size:12px}
/* 名前の由来（くらしの先頭） */
html:not([data-edition="school"]) .v7-name-origin{margin:0 0 var(--s-3,16px);font-size:var(--t-small,15px);line-height:1.8}
/* つながり：24体とのつながりを1行ずつにたたむ */
html:not([data-edition="school"]) .v7-ring-rows{border-top:1px solid var(--line)}
html:not([data-edition="school"]) .v7-ring-row{border-bottom:1px solid var(--line)}
html:not([data-edition="school"]) .v7-ring-row>summary{display:flex;flex-direction:column;gap:2px;min-height:56px;padding:10px 32px 10px 2px;position:relative;cursor:pointer;list-style:none}
html:not([data-edition="school"]) .v7-ring-row>summary::-webkit-details-marker{display:none}
html:not([data-edition="school"]) .v7-ring-row>summary::after{content:'';position:absolute;right:8px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg)}
html:not([data-edition="school"]) .v7-ring-row[open]>summary::after{transform:rotate(-135deg);margin-top:-2px}
html:not([data-edition="school"]) .v7-ring-row>summary:focus-visible{outline:3px solid var(--focus,#6B4DA2);outline-offset:2px}
html:not([data-edition="school"]) .v7-ring-row-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
html:not([data-edition="school"]) .v7-ring-row .v7-ring-name{font:700 var(--t-body,16px)/1.5 var(--sans)}
html:not([data-edition="school"]) .v7-ring-row-names{font-size:var(--t-note,14px);line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-ring-row-body{padding:0 0 var(--s-3,16px)}
html:not([data-edition="school"]) .v7-ring-row-body>p{margin:0 0 var(--s-2,12px)}
/* ==== 2026-10-11 色の葉の名前の前の色見本（葉のポップアップ）。ふつうの版だけ ==== */
html:not([data-edition="school"]) .v7-know-pop-swatch{display:inline-block;width:.8em;height:.8em;margin-right:.35em;vertical-align:.02em;border-radius:50%;border:1px solid rgba(0,0,0,.18)}
/* 2026-10-11 SEO 最初の点検 H2：トップの、JS がなくても読める紹介の段（.v7-seo-intro）。
   アプリが動く端末では、すぐ後ろのスクリプトが hidden にする（アプリの見た目は変わらない）。起動に失敗したときだけ、また見える */
.v7-seo-intro{max-width:40em;margin:0 auto;padding:24px 16px 8px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere}
.v7-seo-intro[hidden]{display:none!important}
.v7-seo-intro h1{font-size:26px;line-height:1.4;margin:8px 0 16px}
.v7-seo-intro h1 small{display:block;font-size:16px;font-weight:400;margin-top:4px}
.v7-seo-intro h2{font-size:19px;margin:28px 0 8px}
.v7-seo-intro h3{font-size:16px;margin:16px 0 4px}
.v7-seo-intro ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0 16px}
.v7-seo-intro a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
.v7-seo-kicker,.v7-seo-note{font-size:14px;color:var(--muted,#4F6151)}

/* =====================================================================
   2026-10-11 修正指示 1011：GPT U1 の「デザインの決まり v1」（style.work1011.css）の取り込み。ふつうの版だけ。
   ・元のファイル：成果物/UI設計_GPT連携/往復/納品_随時/1011_デザイン/style.work1011.css（見本用の PREVIEW の節は外した）
   ・この版は html に data-theme="light" を固定しているので、light-dark() は明るい色だけにした（古い Safari で変数ごと無効にならないように）
   ・学校版の見た目は変えない（どの行も html:not([data-edition="school"]) から始まる）
   ===================================================================== */
/* WORK_1011_TOKENS_BEGIN — U1 / 2026-10-11
 * Load after legacy styles; remove conflicting legacy declarations per design document.
 * Exactly one :root. Theme follows OS unless data-theme explicitly selects light/dark.
 */
html:not([data-edition="school"]){
 color-scheme:light;
 --bg:#F8F7F2;--panel:#FFFFFF;
 --fg:#0A2018;--muted:#4F6151;
 --line:#D5DBCE;--control-line:#7C857A;
 --accent:#D7E3A9;--on-accent:#263823;--selected:#EAF0E0;
 --gold:#E3B04A;--gold-text:#74572A;
 --mark:#74572A;--focus:#426249;
 --error:#9B3434;--success:#336143;
 --spring:#F3DFE4;--summer:#DCEDE5;
 --autumn:#F2E4CE;--winter:#DFEAF1;
 --leaf:#76915A;--paper:#FBF7EC;
 --placeholder:#E4E5E0;--scrim:#0A201899;
 --ink:var(--fg);--rule:var(--line);--action-bg:var(--accent);--action-fg:var(--on-accent);
 --v23-soft:var(--selected);--work-soft:var(--selected);--work-gold:var(--gold-text);
 --v23-mark:var(--leaf);--v23-focus:var(--focus);--warning:var(--gold-text);
 --serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;
 --sans:"Yu Gothic Medium","Hiragino Sans","Noto Sans CJK JP",Meiryo,system-ui,sans-serif;
 --t-display:30px;--t-h1:26px;--t-h2:21px;--t-h3:18px;--t-body:16px;--t-small:15px;--t-note:14px;--t-ruby:11px;--t-min:12px;
 --lh-display:1.4;--lh-h1:1.45;--lh-h2:1.5;--lh-h3:1.6;--lh-body:1.8;--lh-small:1.8;--lh-note:1.7;
 --weight-regular:400;--weight-strong:600;
 --s-0:0px;--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:40px;--s-6:48px;--s-7:56px;--s-8:64px;
 --page-pad:16px;--content-width:720px;--page-width:calc(var(--content-width) + var(--page-pad)*2);
 --radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-round:50%;--radius-pill:999px;
 --hairline:1px;--focus-width:2px;--focus-offset:2px;
 --shadow:0 8px 32px #0A201814;--work-shadow:var(--shadow);
 --touch:44px;--control-h:48px;--button-h:56px;--header-h:56px;--nav-item-h:64px;--nav-space:104px;
 --icon-xs:20px;--icon-sm:24px;--icon-header:26px;--icon-md:32px;--icon-lg:48px;--dot-size:8px;
 --logo-w:128px;--logo-h:32px;--login-w:56px;
 --orbina-h:120px;--eater-h:160px;--fruit-h:144px;--tree-max:520px;
 --dialog-w:480px;--dialog-max:85dvh;--picker-h:320px;--picker-list-h:192px;--textarea-h:112px;
 --stamp-gap:8px;--stamp-pad:8px;--stamp-turn-a:-7deg;--stamp-turn-b:5deg;
 --duration-short:120ms;--duration-medium:240ms;--duration-long:400ms;--ease:cubic-bezier(.2,.7,.2,1);
 --z-nav:20;--z-sticky:21;--z-modal:70;
 --zero:0;--full:100%;--half:50%;--one:1;--cols-2:2;--cols-3:3;--cols-4:4;--cols-5:5;--cols-7:7;
 --disabled-alpha:1;--unknown-alpha:.45;--stamp-start:.78;--stamp-end:1;
 --leaf-radius:75% 15% 75% 15%;--letter-leading:2.1;--letter-line:33.6px;
 --sample-section-gap:48px;--sample-tree-h:280px;
}
@media(min-width:760px){html:not([data-edition="school"]){
 --page-pad:32px;--header-h:64px;--logo-w:160px;--logo-h:40px;
 --t-display:32px;--t-h1:30px;--t-h2:24px;--t-h3:20px;--t-body:18px;--t-small:16px;--t-note:15px;--t-ruby:12px;--letter-line:37.8px;
}}
html:not([data-edition="school"]) body{background:var(--bg);color:var(--fg);font:var(--weight-regular) var(--t-body)/var(--lh-body) var(--sans)}
html:not([data-edition="school"]) .v7-main,html:not([data-edition="school"]) .v7-footer{box-sizing:border-box;width:var(--full);max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-pad)}
html:not([data-edition="school"]) .v7-main{padding-block:var(--s-3) calc(var(--nav-space) + env(safe-area-inset-bottom))}
html:not([data-edition="school"]) .v7-screen{width:var(--full);max-width:var(--content-width);min-width:var(--zero)}
html:not([data-edition="school"]) .v7-nav{box-sizing:border-box;width:var(--full);max-width:var(--page-width);margin-inline:auto;padding-inline:var(--page-pad);box-shadow:none}
html:not([data-edition="school"]) .v7-main :is(h1,h2,h3){font-family:var(--serif);font-weight:var(--weight-strong)}
html:not([data-edition="school"]) #app h1,html:not([data-edition="school"]) #app h1.v7-bx{font-size:var(--t-h1)!important;line-height:var(--lh-h1)}
html:not([data-edition="school"]) .v7-main h2{font-size:var(--t-h2);line-height:var(--lh-h2)}
html:not([data-edition="school"]) .v7-main h3{font-size:var(--t-h3);line-height:var(--lh-h3)}
html:not([data-edition="school"]) .v7-main rt{font-size:var(--t-ruby)}
html:not([data-edition="school"]) .v7-main :is(.v7-note,.v7-lead){color:var(--muted);font-size:var(--t-note)}
html:not([data-edition="school"]) .v7-block,html:not([data-edition="school"]) .v1011-card{box-sizing:border-box;padding:var(--s-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--panel);margin-block:var(--s-3)}
html:not([data-edition="school"]) :is(.v7-primary,.v7-secondary,.v1011-text-button,.v1011-share){display:inline-flex;justify-content:center;align-items:center;gap:var(--s-1);box-sizing:border-box;min-height:var(--button-h);min-width:var(--touch);padding:var(--s-1) var(--s-2);border-radius:var(--radius-md);font:var(--weight-strong) var(--t-body)/var(--lh-h3) var(--sans);text-decoration:none;letter-spacing:normal;box-shadow:none;transition:background-color var(--duration-short) var(--ease)}
html:not([data-edition="school"]) .v7-primary{background:var(--accent);color:var(--on-accent);border:var(--hairline) solid var(--control-line)}
html:not([data-edition="school"]) :is(.v7-secondary,.v1011-share){background:var(--panel);color:var(--fg);border:var(--hairline) solid var(--control-line)}
html:not([data-edition="school"]) .v1011-text-button{min-height:var(--touch);background:transparent;color:var(--fg);border:var(--hairline) solid transparent}
html:not([data-edition="school"]) :is(.v7-primary,.v7-secondary,.v1011-text-button,.v1011-share):disabled{opacity:var(--disabled-alpha);background:var(--panel);color:var(--muted);border:var(--hairline) dashed var(--control-line);cursor:not-allowed;transform:none}
html:not([data-edition="school"]) .v7-backbar{position:sticky;top:var(--zero);z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--s-1);margin:var(--zero);padding-block:var(--s-1);background:var(--bg)}
html:not([data-edition="school"]) .v7-back{min-height:var(--control-h);min-width:var(--control-h);padding:var(--s-1);margin:var(--zero);border:var(--zero);background:transparent;color:var(--fg);font-size:var(--t-small);text-decoration:none}
html:not([data-edition="school"]) .v1011-feedback{display:grid;grid-template-columns:minmax(var(--zero),1fr);grid-auto-rows:1fr;gap:var(--s-1)}
html:not([data-edition="school"]) .v1011-feedback>*{min-width:var(--zero);width:var(--full);height:var(--full);margin:var(--zero);grid-column:auto;flex:initial}
html:not([data-edition="school"]) .v1011-notice-band{display:flex;align-items:center;gap:var(--s-1);min-height:var(--touch);padding:var(--s-1) var(--s-2);background:var(--selected);border-radius:var(--radius-sm);color:var(--fg);font-size:var(--t-note)}
html:not([data-edition="school"]) .v1011-notice-band>a{display:block;align-content:center;min-height:var(--touch);color:var(--fg);min-width:var(--zero);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
html:not([data-edition="school"]) .v1011-modal{box-sizing:border-box;position:fixed;inset:auto var(--zero) var(--zero);width:var(--full);max-width:var(--dialog-w);max-height:var(--dialog-max);margin:var(--zero) auto;padding:var(--s-3) var(--s-2) max(var(--s-3),env(safe-area-inset-bottom));border:var(--hairline) solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) var(--zero) var(--zero);background:var(--panel);color:var(--fg);box-shadow:var(--shadow);overflow:auto}
html:not([data-edition="school"]) .v1011-modal::backdrop{background:var(--scrim)}
html:not([data-edition="school"]) .v1011-modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-1)}
html:not([data-edition="school"]) .v1011-modal-head h2{margin:var(--zero);font:var(--weight-strong) var(--t-h3)/var(--lh-h3) var(--serif)}
html:not([data-edition="school"]) .v1011-modal-close{flex:none;min-width:var(--touch);min-height:var(--touch);border:var(--zero);border-radius:var(--radius-sm);color:var(--fg);background:transparent;font-size:var(--t-h2)}
html:not([data-edition="school"]) .v1011-install-steps{padding-inline-start:var(--s-3)}
html:not([data-edition="school"]) .v1011-install-steps li{padding-block:var(--s-1)}
html:not([data-edition="school"]) [hidden]{display:none!important}
@media(min-width:760px){
 html:not([data-edition="school"]) .v1011-feedback{grid-template-columns:repeat(var(--cols-5),minmax(var(--zero),1fr))}
 html:not([data-edition="school"]) .v1011-modal{inset:var(--zero);margin:auto;height:fit-content;border-radius:var(--radius-lg);padding:var(--s-3)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html:not([data-edition="school"]) body *,html:not([data-edition="school"]) body *::before,html:not([data-edition="school"]) body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html:not([data-edition="school"]) .v1011-card>summary{min-height:var(--touch);align-content:center;cursor:pointer}
html:not([data-edition="school"]) .v1011-feedback button[aria-pressed="true"]{background:var(--selected);color:var(--fg);font-weight:var(--weight-strong);border-color:var(--focus)}
/* WORK_1011_TOKENS_END */

/* WORK_1011_SELECT_BEGIN */
html:not([data-edition="school"]) :is(.v7-nav-item,.v7-evo-tab,.v7-chapter-tab,.v7-selfch-tab,.v7-season-tabs button,.v7-sex-opt,.v41-segments button,.v7-gallery-button,.v7-gallery-item){text-decoration:none;border-bottom-color:transparent;box-shadow:none;border-radius:var(--radius-md);transition:background-color var(--duration-medium) var(--ease);color:var(--fg)}
html:not([data-edition="school"]) :is(.v7-evo-tab,.v7-chapter-tab,.v7-selfch-tab,.v7-season-tabs button,.v7-sex-opt,.v41-segments button){min-height:var(--touch);min-width:var(--touch);padding:var(--s-1);border:var(--zero);background:transparent;font-size:var(--t-note);white-space:normal}
html:not([data-edition="school"]) :is(.v7-evo-tab,.v7-chapter-tab,.v7-selfch-tab,.v7-season-tabs button,.v7-sex-opt,.v41-segments button):is([aria-selected="true"],[aria-pressed="true"],[aria-current="page"],.is-on,.is-active){background:var(--selected);color:var(--fg);font-weight:var(--weight-strong);box-shadow:none}
html:not([data-edition="school"]) .v7-chapter-tab[aria-current]:not([aria-current="false"]){background:var(--selected)}
html:not([data-edition="school"]) :is(.v7-chapter-tab,.v7-selfch-tab,.v7-evo-tab,.v7-nav-item)::after{content:none}
html:not([data-edition="school"]) .v7-gallery-button:hover :is(h3,.v7-gallery-label),html:not([data-edition="school"]) .v7-gallery-item:hover,html:not([data-edition="school"]) .v7-gallery-label{text-decoration:none}
html:not([data-edition="school"]) .v7-nav .v7-nav-item{min-height:var(--nav-item-h);font-size:var(--t-min);color:var(--muted);gap:var(--s-1);padding:var(--s-1) var(--zero);box-shadow:none;text-decoration:none;white-space:normal}
html:not([data-edition="school"]) .v7-nav .v7-nav-item[aria-current="page"]{background:transparent;color:var(--fg);font-weight:var(--weight-strong);box-shadow:none}
html:not([data-edition="school"]) .v7-nav .v7-nav-item>:is(svg,img,.v7-nav-icon){box-sizing:content-box;object-fit:contain;width:var(--icon-sm);height:var(--icon-sm);padding:var(--s-1);margin:var(--zero);border-radius:var(--radius-round)}
html:not([data-edition="school"]) .v7-nav .v7-nav-item[aria-current="page"]>:is(svg,img,.v7-nav-icon){background:var(--selected)}
html:not([data-edition="school"]) .v7-nav-item.has-new::after{content:"";position:absolute;width:var(--dot-size);height:var(--dot-size);border:var(--focus-width) solid var(--panel);border-radius:var(--radius-round);background:var(--mark);top:var(--s-1);right:var(--s-2)}
html:not([data-edition="school"]) :focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}
html:not([data-edition="school"]) :focus:not(:focus-visible),html:not([data-edition="school"]) :is(h1,h2,h3)[tabindex="-1"]:focus{outline:none}
html:not([data-edition="school"]) .v7-field select{min-height:var(--button-h);font-size:var(--t-body);border:var(--hairline) solid var(--control-line);background-color:var(--panel);color:var(--fg)}
html:not([data-edition="school"]) .v1011-picker-anchor{position:relative}
html:not([data-edition="school"]) .v1011-picker-columns{display:grid;grid-template-columns:repeat(var(--cols-3),minmax(var(--zero),1fr));gap:var(--s-1)}
html:not([data-edition="school"]) .v1011-picker-columns label{display:block;font-size:var(--t-note);font-weight:var(--weight-strong)}
html:not([data-edition="school"]) .v1011-picker-list{box-sizing:border-box;width:var(--full);height:var(--picker-list-h);min-width:var(--zero);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-sm);background:var(--panel);color:var(--fg);font-size:var(--t-body);overflow-y:auto}
html:not([data-edition="school"]) .v1011-picker-list option{min-height:var(--touch);padding:var(--s-1)}
html:not([data-edition="school"]) .v1011-picker-list option:checked{background:var(--selected);color:var(--fg);font-weight:var(--weight-strong)}
html:not([data-edition="school"]) .v1011-picker-status{font-size:var(--t-note);color:var(--muted);margin:var(--s-1) var(--zero)}
html:not([data-edition="school"]) .v1011-picker-actions{display:flex;gap:var(--s-1);justify-content:flex-end}
@media(hover:hover){html:not([data-edition="school"]) :is(.v7-evo-tab,.v7-chapter-tab,.v7-selfch-tab,.v7-season-tabs button,.v7-gallery-button,.v7-gallery-item,.v7-nav-item,.v7-secondary,.v1011-text-button,.v1011-share):hover{background:var(--selected);text-decoration:none;opacity:var(--one)}}
@media(min-width:760px){
 html:not([data-edition="school"]) .v1011-picker{position:absolute;inset:var(--full) auto auto var(--zero);max-height:var(--picker-h);height:auto;max-width:var(--dialog-w);padding:var(--s-2);border-radius:var(--radius-md);z-index:var(--z-modal)}
 html:not([data-edition="school"]) .v7-nav .v7-nav-item{font-size:var(--t-note)}
}
/* WORK_1011_SELECT_END */
/* WORK_1011_LIST_BEGIN */
html:not([data-edition="school"]) .v1011-leaf-list,html:not([data-edition="school"]) .v7-fr-prob-list,html:not([data-edition="school"]) .v7-fr-change-list{list-style:none;padding:var(--zero);margin-block:var(--s-2)}
html:not([data-edition="school"]) :is(.v1011-leaf-list,.v7-fr-prob-list,.v7-fr-change-list)>li{position:relative;padding-inline-start:var(--s-3);margin-block:var(--s-1);font-size:var(--t-small)}
html:not([data-edition="school"]) :is(.v1011-leaf-list,.v7-fr-prob-list,.v7-fr-change-list)>li::before{content:"";position:absolute;left:var(--zero);top:var(--s-1);width:var(--dot-size);height:var(--dot-size);background:var(--leaf);border-radius:var(--leaf-radius)}
/* WORK_1011_LIST_END */
/* WORK_1011_GRID_BEGIN */
html:not([data-edition="school"]) .v7-gallery{grid-template-columns:repeat(var(--cols-2),minmax(var(--zero),1fr));gap:var(--s-3) var(--s-2)}
html:not([data-edition="school"]) .v7-gallery>*{min-width:var(--zero)}
html:not([data-edition="school"]) .v7-gallery-label{font-size:var(--t-small);overflow-wrap:anywhere}
@media(min-width:760px){
 html:not([data-edition="school"]) .v7-gallery{grid-template-columns:repeat(var(--cols-3),minmax(var(--zero),1fr))}
 html:not([data-edition="school"]) .v7-gallery:has(>:nth-child(4):last-child),html:not([data-edition="school"]) .v7-gallery:has(>:nth-child(8):last-child){grid-template-columns:repeat(var(--cols-4),minmax(var(--zero),1fr))}
 html:not([data-edition="school"]) .v7-gallery:has(>:nth-child(2):last-child){grid-template-columns:repeat(var(--cols-2),minmax(var(--zero),1fr))}
 html:not([data-edition="school"]) .v7-gallery:has(>:only-child){grid-template-columns:minmax(var(--zero),1fr)}
}
/* WORK_1011_GRID_END */

/* WORK_1011_HEADER_BEGIN */
html:not([data-edition="school"]) .v7-header{box-sizing:border-box;width:var(--full);max-width:var(--page-width);min-height:var(--header-h);height:var(--header-h);margin-inline:auto;padding:var(--zero) var(--page-pad);display:flex;flex-wrap:nowrap;align-items:center;gap:var(--s-1);border-bottom:var(--hairline) solid var(--line)}
html:not([data-edition="school"]) .v7-brand,html:not([data-edition="school"]) .v7-brand.is-wordmark{color:var(--fg);display:flex;align-items:center;min-width:var(--zero);min-height:var(--touch);flex:1 1 auto;gap:var(--zero);letter-spacing:normal;text-decoration:none;font-size:var(--t-h3);white-space:nowrap}
html:not([data-edition="school"]) .v7-brand .v7-wordmark{display:block;width:var(--logo-w);height:var(--logo-h);max-width:var(--full);object-fit:contain;object-position:left center}
html:not([data-edition="school"]) .v7-header-right{display:flex;flex:none;align-items:center;gap:var(--zero);margin-left:auto}
html:not([data-edition="school"]) .v7-header .v7-header-right :is(button,a){box-sizing:border-box;min-height:var(--touch);padding:var(--zero);letter-spacing:normal}
html:not([data-edition="school"]) .v7-header .v7-header-right :is(.v7-header-set,.v1011-header-notice){position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--touch);height:var(--touch);min-width:var(--touch);border:var(--zero);border-radius:var(--radius-sm);background:transparent;color:var(--fg)}
html:not([data-edition="school"]) .v7-header :is(.v7-header-set-img,.v7-header-set img,.v1011-header-notice img){display:block;width:var(--icon-header);height:var(--icon-header);object-fit:contain;filter:none}
html:not([data-edition="school"]) .v7-header-set-label{display:none}
html:not([data-edition="school"]) .v7-header .v7-header-right .v1011-header-login{min-width:var(--login-w);padding:var(--zero) var(--s-1);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-sm);background:transparent;color:var(--fg);font-size:var(--t-min);white-space:nowrap}
html:not([data-edition="school"]) .v1011-header-avatar{width:var(--icon-md);height:var(--icon-md);border-radius:var(--radius-round);object-fit:cover}
html:not([data-edition="school"]) .v1011-header-notice.has-new::after{content:"";position:absolute;top:var(--s-1);right:var(--s-1);width:var(--dot-size);height:var(--dot-size);border-radius:var(--radius-round);background:var(--mark);border:var(--focus-width) solid var(--panel)}
html:not([data-edition="school"]) .v7-header .v7-header-right :is(.v7-header-set,.v1011-header-notice)[aria-current="page"]{background:var(--selected)}
/* WORK_1011_HEADER_END */
/* 2026-10-11 オーナーの決定：ヘッダーの設定とお知らせのアイコンの下に、小さく名前（「設定」「お知らせ」）を戻す（U1 で外していたもの）。
   ボタンの幅・高さ（44px）は変えない＝320px でもヘッダーは1行のまま。字は 10px・折り返さない */
html:not([data-edition="school"]) .v7-header .v7-header-right :is(.v7-header-set,.v1011-header-notice){flex-direction:column;gap:1px;overflow:visible}
html:not([data-edition="school"]) .v7-header .v7-header-set .v7-header-set-label{display:block;font-size:10px;line-height:1.2;letter-spacing:0;white-space:nowrap;color:var(--muted,#4F6151);font-weight:600;pointer-events:none}
html:not([data-edition="school"]) .v7-header .v7-header-right :is(.v7-header-set img,.v7-header-set-img){width:22px;height:22px}
html:not([data-edition="school"]) .v7-header .v7-header-right .v7-header-set svg{width:22px;height:22px}
/* WORK_1011_FOOTER_BEGIN */
html:not([data-edition="school"]) .v7-footer{padding-block:var(--s-4) calc(var(--nav-space) + env(safe-area-inset-bottom));border-top:var(--hairline) solid var(--line);font-size:var(--t-note)}
html:not([data-edition="school"]) .v1011-footer-groups{display:grid;grid-template-columns:minmax(var(--zero),1fr);gap:var(--s-3)}
html:not([data-edition="school"]) .v1011-footer-group h2{font:var(--weight-strong) var(--t-note)/var(--lh-note) var(--sans);color:var(--fg);margin:var(--zero) var(--zero) var(--s-1)}
html:not([data-edition="school"]) .v1011-footer-group ul{list-style:none;padding:var(--zero);margin:var(--zero)}
html:not([data-edition="school"]) .v7-footer :is(a,.v7-footer-link){display:flex;align-items:center;min-height:var(--touch);min-width:var(--touch);padding:var(--s-1) var(--zero);text-decoration:none;color:var(--muted);font-size:var(--t-note);background:transparent;border:var(--zero);border-radius:var(--radius-sm)}
@media(hover:hover){html:not([data-edition="school"]) .v7-footer :is(a,.v7-footer-link):hover,html:not([data-edition="school"]) .v7-header .v7-header-right button:hover{background:var(--selected);color:var(--fg)}}
@media(min-width:760px){html:not([data-edition="school"]) .v1011-footer-groups{grid-template-columns:repeat(var(--cols-3),minmax(var(--zero),1fr))}}
/* WORK_1011_FOOTER_END */

/* WORK_1011_COLLECT_BEGIN */
html:not([data-edition="school"]) .v7-co-today{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-1);padding:var(--s-2);margin-block:var(--s-2);background:var(--panel);border:var(--hairline) solid var(--line);border-radius:var(--radius-md)}
html:not([data-edition="school"]) .v7-co-today-dots{display:flex;align-items:center;gap:var(--s-1)}
html:not([data-edition="school"]) .v7-co-slot{display:block;width:var(--icon-sm);height:var(--icon-md);border:var(--hairline) solid var(--control-line);border-radius:var(--leaf-radius);background:transparent;opacity:var(--one)}
html:not([data-edition="school"]) .v7-co-slot.is-on{background:var(--leaf);border-color:var(--control-line)}
html:not([data-edition="school"]) .v7-co-orbina{display:flex;align-items:center;gap:var(--s-2);margin-block:var(--s-3)}
html:not([data-edition="school"]) .v7-co-orbina .v7-co-face,html:not([data-edition="school"]) .v1011-orbina-full{flex:none;width:auto;max-width:var(--orbina-h);height:var(--orbina-h);object-fit:contain;object-position:center;border:var(--zero);border-radius:var(--zero);background:transparent}
html:not([data-edition="school"]) .v1011-question{position:relative;flex:1;min-width:var(--zero);padding:var(--s-2);background:var(--panel);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);font:var(--weight-strong) var(--t-h3)/var(--lh-body) var(--serif)}
html:not([data-edition="school"]) .v1011-question p{margin:var(--zero)}
html:not([data-edition="school"]) .v1011-question::before{content:"";position:absolute;left:calc(-1 * var(--s-1));top:var(--s-3);width:var(--s-2);height:var(--s-2);background:var(--panel);border-left:var(--hairline) solid var(--line);border-bottom:var(--hairline) solid var(--line);transform:rotate(45deg)}
html:not([data-edition="school"]) .v1011-season-note{display:block;margin-top:var(--s-1);font:var(--weight-regular) var(--t-note)/var(--lh-note) var(--sans);color:var(--muted)}
html:not([data-edition="school"]) .v7-co-options{display:grid;gap:var(--s-1)}
html:not([data-edition="school"]) .v7-co-options :is(.v7-option,.v7-iro-option){box-sizing:border-box;width:var(--full);min-height:var(--button-h);margin:var(--zero);padding:var(--s-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--fg);font-size:var(--t-body);text-align:left}
html:not([data-edition="school"]) .v7-co-options :is(.v7-option,.v7-iro-option)[aria-pressed="true"]{background:var(--answer-bg,var(--selected));color:var(--fg);border:var(--focus-width) solid var(--control-line);padding:calc(var(--s-2) - var(--hairline));font-weight:var(--weight-strong)}
html:not([data-edition="school"]) .v7-co-options :is(.v7-option,.v7-iro-option)[aria-pressed="true"]::before{content:"✓ "}
html:not([data-edition="school"]) .v1011-skip{margin-block:var(--s-1);font-size:var(--t-note);color:var(--muted)}
html:not([data-edition="school"]) .v7-co-field{margin-block:var(--s-3)}
html:not([data-edition="school"]) .v7-co-text{box-sizing:border-box;width:var(--full);min-height:var(--textarea-h);padding:var(--s-2);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-md);background:var(--panel);color:var(--fg);font:inherit;resize:vertical}
html:not([data-edition="school"]) .v7-co-count{font-size:var(--t-min);color:var(--muted)}
html:not([data-edition="school"]) .v7-co-tree-svg,html:not([data-edition="school"]) .v1011-tree{display:block;width:var(--full);max-width:var(--tree-max);height:auto;margin-inline:auto}
html:not([data-edition="school"]) .v1011-tree{position:relative;aspect-ratio:1;isolation:isolate}
html:not([data-edition="school"]) .v1011-tree img.v7-co-trunk,html:not([data-edition="school"]) .v1011-tree img.v7-co-ground{position:absolute;inset:var(--zero);width:var(--full);height:var(--full);object-fit:contain}
html:not([data-edition="school"]) .v1011-tree img.v7-co-ground{z-index:var(--zero)}
html:not([data-edition="school"]) .v1011-tree img.v7-co-trunk{z-index:var(--one)}
html:not([data-edition="school"]) .v1011-tree-leaves{position:absolute;inset:var(--zero);z-index:var(--cols-2);pointer-events:none}
html:not([data-edition="school"]) .v7-co-cal-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s-1)}
html:not([data-edition="school"]) .v7-co-cal-nav{width:var(--touch);min-height:var(--touch);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-sm);background:var(--panel);color:var(--fg);font-size:var(--t-h2)}
html:not([data-edition="school"]) .v7-co-cal-nav:disabled{opacity:var(--one);color:var(--muted);border-style:dashed}
html:not([data-edition="school"]) .v7-co-cal-grid{display:grid;grid-template-columns:repeat(var(--cols-7),minmax(var(--zero),1fr));gap:var(--zero);width:max(var(--full),calc(var(--touch) * var(--cols-7)));margin-inline:calc((var(--full) - max(var(--full),calc(var(--touch) * var(--cols-7)))) / 2)}
html:not([data-edition="school"]) .v7-co-cal-w{font-size:var(--t-min);color:var(--muted);text-align:center}
html:not([data-edition="school"]) .v7-co-cal-day{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--button-h);gap:var(--zero);padding:var(--zero);border:var(--hairline) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--fg)}
html:not([data-edition="school"]) .v7-co-cal-day.has-leaf{background:var(--panel);border-color:var(--line)}
html:not([data-edition="school"]) .v7-co-cal-day[aria-pressed="true"]{border:var(--focus-width) solid var(--control-line);background:var(--selected)}
html:not([data-edition="school"]) .v7-co-cal-n,html:not([data-edition="school"]) .v7-co-cal-more{font-size:var(--t-min);line-height:var(--lh-note)}
html:not([data-edition="school"]) .v7-co-cal-day.is-today .v7-co-cal-n{display:grid;place-items:center;width:var(--icon-sm);height:var(--icon-sm);padding:var(--zero);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-round);background:var(--selected);color:var(--fg)}
html:not([data-edition="school"]) .v7-co-cal-leaves .v7-co-leaf{display:block;width:var(--icon-xs);height:var(--icon-xs);object-fit:contain}
html:not([data-edition="school"]) .v7-co-cal-day:not(.has-leaf)::after{content:"";width:var(--dot-size);height:var(--dot-size);margin-block:var(--s-1);border-radius:var(--radius-round);background:var(--line)}
html:not([data-edition="school"]) .v7-co-list{list-style:none;padding:var(--zero);display:grid;gap:var(--s-2)}
html:not([data-edition="school"]) .v7-co-list li{display:flex;gap:var(--s-1);padding-block:var(--s-1)}
html:not([data-edition="school"]) .v7-co-answer{font-size:var(--t-body);font-weight:var(--weight-strong)}
/* WORK_1011_COLLECT_END */
/* WORK_1011_FRUIT_BEGIN */
html:not([data-edition="school"]) .v1011-eater{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-2);margin-block:var(--s-3)}
html:not([data-edition="school"]) .v1011-eater-art{width:var(--eater-h);height:var(--eater-h);object-fit:contain;flex:none}
html:not([data-edition="school"]) .v1011-eater .v1011-question{flex:1 1 var(--eater-h)}
html:not([data-edition="school"]) .v7-fr-open-stage{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-2);background:var(--panel);border:var(--hairline) solid var(--line);border-radius:var(--radius-lg)}
html:not([data-edition="school"]) .v7-fr-open-fig{width:var(--fruit-h);max-width:var(--full);height:var(--fruit-h);object-fit:contain}
html:not([data-edition="school"]) .v7-fr-open-text{width:var(--full);min-width:var(--zero);flex:initial;text-align:center}
html:not([data-edition="school"]) .v7-fr-open-name{font:var(--weight-strong) var(--t-h2)/var(--lh-h2) var(--serif)}
html:not([data-edition="school"]) .v7-fr-open-text .v7-actions{display:grid;grid-template-columns:minmax(var(--zero),1fr);gap:var(--s-1);margin-block:var(--s-2)}
html:not([data-edition="school"]) .v7-fr-open-text .v7-actions>*{width:var(--full)}
html:not([data-edition="school"]) .v1011-fruit-shelf{display:grid;grid-template-columns:repeat(var(--cols-2),minmax(var(--zero),1fr));gap:var(--s-1);margin-block:var(--s-3)}
html:not([data-edition="school"]) .v1011-fruit-cell{position:relative;display:flex;flex-direction:column;min-width:var(--zero);padding:var(--s-1);background:var(--panel);border:var(--hairline) solid var(--line);border-radius:var(--radius-md)}
html:not([data-edition="school"]) .v1011-fruit-select{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-1);min-height:var(--touch);width:var(--full);padding:var(--s-1);border:var(--zero);background:transparent;color:var(--fg);border-radius:var(--radius-sm);font-size:var(--t-note)}
html:not([data-edition="school"]) .v1011-fruit-select[aria-pressed="true"]{background:var(--selected);font-weight:var(--weight-strong)}
html:not([data-edition="school"]) .v1011-fruit-select img{width:var(--s-8);height:var(--s-8);object-fit:contain}
html:not([data-edition="school"]) .v1011-fruit-cell.is-locked .v1011-fruit-select img{filter:brightness(0);opacity:var(--unknown-alpha)}
html:not([data-edition="school"]) .v1011-fruit-shards{align-self:flex-end;display:inline-flex;align-items:center;gap:var(--s-1);min-height:var(--touch);min-width:var(--touch);padding:var(--s-1);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-sm);background:var(--panel);color:var(--fg);font-size:var(--t-min)}
html:not([data-edition="school"]) .v1011-fruit-shards img{width:var(--icon-xs);height:var(--icon-xs);object-fit:contain}
html:not([data-edition="school"]) .v1011-shard-choices{grid-column:1 / -1;margin-block:var(--s-1);padding:var(--s-2);background:var(--selected);border-radius:var(--radius-md)}
html:not([data-edition="school"]) .v7-fr-ways-list{padding:var(--zero);list-style:none;display:grid;gap:var(--s-1)}
html:not([data-edition="school"]) .v7-fr-ways-list li{display:flex;align-items:flex-start;gap:var(--s-1);padding:var(--s-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}
html:not([data-edition="school"]) .v7-fr-ways-mark{flex:none;display:grid;place-items:center;width:var(--icon-sm);height:var(--icon-sm);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-round)}
html:not([data-edition="school"]) .v7-fr-ways-list .is-done .v7-fr-ways-mark{background:var(--accent);color:var(--on-accent)}
html:not([data-edition="school"]) .v7-fr-ways-text{min-width:var(--zero);flex:1}
html:not([data-edition="school"]) .v7-fr-ways-text p{margin:var(--zero)}
html:not([data-edition="school"]) .v7-fr-notice{padding:var(--s-1) var(--s-2);margin-block:var(--s-2);border:var(--zero);border-radius:var(--radius-sm);background:var(--selected);font-size:var(--t-note)}
html:not([data-edition="school"]) .v7-fr-season{margin-block:var(--s-3)}
html:not([data-edition="school"]) .v7-fruit-pop-in{background:var(--panel);color:var(--fg);border-radius:var(--radius-lg);max-width:var(--dialog-w);padding:var(--s-3);box-shadow:var(--shadow)}
@media(min-width:760px){html:not([data-edition="school"]) .v1011-fruit-shelf{grid-template-columns:repeat(var(--cols-4),minmax(var(--zero),1fr))}html:not([data-edition="school"]) .v7-fr-open-stage{flex-direction:row;gap:var(--s-3)}html:not([data-edition="school"]) .v7-fr-open-text{flex:1;min-width:var(--zero)}}
/* WORK_1011_FRUIT_END */


/* WORK_1011_STAMP_BEGIN */
html:not([data-edition="school"]) .v7-fr-stamp{padding:var(--s-2) var(--stamp-pad);margin-block:var(--s-3);border:var(--hairline) solid var(--line);border-radius:var(--radius-lg);background:var(--paper);color:var(--fg)}
html:not([data-edition="school"]) .v7-fr-stamp h2,html:not([data-edition="school"]) .v7-fr-stamp>p{padding-inline:var(--s-1)}
html:not([data-edition="school"]) .v7-fr-stamp-row{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(var(--zero),1fr)) minmax(var(--zero),1.15fr);gap:var(--stamp-gap);padding:var(--zero);margin:var(--s-2) var(--zero)}
html:not([data-edition="school"]) .v7-fr-stamp-cell{position:relative;display:grid;place-items:center;min-width:var(--zero);aspect-ratio:1;border:var(--hairline) solid var(--control-line);border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:var(--t-min)}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-on{background:var(--selected);border-color:var(--control-line);color:var(--fg)}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-goal{border:var(--focus-width) solid var(--gold-text);background:var(--panel)}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-today{box-shadow:none;outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}
html:not([data-edition="school"]) .v7-fr-stamp-mark{position:absolute;inset:var(--zero);display:block;width:var(--full);height:var(--full);object-fit:contain;transform:rotate(var(--stamp-turn-a))}
html:not([data-edition="school"]) .v7-fr-stamp-cell:nth-child(even) .v7-fr-stamp-mark{transform:rotate(var(--stamp-turn-b))}
html:not([data-edition="school"]) .v7-fr-stamp-mark img{display:block;width:var(--full);height:var(--full);object-fit:contain}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-on .v7-fr-stamp-n{visibility:hidden}
html:not([data-edition="school"]) .v7-fr-stamp-n{position:absolute}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-goal .v7-fr-stamp-n{visibility:hidden}
html:not([data-edition="school"]) .v7-fr-stamp-gift{position:absolute;inset:var(--zero);display:grid;place-items:center;width:var(--full);height:var(--full)}
html:not([data-edition="school"]) .v7-fr-stamp-gift .v7-fruit-icon{width:var(--full);height:var(--full);object-fit:contain}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-goal.is-on .v7-fr-stamp-mark{inset:auto var(--zero) var(--zero) auto;width:var(--half);height:var(--half)}
html:not([data-edition="school"]) .v7-fr-stamp-now{margin-block:var(--s-2) var(--s-1);font:var(--weight-strong) var(--t-h3)/var(--lh-h3) var(--serif)}
html:not([data-edition="school"]) .v1011-stamp-milestone{display:flex;align-items:center;gap:var(--s-1);padding:var(--s-1);margin-top:var(--s-2);border-top:var(--hairline) solid var(--line);font-size:var(--t-note)}
html:not([data-edition="school"]) .v1011-stamp-milestone img{width:var(--icon-md);height:var(--icon-md);object-fit:contain}
@media(prefers-reduced-motion:no-preference){html:not([data-edition="school"]) .v7-fr-stamp-cell.is-today .v7-fr-stamp-mark{animation:v1011-stamp var(--duration-long) var(--ease) both}}
@keyframes v1011-stamp{from{opacity:var(--zero);scale:var(--stamp-start)}to{opacity:var(--one);scale:var(--stamp-end)}}
/* WORK_1011_STAMP_END */

/* WORK_1011_LETTER_BEGIN */
html:not([data-edition="school"]) .v7-letter{margin-block:var(--s-4);background:transparent;border:var(--zero);padding:var(--zero)}
html:not([data-edition="school"]) .v7-letter-paper{position:relative;isolation:isolate;padding:var(--s-4) var(--s-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background-color:var(--paper);background-image:var(--letter-paper-image,none);color:var(--fg);font:var(--weight-regular) var(--t-body)/var(--letter-leading) var(--serif);overflow-wrap:anywhere;box-shadow:none}
html:not([data-edition="school"]) .v7-letter-paper::before,html:not([data-edition="school"]) .v7-letter-paper::after{content:none}
html:not([data-edition="school"]) .v1011-letter-body{position:relative;background-image:repeating-linear-gradient(to bottom,transparent var(--zero),transparent calc(var(--letter-line) - var(--hairline)),var(--line) calc(var(--letter-line) - var(--hairline)),var(--line) var(--letter-line));line-height:var(--letter-leading)}
html:not([data-edition="school"]) .v1011-letter-body p{margin:var(--zero) var(--zero) var(--letter-line)}
html:not([data-edition="school"]) .v7-letter-to{position:relative;margin-block:var(--s-3);font-weight:var(--weight-strong)}
html:not([data-edition="school"]) .v7-letter-omamori{margin-block:var(--s-3);padding:var(--s-2) var(--zero);border-block:var(--hairline) solid var(--line);font-family:var(--serif)}
html:not([data-edition="school"]) .v7-letter-from{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--t-small);text-align:right}
html:not([data-edition="school"]) .v1011-letter-spirit{width:var(--orbina-h);height:var(--orbina-h);object-fit:contain;border-radius:var(--zero)}
html:not([data-edition="school"]) .v1011-letter-seal{display:block;width:var(--icon-lg);height:var(--icon-lg);object-fit:contain;margin-inline:auto;margin-bottom:var(--s-3)}
html:not([data-edition="school"]) .v1011-letter-corner{position:absolute;top:var(--s-1);left:var(--s-1);width:var(--s-8);height:var(--s-8);object-fit:contain;pointer-events:none;z-index:-1}
html:not([data-edition="school"]) .v1011-letter-reply{margin-top:var(--s-3);padding:var(--s-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}
html:not([data-edition="school"]) .v1011-letter-reply label{display:block;font-family:var(--serif);font-size:var(--t-h3);margin-bottom:var(--s-1)}
html:not([data-edition="school"]) .v1011-letter-reply textarea{box-sizing:border-box;width:var(--full);min-height:var(--textarea-h);padding:var(--s-1);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-sm);background-color:var(--panel);background-image:repeating-linear-gradient(to bottom,transparent var(--zero),transparent calc(var(--letter-line) - var(--hairline)),var(--line) calc(var(--letter-line) - var(--hairline)),var(--line) var(--letter-line));background-origin:content-box;color:var(--fg);font:var(--weight-regular) var(--t-body)/var(--letter-leading) var(--serif);resize:vertical}
html:not([data-edition="school"]) .v7-letter-ps{margin-top:var(--s-3);padding-top:var(--s-2);border-top:var(--hairline) solid var(--line);font-family:var(--serif)}
html:not([data-edition="school"]) .v1011-letter-actions{display:flex;flex-wrap:wrap;gap:var(--s-1);margin-top:var(--s-2)}
html:not([data-edition="school"]) .v1011-letter-actions>*{flex:1 1 var(--eater-h)}
@media(min-width:760px){html:not([data-edition="school"]) .v7-letter-paper{padding:var(--s-4)}}
/* WORK_1011_LETTER_END */

/* =====================================================================
   2026-10-11 修正指示 1011（担当A）：U1 の決まり（TOKENS）の値で、1011 で足した画面の部品を整える。ふつうの版だけ。
   ===================================================================== */
/* 23：ヘッダーの設定の絵。2026-10-12 検査の残り（絵 N1）：filter:brightness(.42) saturate(1.3) で暗い茶灰に濁っていたのをやめ、
   下メニューの GPT の「on」の絵（茶金の線・クリームの面・若葉）をそのまま出す（ui.js）。となりのお知らせと同じ色の決まり */
html:not([data-edition="school"]) .v7-header .v7-header-set img.v7-header-set-img{filter:none}
html:not([data-edition="school"]) .v7-header .v1011-header-notice svg{display:block;width:var(--icon-sm);height:var(--icon-sm)}
html:not([data-edition="school"]) .v7-header .v7-header-right .v1011-header-login{height:var(--touch);font-weight:var(--weight-strong);margin-left:var(--s-1)}
/* 16：選択中の下線をやめる（タブ・章の札・性別の切りかえ。選択は面＋太字） */
html:not([data-edition="school"]) :is(.v7-chapter-tab,.v7-selfch-tab,.v7-evo-tab,.v7-tab,.v7-tabs button,.v7-know-tabs button,.v7-result-tabs button,.v7-sex-opt,.v7-install-tab)::after{content:none}
html:not([data-edition="school"]) :is(.v7-tab,.v7-tabs button,.v7-know-tabs button,.v7-result-tabs button,.v7-chapter-tab,.v7-selfch-tab,.v7-install-tab):is([aria-selected="true"],[aria-pressed="true"],[aria-current="page"],.is-on,.is-active){text-decoration:none;border-bottom-color:transparent;box-shadow:none;background:var(--selected);font-weight:var(--weight-strong)}
html:not([data-edition="school"]) .v7-gallery-item:is(:hover,:focus-visible) *,html:not([data-edition="school"]) .v7-gallery-item[aria-current] *,html:not([data-edition="school"]) .v7-gallery-item.is-mine *{text-decoration:none}
/* 9：ふりがなが枠や行からはみ出さないように（ふりがなは U1 の 11px、親の行の高さ 1.8） */
html:not([data-edition="school"]) .v7-main ruby{ruby-position:over;ruby-align:center}
html:not([data-edition="school"]) .v7-main :is(button,.v7-chip,.v7-pill,.v7-season-bar,.v7-season-bar-note,.v1011-question,.v7-iro-kou,.v1011-season-note,.v7-gallery-label,.v7-name-sub){line-height:var(--lh-body)}
/* 2026-10-12 修正指示 1012 の 5：どこでも折る（anywhere）のは本文の p だけ。ボタン・見出し・札は下の keep-all の決まりで文節のところでだけ折る */
html:not([data-edition="school"]) .v7-main .v7-block p{overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-season-bar{padding-top:calc(var(--s-2) + 4px)}
html:not([data-edition="school"]) .v7-season-bar-dates{font:var(--weight-strong) var(--t-h3)/var(--lh-h3) var(--serif)}
/* 19：当たり度の5つ（.v1011-feedback）。どれも同じ大きさ・同じ高さ。文節のところでだけ折り返す */
html:not([data-edition="school"]) .v7-know-fit-row.v1011-feedback{margin-top:var(--s-1)}
html:not([data-edition="school"]) .v1011-feedback .v7-know-fit-btn{min-height:var(--button-h);padding:var(--s-1);font-size:var(--t-note);word-break:keep-all;overflow-wrap:anywhere;text-align:center}
@media(max-width:759px){html:not([data-edition="school"]) .v1011-feedback .v7-know-fit-btn{text-align:left;padding-inline:var(--s-2)}}
html:not([data-edition="school"]) .v7-know-done .v7-know-done-btn{display:inline-flex;align-items:center;justify-content:center;min-width:12em;min-height:var(--button-h)}
html:not([data-edition="school"]) .v7-know-done .v7-know-done-btn:disabled{border-style:dashed;color:var(--muted);cursor:default}
/* 18：生まれた日の板（U1 .v1011-picker）。開くボタンは入力欄の形で、選んだ日付をそのまま見せる */
html:not([data-edition="school"]) .v1011-picker-open{width:var(--full);justify-content:space-between;text-align:left;font-weight:var(--weight-regular)}
html:not([data-edition="school"]) .v1011-picker-open::after{content:"";flex:none;width:10px;height:10px;margin-left:var(--s-1);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
html:not([data-edition="school"]) .v1011-picker-open.is-set{font-weight:var(--weight-strong)}
html:not([data-edition="school"]) .v7-field:has(.v7-error:not([hidden])) .v1011-picker-open{border-color:var(--error)}
html:not([data-edition="school"]) dialog.v1011-picker{z-index:var(--z-modal)}
html:not([data-edition="school"]) .v1011-picker-list option:checked{background:var(--selected) linear-gradient(var(--selected),var(--selected));color:var(--fg)}
html:not([data-edition="school"]) .v1011-picker-list:focus option:checked{background:var(--focus) linear-gradient(var(--focus),var(--focus));color:#FFFFFF}   /* 端末が文字を白にするので、濃い緑の面に（7:1 以上） */
html:not([data-edition="school"]) .v1011-picker-list option{padding-block:var(--s-1)}
@media(min-width:760px){html:not([data-edition="school"]) dialog.v1011-picker{width:var(--dialog-w);max-height:none;z-index:80}}
/* 22：ホーム画面に置く手順のポップアップ（端末の切りかえ・番号つきの3つの手順。絵は仮の線の図） */
html:not([data-edition="school"]) .v7-install-pop .v7-know-pop-in{max-width:var(--dialog-w);text-align:left}
html:not([data-edition="school"]) .v7-install-inapp{padding:var(--s-1) var(--s-2);border-radius:var(--radius-sm);background:var(--selected);font-size:var(--t-note)}
html:not([data-edition="school"]) .v7-install-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-1);margin:var(--s-2) 0}
html:not([data-edition="school"]) .v7-install-tab{min-height:var(--touch);padding:var(--s-1);border:var(--hairline) solid var(--control-line);border-radius:var(--radius-pill);background:var(--panel);color:var(--fg);font-size:var(--t-note)}
html:not([data-edition="school"]) .v7-install-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
html:not([data-edition="school"]) .v7-install-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--s-2);align-items:center;padding:var(--s-1);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--bg)}
html:not([data-edition="school"]) .v7-install-fig{color:var(--fg)}
html:not([data-edition="school"]) .v7-install-art{display:block;width:88px;height:auto}
html:not([data-edition="school"]) .v7-install-text{display:flex;gap:var(--s-1);align-items:flex-start}
html:not([data-edition="school"]) .v7-install-text p{margin:0;font-size:var(--t-small);line-height:var(--lh-body)}
html:not([data-edition="school"]) .v7-install-no{flex:none;display:grid;place-items:center;width:var(--icon-sm);height:var(--icon-sm);border-radius:var(--radius-round);background:var(--accent);color:var(--on-accent);font:var(--weight-strong) var(--t-min)/1 var(--sans)}
/* 23：お知らせの画面 */
html:not([data-edition="school"]) .v7-news-list{list-style:none;margin:var(--s-3) 0;padding:0;display:grid;gap:var(--s-2)}
html:not([data-edition="school"]) .v7-news-item{padding:var(--s-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--panel)}
html:not([data-edition="school"]) .v7-news-item.is-new{border-left:4px solid var(--mark)}
html:not([data-edition="school"]) .v7-news-head{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-note);color:var(--muted)}
html:not([data-edition="school"]) .v7-news-new{display:inline-grid;place-items:center;min-width:var(--icon-sm);height:var(--icon-sm);padding:0 6px;border-radius:var(--radius-pill);background:var(--mark);color:#FFFFFF;font:var(--weight-strong) var(--t-min)/1 var(--sans)}
html:not([data-edition="school"]) .v7-news-title{margin:var(--s-1) 0}
html:not([data-edition="school"]) .v7-news-when{font-weight:var(--weight-strong);margin:0 0 var(--s-1)}
html:not([data-edition="school"]) .v7-news-points{list-style:none;padding:0;margin:var(--s-2) 0}
html:not([data-edition="school"]) .v7-news-points>li{position:relative;padding-inline-start:var(--s-3);margin-block:var(--s-1);font-size:var(--t-small)}
html:not([data-edition="school"]) .v7-news-points>li::before{content:"";position:absolute;left:0;top:.7em;width:var(--dot-size);height:var(--dot-size);background:var(--leaf);border-radius:var(--leaf-radius)}
/* 24：手紙。差出人（絵・名前・日付）を頭に小さく、本文は U1 の便せん（罫線つき） */
html:not([data-edition="school"]) .v7-letter-head{display:flex;align-items:center;gap:var(--s-2);margin:0 0 var(--s-2)}
html:not([data-edition="school"]) body .v7-letter-head .v7-character.v7-letter-face{--sq-w:72px;width:72px;margin:0;flex:none}
html:not([data-edition="school"]) .v7-letter-head-text{min-width:0}
html:not([data-edition="school"]) .v7-letter-head-text p{margin:0;line-height:var(--lh-note)}
html:not([data-edition="school"]) .v7-letter-kicker{font-size:var(--t-note);color:var(--muted)}
html:not([data-edition="school"]) .v7-letter-sender{font:var(--weight-strong) var(--t-h3)/var(--lh-h3) var(--serif)}
html:not([data-edition="school"]) .v7-letter-meta{font-size:var(--t-note);color:var(--muted)}
html:not([data-edition="school"]) .v7-letter-envelope{padding:var(--s-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--paper)}
html:not([data-edition="school"]) .v7-letter-head.is-in-paper{padding-bottom:var(--s-2);border-bottom:var(--hairline) solid var(--line)}
html:not([data-edition="school"]) .v7-letter-body p{margin:0 0 var(--letter-line)}
html:not([data-edition="school"]) .v7-letter-from{font-family:var(--serif)}
html:not([data-edition="school"]) .v7-letter-reply{margin-top:var(--s-3);padding:var(--s-2);border:var(--hairline) dashed var(--control-line);border-radius:var(--radius-sm);background:var(--panel)}
html:not([data-edition="school"]) .v7-letter-reply-title{margin:0 0 var(--s-1);font:var(--weight-strong) var(--t-h3)/var(--lh-h3) var(--serif)}
html:not([data-edition="school"]) .v7-share-card-row{display:grid;gap:var(--s-1);margin-top:var(--s-2)}
html:not([data-edition="school"]) .v7-share-reward{margin:0}
/* 3：入口の精霊の名前（カタカナが先・英字は小さく） */
/* 2026-10-20 しくみの見出し「誕生日で出会い、／毎日ひらいて育てる。」：かたまりごと次の行へ（文節の <wbr> で中が割れないように） */
html:not([data-edition="school"]) .v7-guide h2 .v7-nw{display:inline-block}
/* 2026-10-20 しくみの段ごとの小さな絵（タロット3枚・色の葉5枚・色の実5つ）と、精霊・覚醒・神獣の3枚、その先の神話の一文 */
html:not([data-edition="school"]) .v7-guide-evo.is-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media(min-width:760px){html:not([data-edition="school"]) .v7-guide-evo.is-three{max-width:560px}}
html:not([data-edition="school"]) .v7-guide-thumbs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:10px}
html:not([data-edition="school"]) .v7-guide-thumbs.is-tarot img{width:64px;height:auto;aspect-ratio:3/5;object-fit:cover;border-radius:6px;box-shadow:0 1px 3px rgba(10,32,24,.18)}
/* 2026-10-21 タロットは札の裏5枚を扇のように重ねる。①の3体の下は英語の名を小さく */
html:not([data-edition="school"]) .v7-guide-thumbs.is-fan{gap:0;padding:6px 0 4px 12px;flex-wrap:nowrap}
html:not([data-edition="school"]) .v7-guide-thumbs.is-fan img{width:52px;margin-left:-14px;transform:rotate(calc(var(--fan-i,0) * 7deg)) translateY(calc(var(--fan-i,0) * var(--fan-i,0) * 2px));transform-origin:center bottom}
html:not([data-edition="school"]) .v7-guide-thumbs.is-fan img:first-child{margin-left:0}
/* 2026-10-21 扇の右に表の札を1枚（あふれる心）。扇の傾きはかけない */
html:not([data-edition="school"]) .v7-guide-tarot-face{margin-left:30px;flex:none}
html:not([data-edition="school"]) .v7-guide-thumbs.is-fan .v7-guide-tarot-face img{width:64px;margin-left:0;transform:none}
@media(max-width:480px){   /* スマホ：欄の幅（320px で約200px）に収まるように、扇と表の札を小さく */
  html:not([data-edition="school"]) .v7-guide-thumbs.is-fan{padding-left:8px}
  html:not([data-edition="school"]) .v7-guide-thumbs.is-fan img{width:36px;margin-left:-14px}
  html:not([data-edition="school"]) .v7-guide-tarot-face{margin-left:18px}
  html:not([data-edition="school"]) .v7-guide-thumbs.is-fan .v7-guide-tarot-face img{width:48px}
}
html:not([data-edition="school"]) .v7-guide-season{margin:0 0 4px;font-family:var(--serif);font-size:14px;line-height:1.5;letter-spacing:.08em;text-align:center;color:var(--fg,#0A2018)}
html:not([data-edition="school"]) .v7-guide-cap-en{font-size:11px;letter-spacing:.06em;color:var(--muted,#4A5A50)}
html:not([data-edition="school"]) .v7-guide-thumbs.is-leaf img{width:44px;height:44px;object-fit:contain}
html:not([data-edition="school"]) .v7-guide-thumbs.is-fruit .v7-fruit-icon{width:40px;height:40px;object-fit:contain}
html:not([data-edition="school"]) .v7-guide-myth{grid-column:1/-1;margin:8px 0 0;font-family:var(--serif);font-size:15px;line-height:1.9;color:var(--muted,#4A5A50)}
/* 2026-10-20 入口の絵が「例」だとわかる札 */
html:not([data-edition="school"]) .v7-entry-sample{display:table;margin:0 auto var(--s-1);padding:2px 12px;border-radius:999px;background:var(--selected,#EAF0E0);color:var(--muted,#4A5A50);font-size:14px;line-height:1.7;text-align:center}
html:not([data-edition="school"]) .v7-entry-name{display:flex;flex-direction:column;align-items:center;gap:0;margin:var(--s-1) 0 0;text-align:center}
html:not([data-edition="school"]) .v7-entry-name-main{font:var(--weight-strong) var(--t-h3)/var(--lh-h3) var(--serif)}
html:not([data-edition="school"]) .v7-entry-name-sub{font-size:var(--t-note);color:var(--muted)}
html:not([data-edition="school"]) .v7-entry-free{margin:0 0 var(--s-1)}
/* 6・26：オルビナの全身（しくみ・あつめる・今日の1枚） */
html:not([data-edition="school"]) .v7-orbina-fig{display:flex;align-items:center;gap:var(--s-2);margin:var(--s-2) 0 0}
html:not([data-edition="school"]) .v7-orbina-fig img{display:block;width:auto;height:96px;max-width:72px;object-fit:contain}
html:not([data-edition="school"]) .v7-orbina-fig figcaption{font-size:var(--t-note);color:var(--muted)}
html:not([data-edition="school"]) .v7-co-asker{align-items:center;margin:0 0 var(--s-2)}
html:not([data-edition="school"]) .v7-co-asker .v1011-orbina-full{height:112px;max-width:84px}
html:not([data-edition="school"]) .v7-co-asker .v1011-question .v7-iro-asker-name{margin:0;font:var(--weight-regular) var(--t-note)/var(--lh-note) var(--sans);color:var(--muted)}
html:not([data-edition="school"]) .v7-co-asker .v1011-question .v7-iro-question{margin:var(--s-1) 0 0;font:var(--weight-strong) var(--t-h3)/var(--lh-h3) var(--serif)}
html:not([data-edition="school"]) .v7-co-orbina .v1011-orbina-full.is-small{height:96px;max-width:72px}
html:not([data-edition="school"]) .v7-voice-face.is-full{width:48px;height:64px;border:0;border-radius:0;background:transparent;overflow:visible}
html:not([data-edition="school"]) .v7-voice-face.is-full img{position:static;width:100%;height:100%;object-fit:contain;transform:none}
/* 27：あつめるのしくみ（3つの手順） */
html:not([data-edition="school"]) .v7-co-how{margin-block:var(--s-2) var(--s-1)}
html:not([data-edition="school"]) .v7-co-how+.v7-note{margin-top:0}
/* 24：便せんの罫線と文の行をそろえる（旧の行の高さ 1.9 が残っていて、罫線が文字に重なっていた） */
html:not([data-edition="school"]) .v7-letter-paper .v1011-letter-body p{font-size:var(--t-body);line-height:var(--letter-line);margin:0 0 var(--letter-line)}
html:not([data-edition="school"]) .v7-letter-paper .v1011-letter-body ruby{line-height:1}
html:not([data-edition="school"]) .v7-letter-paper .v1011-letter-body p:last-child{margin-bottom:0}
/* ==== 2026-10-11 修正指示1011 直しB（担当B）：実を食べるキャラクター（No.33・34）・スタンプカード（No.36）・あつめる（No.28・29・31）====
   見た目の正本は GPT U1 の納品（往復/納品_随時/1011_デザイン：デザインの決まり_v1.md・style.work1011.css・クラスの約束_1011.md）。
   style.css には手を入れず、ここで同じ形を当てる。U1 の TOKENS がまだ style.css に入っていない版でも崩れないよう、値はすべて var(--x, 予備の値)。
   ふつうの版だけ（学校版には色の実もあつめるも出ない） */
/* -- 実を食べるキャラクター メルム（.v1011-eater＋ふきだし） -- */
html:not([data-edition="school"]) .v7-fr-buddy{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-2,16px);margin-block:var(--s-3,24px);padding:0;border:0;background:transparent}
html:not([data-edition="school"]) .v7-fr-buddy-fig{position:relative;flex:none;width:var(--eater-h,160px);height:var(--eater-h,160px)}
html:not([data-edition="school"]) .v1011-eater-art{display:block;width:100%;height:100%;object-fit:contain;transform-origin:50% 90%}
html:not([data-edition="school"]) .v7-fr-buddy-say{position:relative;flex:1 1 var(--eater-h,160px);min-width:0;padding:var(--s-2,16px);background:var(--panel,#FFFDF7);border:1px solid var(--line,#D5DBCE);border-radius:var(--radius-md,16px)}
html:not([data-edition="school"]) .v7-fr-buddy-say::before{content:"";position:absolute;left:-9px;top:var(--s-3,24px);width:16px;height:16px;background:var(--panel,#FFFDF7);border-left:1px solid var(--line,#D5DBCE);border-bottom:1px solid var(--line,#D5DBCE);transform:rotate(45deg)}
html:not([data-edition="school"]) .v7-fr-buddy-name{margin:0 0 4px;font-size:var(--t-note,14px);color:var(--muted,#4F6151)}
html:not([data-edition="school"]) .v7-fr-buddy-line{margin:0;font:600 var(--t-h3,18px)/1.8 var(--serif)}
html:not([data-edition="school"]) .v1011-notice-band{margin:var(--s-1,8px) 0 0;padding:var(--s-1,8px) var(--s-2,16px);border-radius:var(--radius-sm,8px);background:var(--selected,#EDF0E4);font-size:var(--t-note,14px);line-height:1.7}
html:not([data-edition="school"]) .v7-fr-buddy-link{min-height:44px;margin-top:4px;padding:0 4px;border:0;background:transparent;color:var(--fg,#0A2018);font-size:var(--t-note,14px);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html:not([data-edition="school"]) .v7-fr-buddy-bite{position:absolute;left:-8px;top:40%;width:56px;height:56px;object-fit:contain;pointer-events:none}
@media (max-width:420px){
 html:not([data-edition="school"]) .v7-fr-buddy-say{flex-basis:100%}
 html:not([data-edition="school"]) .v7-fr-buddy-say::before{left:50%;top:-9px;margin-left:-8px;border-bottom:0;border-top:1px solid var(--line,#D5DBCE)}
}
@media (prefers-reduced-motion:no-preference){
 html:not([data-edition="school"]) .v7-fr-buddy-fig.is-eating .v1011-eater-art{animation:b1011-munch .24s ease-in-out 3}
 html:not([data-edition="school"]) .v7-fr-buddy-bite{animation:b1011-bite .72s cubic-bezier(.2,.7,.2,1) both}
 html:not([data-edition="school"]) .v1011-eater-art.is-happy{animation:b1011-hop .4s cubic-bezier(.2,.7,.2,1) 1}
}
@keyframes b1011-munch{50%{transform:scale(1.04,.96)}}
/* 2026-10-12 作業P1：メルムの寝る絵は横長なので、枠の中で 1.1 倍（ほかの3つと見た大きさをそろえる） */
html:not([data-edition="school"]) .v1011-eater-art.is-sleep{transform:scale(1.1)}
@keyframes b1011-bite{from{opacity:1;transform:translate(-40px,10px) scale(1)}to{opacity:0;transform:translate(48px,-6px) scale(.4)}}
@keyframes b1011-hop{40%{transform:translateY(-8px)}}
/* -- スタンプカード（U1 ⑤ STAMP） -- */
html:not([data-edition="school"]) .v7-fr-stamp{padding:var(--s-2,16px) 8px;margin-block:var(--s-3,24px);border:1px solid var(--line,#D5DBCE);border-radius:var(--radius-lg,24px);background:var(--paper,#FBF7EC);color:var(--fg,#0A2018)}
html:not([data-edition="school"]) .v7-fr-stamp h2,html:not([data-edition="school"]) .v7-fr-stamp>p{padding-inline:var(--s-1,8px)}
html:not([data-edition="school"]) .v7-fr-stamp-rule{margin:0}
html:not([data-edition="school"]) .v7-block ol.v7-fr-stamp-row,html:not([data-edition="school"]) .v7-fr-stamp-row{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) minmax(0,1.15fr);align-items:center;gap:8px;padding:0;margin:var(--s-2,16px) 0}
html:not([data-edition="school"]) .v7-fr-stamp-cell{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;border:1px solid var(--control-line,#7C857A);border-radius:var(--radius-sm,8px);background:transparent;color:var(--muted,#4F6151);font-size:12px;box-shadow:none}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-on{border-style:solid;border-color:var(--control-line,#7C857A);background:var(--selected,#EAF0E0);color:var(--fg,#0A2018)}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-goal{border:2px solid var(--gold-text,#74572A);background:var(--panel,#FFFFFF);border-radius:var(--radius-sm,8px)}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-today{box-shadow:none;outline:2px solid var(--focus,#426249);outline-offset:2px}
html:not([data-edition="school"]) .v7-fr-stamp-n{position:absolute}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-on .v7-fr-stamp-n,html:not([data-edition="school"]) .v7-fr-stamp-cell.is-goal .v7-fr-stamp-n{visibility:hidden}
html:not([data-edition="school"]) .v7-fr-stamp-mark{position:absolute;inset:12%;display:block;color:#5E7A3A;transform:rotate(-7deg)}
html:not([data-edition="school"]) .v7-fr-stamp-cell:nth-child(even) .v7-fr-stamp-mark{transform:rotate(5deg)}
html:not([data-edition="school"]) .v7-fr-stamp-mark svg,html:not([data-edition="school"]) .v7-fr-stamp-mark img{display:block;width:100%;height:100%;object-fit:contain}
html:not([data-edition="school"]) .v7-fr-stamp-gift{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%}
html:not([data-edition="school"]) .v7-fr-stamp-gift .v7-fruit-icon{width:86%;height:86%;object-fit:contain}
html:not([data-edition="school"]) .v7-fr-stamp-gift .v7-fruit-icon+.v7-fruit-icon{position:absolute;right:-4px;bottom:-4px;width:46%;height:46%}
html:not([data-edition="school"]) .v7-fr-stamp-cell.is-goal.is-on .v7-fr-stamp-mark{inset:auto 0 0 auto;width:50%;height:50%}
html:not([data-edition="school"]) .v7-fr-stamp-now{margin:var(--s-2,16px) 0 var(--s-1,8px);font:600 var(--t-h3,18px)/1.6 var(--serif)}
html:not([data-edition="school"]) .v1011-stamp-milestone{display:flex;align-items:flex-start;gap:var(--s-1,8px);padding:var(--s-1,8px);margin-top:var(--s-2,16px);border-top:1px solid var(--line,#D5DBCE);font-size:var(--t-note,14px)}
html:not([data-edition="school"]) .v1011-stamp-milestone>.v7-fruit-icon{flex:none;width:32px;height:32px;object-fit:contain}
html:not([data-edition="school"]) .v1011-stamp-milestone-text{flex:1;min-width:0}
html:not([data-edition="school"]) .v1011-stamp-milestone-t{margin:0 0 6px;font-weight:600}
html:not([data-edition="school"]) .v1011-stamp-milestone .v41-bar{margin:0 0 6px}
html:not([data-edition="school"]) .v1011-stamp-milestone .v41-bar span{background:var(--gold,#E3B04A)}
@media (prefers-reduced-motion:no-preference){html:not([data-edition="school"]) .v7-fr-stamp-cell.is-today .v7-fr-stamp-mark{animation:b1011-stamp .4s cubic-bezier(.2,.7,.2,1) both}}
@keyframes b1011-stamp{from{opacity:0;scale:.78}to{opacity:1;scale:1}}
/* -- あつめる：これまでの小さな幸せ（木の代わり。No.28・31） -- */
html:not([data-edition="school"]) .v7-co-lead-note{margin-top:0}
html:not([data-edition="school"]) .v7-co-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-1,8px);margin:0 0 var(--s-2,16px)}
html:not([data-edition="school"]) .v7-co-stat{padding:var(--s-1,8px) var(--s-1,8px) 10px;border:1px solid var(--line,#D5DBCE);border-radius:var(--radius-md,16px);background:var(--panel,#FFFDF7);text-align:center;min-width:0}
html:not([data-edition="school"]) .v7-co-stat dt{font-size:12px;color:var(--muted,#4F6151);line-height:1.6}
html:not([data-edition="school"]) .v7-co-stat dd{margin:0;font:600 var(--t-h2,21px)/1.4 var(--serif)}
html:not([data-edition="school"]) .v7-co-reread{display:flex;gap:var(--s-2,16px);align-items:flex-start;margin:0 0 var(--s-1,8px);padding:var(--s-2,16px);border:1px solid var(--line,#D5DBCE);border-radius:var(--radius-md,16px);background:var(--paper,#FBF7EC)}
html:not([data-edition="school"]) .v7-co-reread>svg{flex:none}
html:not([data-edition="school"]) .v7-co-reread-text{min-width:0}
html:not([data-edition="school"]) .v7-co-reread-text p{margin:0 0 4px}
html:not([data-edition="school"]) .v7-co-reread-date{font-size:var(--t-note,14px);color:var(--muted,#4F6151)}
/* -- あつめる：幸せの葉のこよみ（No.29。U1 の COLLECT） -- */
html:not([data-edition="school"]) .v7-co-cal-nav{width:44px;min-height:44px;border:1px solid var(--control-line,#7C857A);border-radius:var(--radius-sm,8px);background:var(--panel,#FFFFFF);color:var(--fg,#0A2018);font-size:var(--t-h2,21px)}
html:not([data-edition="school"]) .v7-co-cal-nav:disabled{opacity:1;color:var(--muted,#4F6151);border-style:dashed}
html:not([data-edition="school"]) .v7-co-cal-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;width:max(100%,308px);margin-inline:calc((100% - max(100%,308px)) / 2)}
html:not([data-edition="school"]) .v7-co-cal-w{font-size:12px;color:var(--muted,#4F6151);text-align:center;padding-bottom:4px}
html:not([data-edition="school"]) .v7-co-cal-day{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:44px;min-height:56px;gap:2px;padding:6px 0 4px;border:1px solid transparent;border-radius:var(--radius-sm,8px);background:transparent;color:var(--fg,#0A2018)}
html:not([data-edition="school"]) .v7-co-cal-day.has-leaf{background:var(--panel,#FFFFFF);border-color:var(--line,#D5DBCE);cursor:pointer}
html:not([data-edition="school"]) .v7-co-cal-day[aria-pressed="true"]{border:2px solid var(--control-line,#7C857A);background:var(--selected,#EAF0E0)}
html:not([data-edition="school"]) .v7-co-cal-n{font-size:12px;line-height:1.7;min-width:24px;text-align:center}
html:not([data-edition="school"]) .v7-co-cal-day.is-today .v7-co-cal-n{display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid var(--control-line,#7C857A);border-radius:50%;background:var(--selected,#EAF0E0);color:var(--fg,#0A2018)}
html:not([data-edition="school"]) .v7-co-cal-leaves{position:relative;display:flex;align-items:center;justify-content:center;gap:0}
html:not([data-edition="school"]) .v7-co-cal-leaves .v7-co-leaf,html:not([data-edition="school"]) .v7-co-cal-leaves svg{display:block;width:20px;height:20px}
html:not([data-edition="school"]) .v7-co-cal-more{position:static;margin-left:1px;font-size:12px;line-height:20px;color:var(--muted,#4F6151)}
html:not([data-edition="school"]) .v7-co-cal-day:not(.has-leaf)::after{content:"";width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--line,#D5DBCE)}
html:not([data-edition="school"]) .v7-co-lead+.v7-co-lead-note{margin-top:-4px}

/* @billing-start */
/* ===================================================================
   2026-10-10 有料のサービスの部品（src/billing.js）。いろはの会・色の実の袋・確率表・年齢・上限・履歴。
   絵の枠は正方形（.v7-bill-art）。320px 幅で横にはみ出さない（並びは折り返す）
   @billing-start〜@billing-end の間は、学校版・配布用（1枚）の組み上げで外す（build/build_single.mjs）
=================================================================== */
.v7-bill-root[hidden]{display:none}
.v7-bill h2{margin-bottom:var(--s-2,8px)}
.v7-bill-art{display:inline-flex;flex:none;align-items:center;justify-content:center;aspect-ratio:1/1;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.v7-bill-art img{width:100%;height:100%;object-fit:contain;aspect-ratio:1/1}
.v7-bill-odds{margin-bottom:16px}
.v7-bill-odds p:last-child{margin-bottom:0}
.v7-bill-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:var(--t-note,14px)}
.v7-bill-table caption{text-align:left;font-weight:600;margin-bottom:6px}
.v7-bill-table th,.v7-bill-table td{padding:6px 4px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.v7-bill-table .v7-bill-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.v7-bill-kind{display:inline-flex;gap:8px;align-items:center;min-width:0}
.v7-bill-price{margin:4px 0;font-weight:600}
.v7-bill-benefits{margin:8px 0 8px 1.2em;padding:0}
.v7-bill-strong{font-weight:600}
.v7-bill-pity{margin:8px 0;font-variant-numeric:tabular-nums}
.v7-bill-msg:empty{display:none}
.v7-bill-msg{font-weight:600}
.v7-bill-check,.v7-bill-cap{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin:8px 0;line-height:1.7}
.v7-bill-check input{width:22px;height:22px;flex:none;margin-top:2px}
.v7-bill-check span{flex:1 1 0;min-width:0}
.v7-bill-cap select,.v7-bill-birth select{min-height:44px;max-width:100%;font-size:16px}
.v7-bill-birth{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.v7-bill-birth select{flex:1 1 90px;min-width:0}
.v7-bill-buy{display:grid;gap:8px;margin-top:12px}
.v7-bill-buy .v7-secondary,.v7-bill .v7-actions button{min-height:44px;white-space:normal}
.v7-bill-got{list-style:none;margin:8px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.v7-bill-got li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:var(--t-note,14px);min-width:0}
.v7-bill-got li.is-pity .v7-bill-art{border-width:2px;border-color:var(--accent)}
.v7-bill-hist{margin:6px 0 0 1.2em;padding:0;font-size:var(--t-note,14px)}
.v7-bill-dl dd{margin:0 0 8px;overflow-wrap:anywhere}
.v7-bill-link{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:4px;font:inherit;cursor:pointer;min-height:44px}
.v7-bill-pop{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;justify-content:center;padding:16px}
.v7-bill-pop-in{background:#FBF7EC;border-radius:12px;max-width:520px;width:100%;max-height:90vh;overflow:auto;padding:16px;box-sizing:border-box}
/* 2026-10-11 デモ（テストモードの中だけ）：お金はかからないことを、はっきり */
.v7-bill-demo{margin:8px 0 12px;padding:10px 14px;border:2px solid #7A1F3D;border-radius:12px;background:#FCEFF3;color:#5A1029;font-weight:700;line-height:1.7}
/* 2026-10-12 報告-デモ-2：精霊の実の確率表（3列）。375px では3列目（覚醒の実・神化の実）を2段にして、「出る精霊」の列を折らない */
.v7-bill-spodds .v7-bill-dup-v{white-space:nowrap}
@media(max-width:479px){
 .v7-bill-spodds .v7-bill-table{font-size:var(--t-min,12px)}
 .v7-bill-spodds .v7-bill-table th:first-child,.v7-bill-spodds .v7-bill-table td:first-child{min-width:7em}
 .v7-bill-spodds .v7-bill-dup{white-space:normal}
 .v7-bill-spodds .v7-bill-dup-v{display:block;text-align:right}
 .v7-bill-spodds .v7-bill-dup-sep{display:none}
}
/* 2026-10-24 本と相性（オーナー「C」） */
.v7-bill-booklist{list-style:none;margin:8px 0;padding:0;display:grid;gap:12px}
.v7-bill-book{padding:12px 0;border-top:1px solid var(--line,rgba(0,0,0,.12))}
.v7-bill-book .v7-secondary{min-height:44px;max-width:100%}
.v7-bill-partner{margin:12px 0}
.v7-bill-nick{display:flex;flex-direction:column;gap:4px;margin:8px 0}
.v7-bill-nick input{min-height:44px;font-size:16px;max-width:100%;box-sizing:border-box}
/* @billing-end */
/* @newfeat-start */
/* ==== 新しい機能（修正指示 1011 No.32・24。src/newfeat.js。スイッチを切ったまま）。見た目の正式な型は Work（GPT）が決めるまでの仮 ==== */
.nf-head-note{margin:var(--s-2,16px) 0;padding:10px 14px;border-left:4px solid var(--spirit-accent,var(--line,#C9C2B0));background:var(--panel,rgba(0,0,0,.03));font-size:.95em}
.nf-tm-note{margin:var(--s-1,8px) 0;padding:8px 12px;border:1px dashed var(--control-line,#7C857A);border-radius:12px;font-size:.9em}
.nf-switch-select{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.nf-switch-select select{min-height:44px;max-width:100%;padding:6px 10px;border-radius:12px;border:1px solid var(--control-line,#7C857A);background:var(--bg,#FBF7EC);color:inherit;font:inherit}
.nf-tabs{display:flex;flex-wrap:wrap;gap:6px}
.nf-stage-art{display:block;width:min(100%,320px);aspect-ratio:1/1;object-fit:contain;margin:var(--s-2,16px) auto;border-radius:16px;background:var(--panel,rgba(0,0,0,.03))}
.nf-words li{font-weight:600}
.nf-day{margin:var(--s-1,8px) 0;padding:8px 12px;border-radius:12px;background:var(--panel,rgba(0,0,0,.03))}
.nf-wall .v7-wall-styles{margin:8px 0}
.nf-wall-label{flex-basis:100%;text-align:center;font-size:.9em;opacity:.8}
.nf-ai-entry{border-top:4px solid var(--spirit-accent,var(--line,#C9C2B0))}
.nf-wallet{display:flex;flex-wrap:wrap;justify-content:center;font-size:.95em;margin:var(--s-1,8px) 0}
.nf-consent li{margin:6px 0}
.nf-check{display:flex;align-items:center;gap:10px;min-height:44px}
.nf-check input{width:22px;height:22px}
.nf-who,.nf-plan{margin:var(--s-2,16px) 0;padding:12px 14px;border:1px solid var(--line,#C9C2B0);border-radius:16px}
.nf-plan-name{font-weight:700;margin:0 0 4px}
.nf-log{display:flex;flex-direction:column;gap:10px;margin:var(--s-2,16px) 0}
.nf-bubble{max-width:88%;padding:10px 14px;border-radius:16px;background:var(--panel,rgba(0,0,0,.04))}
.nf-bubble p{margin:2px 0 0}
.nf-bubble.is-me{align-self:flex-end;background:var(--spirit-soft,rgba(0,0,0,.08))}
.nf-bubble-who{font-size:.8em;opacity:.75}
.nf-fixed{padding:10px 14px;border-radius:12px;border:1px solid var(--line,#C9C2B0)}
.nf-form textarea,.nf-reply textarea{width:100%;box-sizing:border-box}
.nf-reply{margin-top:var(--s-2,16px)}
.nf-reply-title{font-weight:700;margin:var(--s-2,16px) 0 4px}
/* 2026-10-11 デモ（テストモードの「デモ：準備中の機能を見る」の間だけ出る印と知らせ） */
.v7-demo-flag{margin:8px 0;padding:8px 12px;border:2px solid #7A1F3D;border-radius:12px;background:#FCEFF3;color:#5A1029;font-weight:700;font-size:.92em;line-height:1.7}
.v7-demo-toasts{position:fixed;left:50%;top:calc(8px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:1100;display:flex;flex-direction:column;gap:6px;width:min(92vw,480px);pointer-events:none}
.v7-demo-toast{margin:0;padding:10px 14px;border-radius:12px;background:#3A2F2A;color:#fff;font-size:14px;line-height:1.6;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.v7-demo-sync{margin-top:12px}
.v7-demo-tm{border:2px solid #7A1F3D}
.nf-buy-dl dd{margin:0 0 8px;overflow-wrap:anywhere}
.nf-ai-msg{font-weight:600}
html:not([data-edition="school"]) .v7-demo-bar{position:relative;z-index:1;background:#2F4A3A}
.v7-demo-guide{font-weight:400}
.v7-demo-guide summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
.v7-demo-guide ul{margin:4px 0 6px 1.2em;padding:0;text-align:left;font-size:12px;line-height:1.6}
/* 2026-10-12 オーナーモード：上の帯は小さく（画面に貼りつけない＝ポップアップに重ならない） */
html:not([data-edition="school"]) .v7-owner-bar{position:relative;z-index:1;gap:2px 8px;padding:3px 10px;background:#2B3550;font-size:12px;font-weight:600}
html:not([data-edition="school"]) .v7-owner-bar .v7-tm-bar-btn{min-height:28px;padding:0 10px;font-size:12px}
.v7-owner-finish:empty{display:none}
/* @newfeat-end */

/* ==== 2026-10-12 修正指示1012 作業B（精霊の読みもの）==== */
/* No.15（0章）：折りたたみの ＋／− の印を全画面で見やすく：2px の線・文字色・44px の円の枠。学校版も同じ部品なので同じに */
html .v7-fold summary:after,html .v7-fold[open] summary:after{content:"";flex:none;width:44px;height:44px;box-sizing:border-box;border:2px solid var(--fg);border-radius:50%;color:var(--fg);background:linear-gradient(var(--fg),var(--fg)) center/18px 2px no-repeat,linear-gradient(var(--fg),var(--fg)) center/2px 18px no-repeat}
/* 2026-10-13：開け閉めの中の開け閉め（手紙の返信の「ほかの窓口」）は、外が開いても閉じたまま＋の印に（> で自分の summary だけ） */
html .v7-fold[open]>summary:after{background:linear-gradient(var(--fg),var(--fg)) center/18px 2px no-repeat}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-more summary:after{width:36px;height:36px;background-size:14px 2px,2px 14px}
html:not([data-edition="school"]) .v7-mini.is-row .v7-mini-more[open] summary:after{background-size:14px 2px}
/* No.12：生まれた日の板。シンプルに：文字16px・3列の高さ192px（--picker-list-h）・行の間を広く・選んだ面は今の季節の淡い色・細いスクロールバー */
html:not([data-edition="school"]) .v1011-picker-list{font-size:var(--t-body);line-height:1.5;padding:4px;border-color:var(--line);border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:var(--line) transparent}
html:not([data-edition="school"]) .v1011-picker-list::-webkit-scrollbar{width:6px}
html:not([data-edition="school"]) .v1011-picker-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}
html:not([data-edition="school"]) .v1011-picker-list option{min-height:var(--zero);padding:12px 12px;border-radius:var(--radius-sm);font-size:var(--t-body);line-height:1.5}
html:not([data-edition="school"]) dialog.v1011-picker{--picker-selected:var(--selected)}
html:not([data-edition="school"]) dialog.v1011-picker[data-season="spring"]{--picker-selected:var(--spring)}
html:not([data-edition="school"]) dialog.v1011-picker[data-season="summer"]{--picker-selected:var(--summer)}
html:not([data-edition="school"]) dialog.v1011-picker[data-season="autumn"]{--picker-selected:var(--autumn)}
html:not([data-edition="school"]) dialog.v1011-picker[data-season="winter"]{--picker-selected:var(--winter)}
@media(prefers-color-scheme:dark){html:not([data-edition="school"]):not([data-theme="light"]) dialog.v1011-picker[data-season]{--picker-selected:var(--selected)}}
html:not([data-edition="school"])[data-theme="dark"] dialog.v1011-picker[data-season]{--picker-selected:var(--selected)}
html:not([data-edition="school"]) .v1011-picker-list option:checked{background:var(--picker-selected) linear-gradient(var(--picker-selected),var(--picker-selected));color:var(--fg);font-weight:var(--weight-strong)}
/* 列にフォーカスがある間の選んだ行は、端末が文字を白にするので、上の 1833 行の濃い面（--focus・白文字）のまま */
html:not([data-edition="school"]) .v1011-picker-list:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--zero)}
html:not([data-edition="school"]) .v1011-picker-columns{gap:var(--s-2)}
html:not([data-edition="school"]) .v1011-picker-columns label{margin:0 0 4px;color:var(--muted)}
html:not([data-edition="school"]) .v1011-picker .v1011-modal-head h2{font-size:var(--t-h3)}
/* 2026-10-12 検査 H2（校正の答え 12）：生まれた日の板を、中央に帯のある3列に（ui.js birthFields の wheel）。
   行 48px・5行見せ（240px）・スクロールバーなし・帯の行で止まる。帯は選ぶまで細い線だけ、選ぶと季節の淡い面（--picker-selected）。
   上下の行は少し淡く（回せることが分かるように）。決定は、そろったら幅いっぱいの主ボタン */
html:not([data-edition="school"]) .v1012-wheels{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:var(--s-1,8px)}
html:not([data-edition="school"]) .v1012-wheel-label{display:block;margin:0 0 6px;text-align:center;font-size:var(--t-note,14px);font-weight:var(--weight-strong,600);color:var(--muted)}
html:not([data-edition="school"]) .v1012-wheel-frame{position:relative;height:240px;border:var(--hairline,1px) solid var(--line);border-radius:var(--radius-md,16px);background:var(--panel);overflow:hidden}
html:not([data-edition="school"]) .v1012-wheel-band{position:absolute;inset-inline:4px;top:96px;height:48px;border-block:1px solid var(--control-line,#8D9188);border-radius:var(--radius-sm,10px);background:transparent;pointer-events:none;z-index:0;transition:background-color .15s}
html:not([data-edition="school"]) .v1012-wheel-frame.has-sel .v1012-wheel-band{background:var(--picker-selected,var(--selected));border-color:transparent}
html:not([data-edition="school"]) .v1012-wheel-list{position:relative;z-index:1;box-sizing:border-box;height:240px;padding-block:96px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),#000 22%,#000 78%,rgba(0,0,0,.45));mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),#000 22%,#000 78%,rgba(0,0,0,.45))}
html:not([data-edition="school"]) .v1012-wheel-list::-webkit-scrollbar{display:none;width:0;height:0}
html:not([data-edition="school"]) .v1012-wheel-list:focus{outline:none}
html:not([data-edition="school"]) .v1012-wheel-list:focus-visible{outline:none}
html:not([data-edition="school"]) .v1012-wheel-frame:has(.v1012-wheel-list:focus-visible){outline:var(--focus-width,3px) solid var(--focus);outline-offset:2px}
html:not([data-edition="school"]) .v1012-wheel-opt{box-sizing:border-box;height:48px;display:flex;align-items:center;justify-content:center;padding:0 4px;scroll-snap-align:center;font-size:17px;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
html:not([data-edition="school"]) .v1012-wheel-opt.is-sel{font-weight:var(--weight-strong,700)}
html:not([data-edition="school"]) .v1012-wheel-opt.is-off{color:var(--muted);opacity:.35;cursor:default}
@media(hover:hover){html:not([data-edition="school"]) .v1012-wheel-opt:not(.is-off):not(.is-sel):hover{text-decoration:underline;text-underline-offset:4px}}
@media(prefers-reduced-motion:reduce){html:not([data-edition="school"]) .v1012-wheel-band{transition:none}}
html:not([data-edition="school"]) .v1012-picker-actions{flex-direction:column;align-items:stretch;gap:var(--s-1,8px);margin-top:var(--s-1,8px)}
html:not([data-edition="school"]) .v1012-picker-actions .v1012-ok{width:100%;min-height:56px}
html:not([data-edition="school"]) .v1012-picker-actions .v1011-text-button{align-self:center;min-height:44px}
/* No.16：色の葉のポップアップ（色の実と同じ形：葉の絵・色の名前・3つの言葉・季節・あと何枚） */
html:not([data-edition="school"]) .v7-know-pop-in .v7-kicker{font-size:var(--t-h3);font-weight:var(--weight-strong);margin-bottom:12px}
html:not([data-edition="school"]) .v7-know-pop-in .v7-know-leaf.is-big{box-shadow:var(--shadow)}
html:not([data-edition="school"]) .v7-know-pop-where{font-size:var(--t-small);font-weight:var(--weight-strong);color:var(--muted)}
html:not([data-edition="school"]) .v7-know-pop-count{padding-top:8px;border-top:1px solid var(--line)}
/* No.18：性格の3つの章を続けて出す（小さなタブと「つぎの章」はなし。見出しと要約は残す）。当たり度は4つの章の最後に1つ */
html:not([data-edition="school"]) .v7-selfch.is-flow .v7-selfch-part{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--line)}
html:not([data-edition="school"]) .v7-selfch.is-flow .v7-selfch-part:first-child{margin-top:var(--s-3);padding-top:var(--zero);border-top:var(--zero)}
html:not([data-edition="school"]) .v7-selfch-h{margin:0 0 var(--s-2);font-size:var(--t-h3);line-height:var(--lh-h3)}
html:not([data-edition="school"]) .v7-know-fit-end{margin-top:var(--s-4)}
/* No.26：24体とのつながり：名前は1行に1体・行の間を広く・先頭に「おなじ精霊」 */
html:not([data-edition="school"]) .v7-ring-row>summary{gap:6px;padding:14px 40px 14px 4px}
html:not([data-edition="school"]) .v7-ring-row-names{display:flex;flex-direction:column;gap:4px;margin:2px 0 0;padding:var(--zero);list-style:none;overflow-wrap:normal;word-break:keep-all;color:var(--fg)}
html:not([data-edition="school"]) .v7-ring-row-names li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:var(--t-small);line-height:1.7}
html:not([data-edition="school"]) .v7-ring-row-nm{font-weight:var(--weight-strong)}
html:not([data-edition="school"]) .v7-ring-row-sk{font-size:var(--t-note);color:var(--muted)}
html:not([data-edition="school"]) .v7-ring-row.is-same>summary{border-left:3px solid var(--leaf);padding-left:10px}
/* No.10b：24の精霊の一覧のシート：概要3文と「続きを読む」 */
.v7-sheet-gaiyo{max-width:32em;margin:var(--s-2,16px) auto;font-size:var(--t-body,16px);line-height:1.9;text-align:left}
.v7-sheet-more-btn{display:inline-flex;min-width:12em;margin:0 auto var(--s-2,16px)}
.v7-sheet-more[hidden]{display:none}
.v7-sheet-more>p{max-width:32em;margin-left:auto;margin-right:auto}
.v7-sheet-more>.v7-primary{margin:var(--s-2,16px) auto 0}

/* ==== 2026-10-12 修正指示 1012 の 44〜49：ずかん（作業C）====
   44：札の右上の印（出会った／迎えた）・精霊の説明の「性格のまとめ・4つの色」・迎えた精霊の印
   45：進化の物語の第2〜4章は見出しだけ（.is-brief）
   49：葉の子の小さい絵は押せる（.v7-zk-hk-btn）・葉の子の詳しい画面の絵（.v7-hk-one-art）・相性の「いま読めるもの」 */
html:not([data-edition="school"]) .v41-cell.v7-zk-cell{position:relative}
html:not([data-edition="school"]) .v7-zk-mark{position:absolute;top:6px;right:6px;z-index:1;padding:2px 7px;border-radius:999px;background:var(--panel,#fff);border:1px solid var(--control-line,var(--line));color:var(--fg);font-size:10px;font-weight:700;line-height:1.3;letter-spacing:.02em;white-space:nowrap}
html:not([data-edition="school"]) .v7-zk-mark.is-adopted{background:var(--selected,#E6F0DD);border-color:var(--control-line,var(--line))}
html:not([data-edition="school"]) .v7-zk-adopted-mark{display:inline-block;margin:0 0 8px;padding:4px 12px;border-radius:999px;background:var(--selected,#E6F0DD);border:1px solid var(--control-line,var(--line));font-size:var(--t-note,13px);font-weight:700}
html:not([data-edition="school"]) .v7-zk-colors{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
html:not([data-edition="school"]) .v7-zk-colors li{display:flex;align-items:center;gap:10px;min-width:0}
html:not([data-edition="school"]) .v7-zk-color-sw{flex:none;width:36px;height:36px;border-radius:10px;border:1px solid var(--line)}
html:not([data-edition="school"]) .v7-zk-color-tx{display:flex;flex-direction:column;min-width:0;line-height:1.4}
html:not([data-edition="school"]) .v7-zk-color-tx>.v7-note{margin:0;font-size:11px}
html:not([data-edition="school"]) .v7-evo-chlist>li.is-brief{padding:8px 12px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
html:not([data-edition="school"]) .v7-evo-chlist>li.is-brief .v7-kicker{margin:0}
html:not([data-edition="school"]) .v7-zk-hk-btn{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:center;cursor:pointer;border-radius:12px}
html:not([data-edition="school"]) .v7-zk-hk-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
html:not([data-edition="school"]) .v7-zk-hk-btn>.v7-sq{display:grid}
html:not([data-edition="school"]) .v7-hk-one-art{width:min(100%,320px);margin:8px auto 16px}
html:not([data-edition="school"]) .v7-hk-one-art>svg{width:70%;height:70%}
html:not([data-edition="school"]) .v7-pair-levels{margin:8px 0 16px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff)}
html:not([data-edition="school"]) .v7-pair-levels .v7-kicker{margin:0 0 6px}
html:not([data-edition="school"]) .v7-pair-levels li.is-off{color:var(--muted)}
html:not([data-edition="school"]) .v7-zk-billing-wrap{margin-top:16px}

/* ==== 自分を知る TOP・いろはの木・168 の一覧（2026-10-12 修正指示 1012 の 30・31。方針 3章・いろはの木_相談 2章）====
   学校版には出さない画面なので html:not([data-edition="school"]) の中だけ。色・長さはデザインの決まり v1 のトークンから */
/* -- できること（2列の札。hubSection の v7-hub-grid に乗せる） -- */
html:not([data-edition="school"]) .v7-know-feats .v7-hub-card{min-height:112px;padding:14px}
/* 1012 検査（絵）H1：ヘッダーのボタンと同じ白い面＋細い縁に、茶金の線の絵を 26px で */
html:not([data-edition="school"]) .v7-know-feat-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--panel);border:var(--hairline,1px) solid var(--line);color:var(--fg)}
html:not([data-edition="school"]) .v7-know-feat-icon svg{width:26px;height:26px}
html:not([data-edition="school"]) .v7-know-feats .v7-hub-icon{width:40px;height:40px}
/* -- いろはの木 -- */
html:not([data-edition="school"]) .v7-tree-sec{margin-top:24px;padding:20px 16px 16px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
html:not([data-edition="school"]) .v7-tree-sec>h2{margin:0 0 8px;font-size:var(--t-h2,21px)}
html:not([data-edition="school"]) .v7-tree-fig{width:100%;max-width:360px;margin:0 auto}
/* v4（10-12 夜）：広い画面では木を 500px に（検査メモ 2：360px だと葉が細かい）。奥の葉は少し淡く（手前と奥の差） */
@media(min-width:768px){html:not([data-edition="school"]) .v7-tree-fig{max-width:500px}}
html:not([data-edition="school"]) .v7-tree168.is-art .v7-tree168-leaf.is-back{opacity:.86}
html:not([data-edition="school"]) .v7-tree168{display:block;width:100%;height:auto;overflow:visible}
html:not([data-edition="school"]) .v7-tree168-ground{fill:color-mix(in srgb,var(--accent) 30%,var(--panel));stroke:none}
html:not([data-edition="school"]) .v7-tree168-trunk{fill:#B99362;stroke:#8C6B3E;stroke-width:1.2;stroke-linejoin:round}
html:not([data-edition="school"]) .v7-tree168-branch{fill:none;stroke:#A98451;stroke-linecap:round}
html:not([data-edition="school"]) .v7-tree168-sprout{fill:var(--accent);stroke:#8C6B3E;stroke-width:.8}
html:not([data-edition="school"]) .v7-tree168-leaf ellipse{stroke:#fff;stroke-width:.6;opacity:.96}
html:not([data-edition="school"]) .v7-tree168-vein{fill:none;stroke:#7A4E1E;stroke-width:.6;opacity:.5;stroke-linecap:round}
/* 1012 検査（絵）H3：予備の SVG の木の葉は茶金の細い縁 */
html:not([data-edition="school"]) .v7-tree168-leaf-shape{stroke:#9C6024;stroke-width:.7;stroke-linejoin:round}
html:not([data-edition="school"]) .v7-tree168-seat{fill:var(--fg);opacity:.14}
html:not([data-edition="school"]) .v7-tree168-seat.is-season{fill:var(--gold,#E3B04A);opacity:.5}
html:not([data-edition="school"]) .v7-tree168-leaf.is-season ellipse{stroke:var(--gold,#E3B04A);stroke-width:1.2}
html:not([data-edition="school"]) .v7-tree168-fruit{fill:#E7A9C6;stroke:#fff;stroke-width:1}
/* 付いたばかりの葉：内側の g（.v7-tree168-pop）だけを動かす（外側の g の位置・角度の transform を CSS が上書きしないように）。
   絵ありの木（.is-art）は柄の根もと（下のまんなか）から開く */
html:not([data-edition="school"]) .v7-tree168-leaf.is-new>.v7-tree168-pop{transform-box:fill-box;transform-origin:center;animation:v7-tree-leaf-in .4s ease-out both}
html:not([data-edition="school"]) .v7-tree168.is-art .v7-tree168-leaf.is-new>.v7-tree168-pop{transform-origin:50% 98%}
/* 1012 検査 M3・付いたばかりの葉：1.6倍で開いてから、いつもの大きさへ縮む。金の光を1回（絵ありの木） */
html:not([data-edition="school"]) .v7-tree168.is-art .v7-tree168-leaf.is-new>.v7-tree168-pop{animation:v7-tree-leaf-in-art 1.1s cubic-bezier(.3,.7,.4,1) both}
html:not([data-edition="school"]) .v7-tree168.is-art .v7-tree168-leaf.is-new .v7-tree168-leaf-art{animation:v7-tree-leaf-glow 1.6s ease-out .2s 1 both}
@keyframes v7-tree-leaf-in{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes v7-tree-leaf-in-art{0%{transform:scale(0)}35%{transform:scale(1.6)}60%{transform:scale(1.6)}100%{transform:scale(1)}}
@keyframes v7-tree-leaf-glow{0%{filter:drop-shadow(0 0 0 rgba(227,176,74,0))}35%{filter:drop-shadow(0 0 4px rgba(227,176,74,.95))}100%{filter:drop-shadow(0 0 0 rgba(227,176,74,0))}}
@media(prefers-reduced-motion:reduce){html:not([data-edition="school"]) .v7-tree168-leaf.is-new>.v7-tree168-pop,html:not([data-edition="school"]) .v7-tree168-leaf.is-new .v7-tree168-leaf-art{animation:none}}
/* 絵ありの木（GPT の幹と葉の素材。2026-10-12 夜）：いまの季節の葉は金のふちを少しだけ */
html:not([data-edition="school"]) .v7-tree168.is-art .v7-tree168-leaf.is-season .v7-tree168-leaf-art{filter:drop-shadow(0 0 1.4px var(--gold,#E3B04A))}
html:not([data-edition="school"])[data-theme="dark"] .v7-tree168-trunk,html:not([data-edition="school"])[data-theme="dark"] .v7-tree168-branch{stroke:#D8BC8A}
html:not([data-edition="school"]) .v7-tree-line{margin:10px 0 4px;text-align:center;font-size:15px;line-height:1.7}
html:not([data-edition="school"]) .v7-tree-line strong{font-family:var(--serif);font-size:18px;font-weight:600;margin-right:4px}
/* 1012 検査 L5：木の下の1行は「色の葉 N／168枚」「いま「茂り」」「つぎの「満開」まで あとN枚」の3つのかたまりの間でだけ折る */
html:not([data-edition="school"]) .v7-tree-line .v7-tree-chunk{display:inline-block;white-space:nowrap;margin:0 .3em}
html:not([data-edition="school"]) .v7-tree-line strong{display:inline-block;white-space:nowrap}
/* v5 検査 L5（10-13）：木の下の説明は、かっこの中（芽吹き・若葉・茂り・満開）を折らない */
html:not([data-edition="school"]) .v7-tree-note .v7-tree-chunk{display:inline-block;white-space:nowrap}
/* 1012 検査 M1：段の知らせに、いまの木を小さく。とじたら木の札へ動く（.v7-tree-fly）。着いたら札の木を金の光で1回 */
html:not([data-edition="school"]) .v7-tree-pop-fig{width:200px;max-width:72%;margin:6px auto 2px}
html:not([data-edition="school"]) .v7-tree-fly{position:fixed;z-index:62;pointer-events:none;transform-origin:0 0;will-change:transform,opacity}
html:not([data-edition="school"]) .v7-tree-fig.is-arrived{animation:v7-tree-arrive .9s ease-out 1}
html:not([data-edition="school"]) .v7-tree-fig{transition:opacity .25s ease}
html:not([data-edition="school"]) .v7-tree-fig.is-flying{opacity:.15}
@keyframes v7-tree-arrive{0%{filter:drop-shadow(0 0 0 rgba(227,176,74,0))}40%{filter:drop-shadow(0 0 10px rgba(227,176,74,.7))}100%{filter:drop-shadow(0 0 0 rgba(227,176,74,0))}}
@media(prefers-reduced-motion:reduce){html:not([data-edition="school"]) .v7-tree-fig.is-arrived{animation:none}}
html:not([data-edition="school"]) .v7-tree-note{text-align:center;margin:0 0 12px}
html:not([data-edition="school"]) .v7-tree-me{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
html:not([data-edition="school"]) .v7-tree-me .v7-sub-title{margin:0 0 8px;font-size:17px}
html:not([data-edition="school"]) .v7-tree-words{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 10px;padding:0}
html:not([data-edition="school"]) .v7-tree-words li{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--selected);font-family:var(--serif);font-size:16px;font-weight:600;line-height:1.5;word-break:keep-all}
html:not([data-edition="school"]) .v7-tree-text{margin:0 0 6px;line-height:1.8}
html:not([data-edition="school"]) .v7-tree-sec .v7-actions{margin:12px 0 0}
/* -- 168 の一覧（1本） -- */
html:not([data-edition="school"]) .v7-know-filter{flex-wrap:nowrap}
html:not([data-edition="school"]) .v7-know-filter-btn{padding:6px 4px;word-break:keep-all;white-space:nowrap}
html:not([data-edition="school"]) .v7-know-sum .v7-know-filter{margin:12px 0 10px}
html:not([data-edition="school"]) .v7-know-sum .v7-know-list{margin-top:6px}
html:not([data-edition="school"]) .v7-know-season{grid-column:1/-1;display:flex;align-items:baseline;gap:8px;margin:14px 0 2px;padding:0 2px 6px;border-bottom:1px solid var(--line);list-style:none}
html:not([data-edition="school"]) .v7-know-season:first-child{margin-top:4px}
html:not([data-edition="school"]) .v7-know-season-name{font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:.06em}
html:not([data-edition="school"]) .v7-know-season-sub{font-size:13px;color:var(--muted)}
html:not([data-edition="school"]) .v7-know-season.is-now .v7-know-season-name{color:var(--gold-text,#74572A)}
html:not([data-edition="school"]) .v7-know-season.is-now .v7-know-season-sub{font-weight:700;color:var(--fg)}
html:not([data-edition="school"]) .v7-know-card{align-items:flex-start;gap:12px;min-height:96px;padding:12px}
html:not([data-edition="school"]) .v7-know-art{flex:none;display:block}
html:not([data-edition="school"]) .v7-know-leaf.is-card{width:68px;height:68px;border-radius:14px}
html:not([data-edition="school"]) .v7-know-leaf.is-card.is-todo{background:color-mix(in srgb,var(--leaf) 10%,var(--panel));border:1.5px dashed color-mix(in srgb,var(--leaf) 70%,var(--control-line))}
html:not([data-edition="school"]) .v7-know-leaf.is-card.is-todo:after{width:48%;height:48%}
html:not([data-edition="school"]) .v7-know-name{font-size:16px}
html:not([data-edition="school"]) .v7-know-leafname{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--muted)}
html:not([data-edition="school"]) .v7-know-leafname-sw{display:inline-block;width:12px;height:12px;border-radius:50% 0;border:1px solid color-mix(in srgb,var(--fg) 20%,transparent)}
html:not([data-edition="school"]) .v7-know-card.is-done .v7-know-leafname{color:var(--fg)}
/* -- 生まれた季節の7つの色（読みもの） -- */
html:not([data-edition="school"]) .v7-self-colors{list-style:none;margin:12px 0;padding:0;display:grid;gap:10px}
html:not([data-edition="school"]) .v7-self-color-row{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
html:not([data-edition="school"]) .v7-self-color-text{min-width:0;flex:1 1 auto}
html:not([data-edition="school"]) .v7-self-color-text>*{margin:0 0 4px}
html:not([data-edition="school"]) .v7-self-color-time{font-size:13px;color:var(--muted)}
html:not([data-edition="school"]) .v7-self-color-name strong{display:block;font-family:var(--serif);font-size:18px;font-weight:600;word-break:keep-all;line-break:strict}
html:not([data-edition="school"]) .v7-self-color-read{font-size:13px;color:var(--muted)}
html:not([data-edition="school"]) .v7-self-color-line{font-size:14px;line-height:1.8}
html:not([data-edition="school"]) .nf-tori-mine{margin-top:8px}
/* ==== 2026-10-12 修正指示 1012 作業E：相性の「ふたりのあいだ ○○％」と、待ち受けの3段（だれ・背景・飾り）====
   学校版には ％ も3段も出さない（ui.js で分岐）。トークンは デザインの決まり_v1（選択は面＋太字＋aria、主ボタン56px、丸み16px） */
.v7-pair-score{text-align:center}
.v7-pair-pct{font-family:var(--serif);margin:var(--s-2,16px) 0 var(--s-1,8px);line-height:1}
.v7-pair-pct-n{font-size:64px;font-weight:500;letter-spacing:.02em}
.v7-pair-pct-u{font-size:var(--t-h2,21px);margin-left:4px}
.v7-pair-bar{height:10px;max-width:420px;margin:0 auto var(--s-2,16px);border-radius:999px;background:var(--line,#D5DBCE);overflow:hidden}
.v7-pair-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--leaf,#D7E3A9),var(--accent,#0A2018))}
.v7-pair-parts{list-style:none;max-width:420px;margin:var(--s-2,16px) auto 0;padding:0;display:grid;gap:8px;text-align:left}
.v7-pair-parts li{display:grid;grid-template-columns:6em minmax(0,1fr) 3.6em;align-items:center;gap:10px;font-size:var(--t-note,14px)}
.v7-pair-parts .v7-bar-track{display:block;height:6px;border-radius:999px;background:var(--line,#D5DBCE);overflow:hidden}
.v7-pair-parts .v7-bar-fill{display:block;height:100%;background:var(--accent,#0A2018)}
.v7-pair-part-n{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted,#4F6151)}
/* 待ち受けの3段 */
.v7-wall-step{margin:var(--s-4,32px) 0 0}
.v7-wall-step>h2{display:flex;align-items:center;gap:10px;font-size:var(--t-h3,18px);margin:0 0 var(--s-2,16px)}
.v7-wall-no{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent,#0A2018);color:var(--on-accent,#FFFDF7);font:600 14px/1 var(--sans)}
.v7-wall-step .v7-wall-styles{margin:0 0 var(--s-1,8px)}
.v7-wall-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.v7-wall-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:44px;padding:10px 6px 8px;border:1px solid var(--line,#D5DBCE);border-radius:16px;background:var(--panel,#fff);color:var(--fg,#0A2018);font:inherit;cursor:pointer;text-align:center}
.v7-wall-card:hover{background:var(--selected,#EAF0E0)}
.v7-wall-card[aria-pressed="true"]{background:var(--selected,#EAF0E0);border:2px solid var(--accent,#0A2018);padding:9px 5px 7px;font-weight:600}
.v7-wall-card.is-locked{cursor:default;border-style:dashed;background:transparent;color:var(--muted,#4F6151)}
.v7-wall-thumb{display:flex;align-items:flex-end;justify-content:center;width:72px;height:72px;border-radius:14px;background:var(--bg,#FBF7EC);overflow:hidden}
.v7-wall-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.v7-wall-thumb.is-two img{width:50%}
.v7-wall-thumb.is-empty{border:1px dashed var(--line,#D5DBCE)}
.v7-wall-card.is-locked .v7-wall-thumb img{filter:brightness(0);opacity:.16}
.v7-wall-name{font-size:var(--t-note,14px);line-height:1.4;word-break:keep-all}
.v7-wall-lock{display:block;font-size:12px;line-height:1.4;font-weight:400;color:var(--muted,#4F6151)}
.v7-wall-sub{margin:var(--s-2,16px) 0 0}
.v7-wall-sub select{width:100%;min-height:48px;padding:8px 12px;border:1px solid var(--control-line,#7C857A);border-radius:12px;background:var(--panel,#fff);color:inherit;font:inherit}
.v7-wall-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:var(--s-1,8px) 0}
.v7-wall-swatches.is-leaves{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:2px 2px 8px;-webkit-overflow-scrolling:touch}
.v7-wall-swatch{display:flex;flex:none;flex-direction:column;align-items:center;gap:4px;min-width:72px;min-height:44px;padding:8px 6px;border:1px solid var(--line,#D5DBCE);border-radius:12px;background:var(--panel,#fff);color:var(--fg,#0A2018);font:inherit;font-size:12px;line-height:1.3;cursor:pointer}
.v7-wall-swatch .v7-iro-swatch{width:38px;height:38px;border-radius:50%;border:1px solid rgba(0,0,0,.12);margin:0}
.v7-wall-swatch .v7-iro-swatch.has-leaf{background:transparent;border:0}
.v7-wall-swatch .v7-iro-swatch img{width:100%;height:100%;object-fit:contain}
.v7-wall-swatch[aria-pressed="true"]{border:2px solid var(--accent,#0A2018);background:var(--selected,#EAF0E0);font-weight:600;padding:7px 5px}
.v7-wall-color{display:flex;align-items:center;justify-content:center;gap:12px;margin:var(--s-1,8px) 0}
.v7-wall-color input{width:64px;height:44px;padding:2px;border:1px solid var(--control-line,#7C857A);border-radius:10px;background:var(--panel,#fff)}
.v7-wall-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.v7-wall-toggle{min-height:52px;padding:8px 12px;border:1px solid var(--control-line,#7C857A);border-radius:12px;background:transparent;color:var(--fg,#0A2018);font:inherit;cursor:pointer}
.v7-wall-toggle[aria-pressed="true"]{background:var(--selected,#EAF0E0);border:2px solid var(--accent,#0A2018);font-weight:600}
.v7-wall-toggle[aria-pressed="true"]:before{content:"✓ ";font-weight:700}
.v7-wall-toggle:disabled{border-style:dashed;color:var(--muted,#4F6151);cursor:default}
@media(min-width:760px){.v7-wall-cards{grid-template-columns:repeat(6,minmax(0,1fr))}.v7-wall-cards:has(>:nth-child(7)){grid-template-columns:repeat(7,minmax(0,1fr))}}
/* ==== あつめる（2026-10-12 修正指示1012 No.33〜37・報告-担当A-7。作業F）==== */
/* 今日の幸せの札：左に「今日の幸せ 0／3」、右に葉の形3枚（透き通った葉の SVG） */
html:not([data-edition="school"]) .v7-co-today{align-items:center;gap:var(--s-2,16px);padding:var(--s-2,16px) var(--s-2,16px);border-radius:var(--radius-md,16px);background:linear-gradient(135deg,var(--panel,#fff) 0%,var(--selected,#EAF0E0) 100%)}
html:not([data-edition="school"]) .v7-co-today-text{min-width:0;flex:1 1 auto}
html:not([data-edition="school"]) .v7-co-today-label{margin:0;font-size:var(--t-note,14px);color:var(--muted,#4F6151);font-weight:600;line-height:1.6}
html:not([data-edition="school"]) .v7-co-today-num{margin:2px 0 0;font:600 var(--t-body,16px)/1.4 var(--serif);color:var(--fg)}
html:not([data-edition="school"]) .v7-co-today-num strong{font-size:var(--t-display,30px);font-weight:600;margin-right:2px}
html:not([data-edition="school"]) .v7-co-today-hint{margin:4px 0 0;font-size:var(--t-note,14px);color:var(--muted,#4F6151);line-height:1.6}
html:not([data-edition="school"]) .v7-co-today-leaves{display:flex;align-items:center;gap:var(--s-1,8px);flex:none}
html:not([data-edition="school"]) .v7-co-leaf{display:inline-block;width:20px;height:20px;line-height:0;flex:none;color:var(--control-line,#7C857A);filter:drop-shadow(0 1px 1px rgba(10,32,24,.12))}
html:not([data-edition="school"]) .v7-co-leaf svg{width:100%;height:100%;display:block;overflow:visible}
html:not([data-edition="school"]) .v7-co-leaf.is-empty{filter:none;opacity:.9}
html:not([data-edition="school"]) .v7-co-leaf.is-big{filter:drop-shadow(0 3px 6px rgba(10,32,24,.14))}   /* 1012 検査（絵）H2：色の光のにじみ（つや）は外す */
/* オルビナ：760px 未満は顔（全身の絵の上 42% を正方形に切る）。760px 以上は全身 */
html:not([data-edition="school"]) .v7-co-face-crop{flex:none;display:block;position:relative;width:72px;height:72px;overflow:hidden;border-radius:50%;border:1px solid var(--line,#D5DBCE);background:var(--paper,#FBF7EC)}
html:not([data-edition="school"]) .v7-co-orbina .v7-co-face-crop .v1011-orbina-full{display:block;width:179%;height:auto;max-width:none;margin:0 0 0 -39.5%;object-fit:fill;object-position:center}
html:not([data-edition="school"]) .v7-co-face-crop.is-small{width:56px;height:56px}
html:not([data-edition="school"]) .v7-co-orbina .v7-co-face-crop.is-small .v1011-orbina-full{width:179%}
@media (min-width:760px){
  html:not([data-edition="school"]) .v7-co-face-crop,html:not([data-edition="school"]) .v7-co-face-crop.is-small{width:auto;height:auto;overflow:visible;border-radius:0;border:0;background:transparent}
  html:not([data-edition="school"]) .v7-co-orbina .v7-co-face-crop .v1011-orbina-full{width:auto;height:112px;max-width:84px;margin:0;object-fit:contain}
  html:not([data-edition="school"]) .v7-co-orbina .v7-co-face-crop.is-small .v1011-orbina-full{height:96px;max-width:72px}
}
/* 「今日は見つからなかった」：選択肢の外の副ボタン（責める文・損の表示は出さない） */
html:not([data-edition="school"]) .v7-co-q .v1011-skip{display:block;width:100%;box-sizing:border-box;margin:var(--s-1,8px) 0 0;min-height:48px;font-size:var(--t-body,16px);color:var(--fg);font-weight:600}
/* 説明の折りたたみ（2回目から） */
html:not([data-edition="school"]) .v7-co-fold{margin:0 0 var(--s-2,16px)}
html:not([data-edition="school"]) .v7-co-fold .v7-co-intro{padding-top:var(--s-1,8px)}
/* 「幸せの葉が1枚ふえました」：上に葉を大きく・色の名前・カラーコード・色言葉、下に問いと答え */
html:not([data-edition="school"]) .v7-co-just-hero{display:flex;flex-direction:column;align-items:center;gap:var(--s-1,8px);padding:var(--s-2,16px) 0 var(--s-2,16px);text-align:center}
html:not([data-edition="school"]) .v7-co-colorinfo{min-width:0}
html:not([data-edition="school"]) .v7-co-colorinfo p{margin:0}
html:not([data-edition="school"]) .v7-co-colorname{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 4px;font:600 var(--t-h3,18px)/1.6 var(--serif);color:var(--fg)}
html:not([data-edition="school"]) .v7-co-colorname>*{white-space:nowrap}
html:not([data-edition="school"]) .v7-co-colorname strong{font-weight:600;font-size:var(--t-h2,21px)}
html:not([data-edition="school"]) .v7-co-coloryomi{font-size:var(--t-note,14px);font-weight:400;color:var(--muted,#4F6151);margin:0 2px}
html:not([data-edition="school"]) .v7-co-colorhex{margin-top:2px;font:500 var(--t-small,15px)/1.6 var(--sans);letter-spacing:.04em;color:var(--muted,#4F6151)}
html:not([data-edition="school"]) .v7-co-colorword{margin-top:var(--s-1,8px);padding:6px 14px;border-radius:999px;background:var(--selected,#EAF0E0);font:500 var(--t-small,15px)/1.7 var(--serif);color:var(--fg)}
html:not([data-edition="school"]) .v7-co-just-text{padding:var(--s-2,16px);border:1px solid var(--line,#D5DBCE);border-radius:var(--radius-md,16px);background:var(--paper,#FBF7EC)}
html:not([data-edition="school"]) .v7-co-just-text p{margin:0 0 4px}
html:not([data-edition="school"]) .v7-co-just .v7-co-orbina{align-items:center}
html:not([data-edition="school"]) .v7-co-watch{display:grid;gap:var(--s-1,8px)}
/* こよみ：見出しの右にカレンダー／リストの切りかえ */
html:not([data-edition="school"]) .v7-co-cal-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-1,8px);margin:0 0 var(--s-2,16px)}
html:not([data-edition="school"]) .v7-co-cal-title h2{margin:0}
html:not([data-edition="school"]) .v7-co-view{display:inline-flex;padding:3px;border:1px solid var(--control-line,#7C857A);border-radius:999px;background:var(--panel,#fff)}
html:not([data-edition="school"]) .v7-co-view-btn{min-height:38px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--fg);font:600 var(--t-note,14px)/1 var(--sans);white-space:nowrap}
html:not([data-edition="school"]) .v7-co-view-btn[aria-pressed="true"]{background:var(--accent,#D7E3A9);color:var(--on-accent,#263823)}
html:not([data-edition="school"]) .v7-co-view-btn:focus-visible{outline:2px solid var(--focus,#426249);outline-offset:2px}
html:not([data-edition="school"]) .v7-co-rowlist li{padding:var(--s-1,8px) 0;border-bottom:1px solid var(--line,#D5DBCE)}
html:not([data-edition="school"]) .v7-co-rowlist li:last-child{border-bottom:0}
html:not([data-edition="school"]) .v7-co-row-date{margin:0 0 2px;font-size:var(--t-note,14px);color:var(--muted,#4F6151)}
html:not([data-edition="school"]) .v7-co-rows>.v7-note{margin:0 0 var(--s-1,8px)}
/* 記録の保存の同意（1枚）と設定の中 */
html:not([data-edition="school"]) .v7-rec-list{margin:0 0 var(--s-1,8px);padding-left:1.2em;text-align:left;font-size:var(--t-small,15px);line-height:1.7}
html:not([data-edition="school"]) .v7-rec-list li{margin-bottom:4px}
html:not([data-edition="school"]) .v7-rec-check{display:flex;align-items:flex-start;gap:8px;margin:var(--s-1,8px) 0 4px;text-align:left;font-size:var(--t-small,15px);line-height:1.6;min-height:44px}
html:not([data-edition="school"]) .v7-rec-check input{width:22px;height:22px;margin:2px 0 0;flex:none;accent-color:var(--focus,#426249)}
html:not([data-edition="school"]) .v7-rec-keep{margin-top:var(--s-2,16px)}
@media (prefers-reduced-motion:no-preference){
  html:not([data-edition="school"]) .v7-co-leaf.is-new{animation:v7CoLeaf .7s cubic-bezier(.2,.8,.3,1.2)}
}
/* WORK_1012_H_BEGIN  2026-10-12 修正指示1012 作業H（色の実・ヘッダー・小さな直し）。ふつうの版だけ。src/style.css（GPT の正本）はさわらない */
/* -- 52：ヘッダーの設定・お知らせ。アイコン 26px・線を太く・面に薄い縁・押せる範囲 48px（359px 以下は 44px）。字は 11px -- */
html:not([data-edition="school"]) .v7-header .v7-header-right{gap:4px}
html:not([data-edition="school"]) .v7-header .v7-header-right :is(.v7-header-set,.v1011-header-notice){width:var(--control-h);height:var(--control-h);min-width:var(--control-h);border:var(--hairline) solid var(--line);background:var(--panel);border-radius:var(--radius-sm)}
html:not([data-edition="school"]) .v7-header .v7-header-right :is(.v7-header-set img,.v7-header-set-img){width:var(--icon-header);height:var(--icon-header)}
html:not([data-edition="school"]) .v7-header .v7-header-right .v7-header-set svg{width:var(--icon-header);height:var(--icon-header);stroke-width:2}
html:not([data-edition="school"]) .v7-header .v7-header-set .v7-header-set-label{font-size:11px}
html:not([data-edition="school"]) .v7-header .v7-header-right :is(.v7-header-set,.v1011-header-notice)[aria-current="page"]{background:var(--selected);border-color:var(--control-line)}
@media(max-width:359px){
 html:not([data-edition="school"]) .v7-header .v7-header-right{gap:2px}
 html:not([data-edition="school"]) .v7-header .v7-header-right :is(.v7-header-set,.v1011-header-notice){width:var(--touch);height:var(--touch);min-width:var(--touch)}
}
/* -- 50・1011-36b：実の棚（U1 .v1011-fruit-shelf。スマホ2列・PC4列は U1 の指定のまま）。絵は色の面（.v7-sq）のまま小さく、名前と数を字で大きく -- */
html:not([data-edition="school"]) ul.v1011-fruit-shelf,html:not([data-edition="school"]) .v7-block ul.v1011-fruit-shelf{--fruit-cell-ico:96px;list-style:none;padding:var(--zero);margin-block:var(--s-1) var(--s-2)}
html:not([data-edition="school"]) .v1011-fruit-cell{padding:var(--s-1)}
html:not([data-edition="school"]) .v1011-fruit-select{gap:var(--s-1);padding:var(--s-1);font-size:var(--t-small);line-height:var(--lh-note);cursor:pointer}
html:not([data-edition="school"]) .v1011-fruit-select:disabled{cursor:default}
html:not([data-edition="school"]) .v1011-fruit-select:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}
html:not([data-edition="school"]) .v1011-fruit-shelf .v7-sq{width:var(--fruit-cell-ico);max-width:var(--full);margin:var(--zero) auto}
html:not([data-edition="school"]) .v1011-fruit-shelf .v7-sq>img,html:not([data-edition="school"]) .v1011-fruit-shelf .v7-sq>.v7-fruit-icon{width:92%;height:92%}
html:not([data-edition="school"]) .v1011-fruit-select[aria-pressed="true"] .v7-sq{border:2px solid var(--fg);box-shadow:0 0 0 2px var(--selected)}
html:not([data-edition="school"]) .v1011-fruit-text{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:var(--zero);max-width:var(--full)}
html:not([data-edition="school"]) .v1011-fruit-name{font-size:var(--t-small);font-weight:var(--weight-strong);line-height:1.4;overflow-wrap:anywhere;text-align:center}
html:not([data-edition="school"]) .v1011-fruit-count{font-size:var(--t-h3);font-weight:var(--weight-strong);line-height:1.3;font-variant-numeric:tabular-nums}
html:not([data-edition="school"]) .v1011-fruit-note{font-size:var(--t-min);color:var(--muted)}
html:not([data-edition="school"]) .v1011-fruit-cell.is-empty .v1011-fruit-count,html:not([data-edition="school"]) .v1011-fruit-cell.is-unknown .v1011-fruit-name{color:var(--muted)}
/* 影の見た目は色の面に合わせる（持っていて覚醒前の宝石の実＝うすく、まだ見ていない実＝影） */
html:not([data-edition="school"]) .v1011-fruit-cell.is-locked .v1011-fruit-select img{filter:grayscale(.7);opacity:.32}
html:not([data-edition="school"]) .v1011-fruit-cell.is-locked.is-unknown .v1011-fruit-select img{filter:brightness(0);opacity:.15}
/* -- 51：ひらくボタンは主（56px）・「10個ひらく」は副（同じ高さ）。処理中（aria-busy）は押せない。結果の一覧 -- */
html:not([data-edition="school"]) .v7-fr-open-text .v7-actions>*{min-height:var(--button-h)}
html:not([data-edition="school"]) .v7-fr-open-text .v7-primary[aria-busy="true"]:disabled{background:var(--accent);color:var(--on-accent);border-style:solid;opacity:.6;cursor:progress}
html:not([data-edition="school"]) .v7-fr-open-text .v7-secondary[aria-busy="true"]:disabled{border-style:solid;opacity:.6;cursor:progress}
.v7-fruit-pop-list{list-style:none;margin:0;padding:0;max-height:32vh;overflow-y:auto;text-align:left;font-size:var(--t-note,14px);line-height:1.6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.v7-fruit-pop-list li{display:flex;gap:8px;padding:4px 2px;border-bottom:1px solid var(--line)}
.v7-fruit-pop-list li:last-child{border-bottom:0}
.v7-fruit-pop-list-n{flex:none;min-width:3.5em;color:var(--muted);font-variant-numeric:tabular-nums}
/* -- 報告-デモ-4：テストモードの赤い帯（貼りつく・z 1000）が、ログインの説明や結果の1枚の上端に重ならないよう、帯のぶん上に余白（オーナーモードの帯は貼りつかないので対象外） -- */
html:not([data-edition="school"]) body:has(> #v7-tm-bar:not(.v7-owner-bar)) :is(.v7-know-pop,.v7-fruit-pop){padding-top:calc(24px + var(--tm-bar-h,72px))}
html:not([data-edition="school"]) body:has(> #v7-tm-bar:not(.v7-owner-bar)) .v7-know-pop-in{max-height:calc(100vh - 48px - var(--tm-bar-h,72px))}
/* WORK_1012_H_END */
/* ==== 2026-10-12 修正指示 1012（作業G：今日の占い・タロット・手紙）。ふつうの版だけ ==== */
/* 39・1011 の 21：今日の調子の花びら（SVG。咲いた枚数だけ精霊の差し色、残りは線だけ）＋理由の1行 */
html:not([data-edition="school"]) .v7-tday-petals{display:inline-grid;place-items:center;width:56px;height:56px}
html:not([data-edition="school"]) .v7-tday-petals-svg{display:block;width:56px;height:56px}
/* 2026-10-12 作業P1：今日の調子の花の絵（bloom-<段>）。SVG の 56px の枠より少し大きく、72px（花は絵の中で小さめに描かれているため） */
html:not([data-edition="school"]) .v7-tday-petals.has-bloom{width:72px;height:72px}
html:not([data-edition="school"]) .v7-tday-bloom{display:block;width:72px;height:72px;object-fit:contain}
html:not([data-edition="school"]) .v7-tday-petal{fill:color-mix(in srgb,var(--fg) 6%,transparent);stroke:color-mix(in srgb,var(--fg) 30%,transparent);stroke-width:1.6;stroke-linejoin:round}
html:not([data-edition="school"]) .v7-tday-petal.is-on{fill:var(--spirit-accent,var(--accent));stroke:color-mix(in srgb,var(--spirit-accent,var(--accent)) 60%,var(--fg))}
html:not([data-edition="school"]) .v7-tday-petal-core{fill:var(--gold,#E3B04A);stroke:color-mix(in srgb,var(--fg) 40%,transparent);stroke-width:1}
html:not([data-edition="school"]) .v7-tday-level-why{margin:4px 0 0;font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
@supports not (fill:color-mix(in srgb,red 50%,white)){
  html:not([data-edition="school"]) .v7-tday-petal{fill:transparent;stroke:var(--muted)}
  html:not([data-edition="school"]) .v7-tday-petal.is-on{stroke:var(--fg)}
}
/* 39：要約の4つの分野の1行（恋愛・仕事・お金・からだ） */
html:not([data-edition="school"]) .v7-tday-fields4{display:grid;gap:0;margin:0 0 14px;padding:4px 14px;border-radius:12px;background:var(--panel,#fff);border:1px solid var(--line)}
html:not([data-edition="school"]) .v7-tday-field4{display:grid;grid-template-columns:4.5em minmax(0,1fr);gap:8px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line)}
html:not([data-edition="school"]) .v7-tday-field4:last-child{border-bottom:0}
html:not([data-edition="school"]) .v7-tday-field4 dt{margin:0;font-size:13px;font-weight:700;color:var(--muted);white-space:nowrap}
html:not([data-edition="school"]) .v7-tday-field4 dd{margin:0;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tday-field4.is-star dt{color:var(--fg)}
html:not([data-edition="school"]) .v7-tday-field4-star{margin-left:3px;color:var(--spirit-accent,var(--accent));filter:saturate(1.2) brightness(.8)}
/* 41：くわしくの見出しの階層と行間・分野ごとの札 */
html:not([data-edition="school"]) .v7-tday-flow h3,html:not([data-edition="school"]) .v7-tfields h3,html:not([data-edition="school"]) .v7-tday-steps h3,html:not([data-edition="school"]) .v7-tday-luck h3{margin:0 0 10px;font:var(--weight-strong,600) var(--t-h3,18px)/1.5 var(--serif);letter-spacing:.04em}
html:not([data-edition="school"]) .v7-tday-flow p,html:not([data-edition="school"]) .v7-tfields .v7-tfield p,html:not([data-edition="school"]) .v7-tday-steps li{line-height:1.9}
html:not([data-edition="school"]) .v7-tfields .v7-tfield p{margin:0 0 8px}
html:not([data-edition="school"]) .v7-tfields .v7-tfield p:last-child{margin-bottom:0}
html:not([data-edition="school"]) .v7-tfield-title{font:700 16px/1.5 var(--sans,inherit)}
html:not([data-edition="school"]) .v7-tfields .v7-tfield{padding:14px 16px;border-radius:16px}
html:not([data-edition="school"]) .v7-tfields .v7-tfield.is-star{background:color-mix(in srgb,var(--spirit-accent,var(--accent)) 9%,var(--panel,#fff))}
/* 42：色と葉のタロット（札の裏→めくる→表。reduced-motion は静止） */
html:not([data-edition="school"]) .v7-tarot{margin:24px 0 0;padding:18px 16px 16px;border:1px solid var(--line);border-radius:var(--radius-md,16px);background:var(--paper,#FBF7EC)}
html:not([data-edition="school"]) .v7-tarot h2{margin:0 0 2px;font-size:var(--t-h3,18px)}
html:not([data-edition="school"]) .v7-tarot .v7-daycard-date{margin:0 0 12px}
html:not([data-edition="school"]) .v7-tarot-back{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border-radius:12px;background:var(--panel,#fff);border:1px solid var(--line)}
html:not([data-edition="school"]) .v7-tarot-backcard{width:120px;height:200px;border-radius:8px;box-shadow:0 8px 32px #0A201814}
html:not([data-edition="school"]) .v7-tarot-backcard svg{display:block;width:100%;height:100%}
html:not([data-edition="school"]) .v7-tarot-back-text p{margin:0 0 12px;font-size:14px;line-height:1.7}
html:not([data-edition="school"]) .v7-tarot-draw{width:100%;min-height:56px}
html:not([data-edition="school"]) .v7-tarot-face{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;perspective:1200px}
html:not([data-edition="school"]) .v7-tarot-fig{justify-self:center;width:min(100%,240px);aspect-ratio:3/5;border-radius:12px;overflow:hidden;background:var(--panel,#fff);box-shadow:0 8px 32px #0A201814;transform-style:preserve-3d}
html:not([data-edition="school"]) .v7-tarot-face.is-just .v7-tarot-fig{animation:v7TarotFlip .72s cubic-bezier(.2,.7,.2,1) both}
@keyframes v7TarotFlip{0%{transform:rotateY(-180deg);opacity:.2}55%{opacity:1}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){html:not([data-edition="school"]) .v7-tarot-face.is-just .v7-tarot-fig{animation:none}}
html:not([data-edition="school"]) .v7-tarot-img{display:block;width:100%;height:100%;object-fit:cover;background:#F3E7C9}
html:not([data-edition="school"]) .v7-tarot-img.is-kageri{transform:rotate(180deg)}
html:not([data-edition="school"]) .v7-tarot-body{min-width:0}
html:not([data-edition="school"]) .v7-tarot-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 10px}
html:not([data-edition="school"]) .v7-tarot-num{margin:0;font:var(--weight-strong,600) var(--t-h2,21px)/1.4 var(--serif);letter-spacing:.06em;word-break:keep-all}
html:not([data-edition="school"]) .v7-tarot-name{margin:0;font-size:15px;color:var(--muted);word-break:keep-all}
html:not([data-edition="school"]) .v7-tarot-dir{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px;width:100%;margin:6px 0 0;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel,#fff);font-size:14px;line-height:1.5}
html:not([data-edition="school"]) .v7-tarot-dir-k{font-size:12px;font-weight:700;color:var(--muted)}
html:not([data-edition="school"]) .v7-tarot-dir-v{font-weight:700;letter-spacing:.06em}
html:not([data-edition="school"]) .v7-tarot-dir.is-hikari .v7-tarot-dir-v{color:var(--gold-text,#74572A)}
html:not([data-edition="school"]) .v7-tarot-dir.is-kageri .v7-tarot-dir-v{color:var(--fg)}
html:not([data-edition="school"]) .v7-tarot-dir-note{flex:1 1 100%;font-size:13px;color:var(--muted)}
html:not([data-edition="school"]) .v7-tarot-kw{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}
html:not([data-edition="school"]) .v7-tarot-kw li{padding:4px 10px;border-radius:999px;background:var(--selected,#EAF0E0);font-size:13px;font-weight:600;word-break:keep-all}
html:not([data-edition="school"]) .v7-tarot-body .v7-kicker{margin:0 0 4px}
html:not([data-edition="school"]) .v7-tarot-word{margin:0 0 14px;font:var(--weight-strong,600) 17px/1.9 var(--serif);overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tarot-read{margin:0 0 14px;line-height:1.9;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tarot-step{margin:0 0 4px;padding:10px 12px;border-radius:12px;background:var(--panel,#fff);border:1px solid var(--line);border-left:4px solid var(--spirit-accent,var(--accent));line-height:1.7}
html:not([data-edition="school"]) .v7-tarot-step-k{display:block;font-size:13px;font-weight:700;color:var(--muted)}
html:not([data-edition="school"]) .v7-tarot-first{font-weight:700;color:var(--gold-text,#74572A)}
html:not([data-edition="school"]) .v7-tarot-cal{margin:18px 0 0;padding:14px 0 0;border-top:1px dashed var(--line)}
html:not([data-edition="school"]) .v7-tarot-cal .v7-daycard-word{margin:2px 0 6px}
html:not([data-edition="school"]) .v7-tarot-cal>p{margin:0 0 8px}
html:not([data-edition="school"]) .v7-tarot .v7-share-card-row{margin-top:12px}
@media(min-width:560px){
  html:not([data-edition="school"]) .v7-tarot-face{grid-template-columns:240px minmax(0,1fr);align-items:start}
  html:not([data-edition="school"]) .v7-tarot-fig{justify-self:start;width:240px}
}
/* 2026-10-12 検査 M5：479px 以下では、札の裏と説明を縦の1列に（横に置くと説明が 110〜140px に押しこまれ、1行5〜8字になっていた） */
@media(max-width:479px){
  html:not([data-edition="school"]) .v7-tarot-back{grid-template-columns:minmax(0,1fr);justify-items:center}
  html:not([data-edition="school"]) .v7-tarot-back-text{justify-self:stretch}
  /* 色の実「今日のもらい方」：ボタンは説明の下に全幅（説明の幅を削らない） */
  html:not([data-edition="school"]) .v7-fr-ways-list li{flex-wrap:wrap}
  html:not([data-edition="school"]) .v7-fr-ways-list .v7-fr-ways-text{flex:1 1 calc(100% - var(--icon-sm,28px) - var(--s-1,8px))}
  html:not([data-edition="school"]) .v7-fr-ways-list .v7-fr-ways-btn{flex:1 1 100%}
}
/* 43・1011 の 24a：手紙の段（ヒント・結び）と、角飾り・封蝋 */
html:not([data-edition="school"]) .v1011-letter-body p.is-hint{padding-left:1.1em;text-indent:-1.1em}
html:not([data-edition="school"]) .v1011-letter-body p.is-hint::before{content:"\2740  ";color:var(--gold-text,#74572A)}
html:not([data-edition="school"]) .v1011-letter-body p.is-close{margin-top:var(--letter-line)}
html:not([data-edition="school"]) .v7-letter-paper>*{position:relative;z-index:1}
html:not([data-edition="school"]) .v7-letter-paper>.v1011-letter-corner{position:absolute;top:4px;left:4px;width:72px;height:72px;opacity:.9;z-index:0}
html:not([data-edition="school"]) .v7-letter-paper .v1011-letter-seal{width:44px;height:44px;margin:-6px auto 8px}
html:not([data-edition="school"]) .v7-tarot-roman{letter-spacing:0}
html:not([data-edition="school"]) .v7-tarot-draw{margin-top:12px}
/* 42（作業G2・78枚）：札の組の1行と、3枚引き（過去・現在・これから） */
html:not([data-edition="school"]) .v7-tarot-group{flex:1 1 100%;margin:0;font-size:13px;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tarot3{margin:18px 0 0;padding:14px 0 0;border-top:1px dashed var(--line)}
html:not([data-edition="school"]) .v7-tarot3 h3{margin:0 0 6px;font-size:var(--t-h3,18px)}
html:not([data-edition="school"]) .v7-tarot3>p{margin:0 0 10px;font-size:14px;line-height:1.7}
html:not([data-edition="school"]) .v7-tarot-draw3{width:100%;min-height:56px}
html:not([data-edition="school"]) .v7-tarot3-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
html:not([data-edition="school"]) .v7-tarot3-card{min-width:0;text-align:center}
html:not([data-edition="school"]) .v7-tarot3-pos{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--muted)}
html:not([data-edition="school"]) .v7-tarot3-fig{aspect-ratio:3/5;border-radius:8px;overflow:hidden;background:var(--panel,#fff);box-shadow:0 6px 20px #0A201814}
html:not([data-edition="school"]) .v7-tarot3-fig .v7-tarot-img{width:100%;height:100%}
html:not([data-edition="school"]) .v7-tarot3-grid.is-just .v7-tarot3-fig{animation:v7TarotFlip .72s cubic-bezier(.2,.7,.2,1) both}
html:not([data-edition="school"]) .v7-tarot3-grid.is-just .v7-tarot3-card:nth-child(2) .v7-tarot3-fig{animation-delay:.12s}
html:not([data-edition="school"]) .v7-tarot3-grid.is-just .v7-tarot3-card:nth-child(3) .v7-tarot3-fig{animation-delay:.24s}
@media (prefers-reduced-motion:reduce){html:not([data-edition="school"]) .v7-tarot3-grid.is-just .v7-tarot3-fig{animation:none}}
html:not([data-edition="school"]) .v7-tarot3-title{margin:6px 0 0;font-size:13px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tarot3-dir{margin:2px 0 0;font-size:12px;font-weight:700;letter-spacing:.06em}
html:not([data-edition="school"]) .v7-tarot3-dir.is-hikari{color:var(--gold-text,#74572A)}
html:not([data-edition="school"]) .v7-tarot3-dir.is-kageri{color:var(--fg)}
html:not([data-edition="school"]) .v7-tarot3-reads{margin:0 0 8px;padding:0;list-style:none;display:grid;gap:8px}
html:not([data-edition="school"]) .v7-tarot3-read{padding:10px 12px;border-radius:12px;background:var(--panel,#fff);border:1px solid var(--line);line-height:1.8;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-tarot3-read-k{display:block;font-size:13px;font-weight:700;color:var(--muted)}
/* 3枚の全体の読み（2026-10-12 夜。大アルカナの数・多い組・ひかり／かげの数） */
html:not([data-edition="school"]) .v7-tarot3-sum{margin:0 0 10px;padding:12px 14px;border-radius:12px;background:var(--panel,#fff);border:1px solid var(--line);background:color-mix(in srgb,var(--spirit-accent,#A6763C) 8%,var(--panel,#fff));border:1px solid color-mix(in srgb,var(--spirit-accent,#A6763C) 30%,var(--line))}
html:not([data-edition="school"]) .v7-tarot3-sum .v7-kicker{margin:0 0 4px}
html:not([data-edition="school"]) .v7-tarot3-sum-v{margin:0;line-height:1.85;overflow-wrap:anywhere}
/* =====================================================================
   2026-10-12 修正指示 1012 の 5：スマホの改行（ふつうの版）。tools/linebreak_check.mjs で 320・375・390・414px を検査
   短い見出し・ボタン・ラベルは語の途中で折らない：keep-all で、文節の <wbr>（el() の BudouX）・句読点・空白でだけ折る。
   1行に入らない長い語だけ anywhere で逃がす（横はみ出しを出さない）。長い見出しは balance で行の長さをそろえる。
   ===================================================================== */
html:not([data-edition="school"]) body :is(button,.v7-primary,.v7-secondary,.v7-nav-item,.v7-kicker,h1,h2,h3,summary,label,dt,th,[role="tab"],.v7-chip,.v7-pill,.v7-card-act-label,.v7-gallery-label,.v7-zk-name,.v7-wall-name,.v1011-fruit-name){word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
html:not([data-edition="school"]) body :is(h1,h2,h3,.v7-kicker,.v7-sub-title){text-wrap:balance}
/* 320px（小さいスマホ）：札がどうしても1行に入らなかった所だけ、字を少し小さく・字間なし（375px 以上は変えない） */
@media(max-width:359px){
  html:not([data-edition="school"]) .v7-chapter-tabs .v7-chapter-tab{font-size:12.5px;letter-spacing:0;padding-inline:2px;white-space:nowrap}   /* 性格・色・生まれた季節・つながり。上の :is(.v7-season-tabs button…) の詳細度 (0,2,2) に勝つため親を付ける */
  html:not([data-edition="school"]) .v7-card-act-label{font-size:var(--t-small);letter-spacing:0}   /* 精霊のページの札「待ち受けをつくる」 */
  html:not([data-edition="school"]) .v7-co-stat dt{font-size:11px;letter-spacing:0;white-space:nowrap}   /* あつめる「気づいた幸せ」 */
}
/* PC（760px〜）の見出し語の列（.v7-dl は style.css で 7em 固定）：「運営統括責任者」「商品代金以外に必要な料金」が 7em に入らず語の途中で折れていた → 7〜12em で中身に合わせる */
@media(min-width:760px){html:not([data-edition="school"]) .v7-dl{grid-template-columns:minmax(7em,12em) minmax(0,1fr)}}
/* 進化の図鑑の升（本体・学校版とも）：精霊の名前（最長「ピオヴィーナ」6字）は途中で折らない。升が狭いスマホでは字を少し小さく */
.v7-evo-cell-name{word-break:keep-all;white-space:nowrap;letter-spacing:0}
@media(max-width:479px){.v7-evo-cell-btn{padding:10px 4px}.v7-evo-cell-name{font-size:15px}}
/* 覚醒・神獣の2枚の札（.v7-evo-forms は 150px の列）：札の中のボタン「神獣のことを見る」が 8 字で入るよう、左右の余白を詰める */
.v7-evo-form>.v7-secondary{padding-inline:8px;letter-spacing:.02em}
/* =====================================================================
   2026-10-12 修正指示 1012 の 54（作業J）：学校版（school.irotoha.com）にも、デザインの決まり v1 の見た目を効かせる
   ・build/build_single.mjs が、学校版の CSS では上の「html:not([data-edition="school"])」（＝学校版は変えない、の印）を
     同じ詳細度の「html[lang]」に置きかえる。これで本体の新しい見た目（TOKENS・主ボタン56px 若葉の面・副ボタン 面＋操作枠・
     戻る 48px・ポップアップ・カード・文字7段）が学校版にも効く。本体の CSS はこれまでどおり（本体では置きかえない）
   ・ここから下は、そのあとに効く「学校版だけの決まり」。子どもが読む文字の大きさ・ふりがな・2段のロゴ・下のメニューの文字・
     相談窓口の文・いろはの木（記録）は学校版の構造のまま。本体（data-edition なし）には効かない
   ===================================================================== */
/* 文字：小学生が読む大きさ（2026-10-09 学校版の検査の値を、U1 の7段の上にのせる）。本文 17px・注 16px・ふりがな 12px */
html[data-edition="school"]{--t-body:17px;--t-small:16px;--t-note:16px;--t-ruby:12px;--lh-body:1.9;--lh-note:1.8}
@media(min-width:760px){html[data-edition="school"]{--t-body:18px;--t-small:17px;--t-note:16px;--t-ruby:12px}}
html[data-edition="school"] .v7-main rt,html[data-edition="school"] rt{font-size:var(--t-ruby);color:var(--fg);opacity:.85}
html[data-edition="school"] .v7-main :is(.v7-note,.v7-lead){font-size:var(--t-note)}
/* ヘッダー：2段のロゴ（iro to ha／〜色と葉 まなび〜）は、56px のヘッダー（PC 64px）に収まる大きさ。右はふりがなの切りかえだけ */
html[data-edition="school"] .v7-header{height:auto;min-height:var(--header-h)}
html[data-edition="school"] .v7-brand{font-size:var(--t-h3);line-height:1.15;gap:8px}
html[data-edition="school"] .v7-brand>svg{width:30px;height:30px;flex:none}
html[data-edition="school"] .v7-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}
html[data-edition="school"] .v7-brand-en{font-size:21px;letter-spacing:.06em;line-height:1.15;white-space:nowrap}
html[data-edition="school"] .v7-brand-ja{font-size:12px;letter-spacing:.1em;opacity:1;color:var(--muted);margin:0;line-height:1.3;white-space:nowrap}
@media(min-width:760px){html[data-edition="school"] .v7-brand-en{font-size:24px}html[data-edition="school"] .v7-brand-ja{font-size:13px}}
html[data-edition="school"] .v7-header .v7-header-right button{min-height:var(--touch);padding:0 10px;border:var(--hairline) solid var(--control-line);border-radius:var(--radius-sm);background:transparent;color:var(--fg);font-size:var(--t-note);white-space:nowrap}
/* 下のメニュー：学校版は絵が無く文字だけなので、子どもが読める大きさで（本体の 12px・絵つきの決まりは使わない） */
html[data-edition="school"]{--nav-item-h:56px}
html[data-edition="school"] .v7-nav .v7-nav-item{font-size:14px;line-height:1.3;padding:8px 0;gap:0;color:var(--fg)}
html[data-edition="school"] .v7-nav .v7-nav-item[aria-current="page"]{background:var(--selected);font-weight:var(--weight-strong)}
@media(max-width:399px){html[data-edition="school"] .v7-nav .v7-nav-item{font-size:13px}}
@media(max-width:359px){html[data-edition="school"] .v7-nav .v7-nav-item{font-size:12px}}
/* 足もと：学校版の文（相談窓口・運営元・記録は端末の中だけ）は、本文と同じ大きさで読める。リンクは下線つき 44px */
html[data-edition="school"] .v7-footer{font-size:var(--t-note);line-height:1.8;padding-top:var(--s-3)}
html[data-edition="school"] .v7-footer p{margin:0 0 var(--s-1)}
html[data-edition="school"] .v7-footer :is(a,.v7-footer-link){display:inline-flex;align-items:center;min-height:var(--touch);padding:0;color:var(--fg);font-size:var(--t-note);text-decoration:underline;text-underline-offset:3px}
html[data-edition="school"] .v7-footer-links,html[data-edition="school"] .v7-footer-static{display:flex;flex-wrap:wrap;gap:0 var(--s-2);font-size:var(--t-note)}
/* 学校の相談窓口（危機の表示）・先生向けの文は、面のカードのまま大きく */
html[data-edition="school"] .v7-school-talk{font-size:var(--t-h3);font-weight:700;line-height:1.7}
/* いろはの木（記録）：学校版は木の絵を出す。本体の「木を出さない」決まり（CO_TREE_ON）は学校版に関係ない */
html[data-edition="school"] .v17-tree-stage{margin-block:var(--s-2)}
/* 進化の図鑑：学校版は確かめた写しの絵（a・g・b）だけ。台紙は本体と同じ正方形・1px の線・角 12px */
html[data-edition="school"] .v7-evo-art{aspect-ratio:1/1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
html[data-edition="school"] .v7-evo-art>img{display:block;width:100%;height:100%;object-fit:contain}
html[data-edition="school"] .v7-evo-stage-art>.v7-evo-art{max-width:360px;max-height:none;margin-inline:auto}
/* 読んだら葉がつく印（「記録に残す」のボタンをやめた。2026-10-12 作業J） */
html[data-edition="school"] .v7-leaf-keep{margin-top:var(--s-2)}
html[data-edition="school"] .v7-leaf-kept{margin:0;color:var(--muted);font-size:var(--t-note)}
/* 文の折り返し（1012-5）：短い見出し・ボタン・ラベルは語の途中で折らない */
html[data-edition="school"] :is(.v7-primary,.v7-secondary,.v7-nav-item,.v7-kicker,h1,h2,h3){word-break:keep-all;overflow-wrap:anywhere}
/* 葉の一覧（記録）：2列のカードの名前（「精霊のものがたり」など）が、スマホで語の途中で折れないように、少し小さく・字間なし（1012-5） */
html[data-edition="school"] .v17-leaf-name{font-size:var(--t-small);letter-spacing:0;line-height:1.5}
@media(max-width:399px){html[data-edition="school"] .v17-leaf-name{font-size:15px}}
/* 葉の一覧の説明（「得意なこと・不器用なところ・好きなもの」）：320px の2列では 7 字のかたまりが入らず語の途中で折れた → 字を少し小さく（1012-5） */
@media(max-width:359px){html[data-edition="school"] .v17-leaf-desc{font-size:13px;letter-spacing:0}html[data-edition="school"] .v17-leaf-list{grid-template-columns:minmax(0,1fr)}}   /* 320px は2列だと札が約110pxで文が入らないので1列に */

/* 2026-10-12 作業P1（オーナー OK 10-12 19:10）：季節の帯の左の季節の絵（高さ 40px）。学校版の一覧も同じ絵 */
html .v7-season-bar > .v7-season-pic{display:block;flex:none;width:40px;height:40px;margin:-4px 0;object-fit:contain}
/* =====================================================================
   2026-10-12 オーナー「ずかんにタロットもいれる」：ずかんの「タロット」のタブ（本体だけ）。
   札は 3:5。スマホ3列・560px から5列・900px から7列。まだの札は裏の影。押すと説明のシート（.v7-sheet）
   ===================================================================== */
html:not([data-edition="school"]) .v7-zk-tarot-grid{list-style:none;margin:8px 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}
@media(min-width:560px){html:not([data-edition="school"]) .v7-zk-tarot-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:900px){html:not([data-edition="school"]) .v7-zk-tarot-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
html:not([data-edition="school"]) .v7-block ul.v7-zk-tarot-grid{padding-left:0}
html:not([data-edition="school"]) .v7-zk-tarot-cell{min-width:0;text-align:center}
html:not([data-edition="school"]) .v7-zk-tarot-btn{display:block;width:100%;padding:0;border:0;border-radius:10px;background:transparent;color:var(--fg);font:inherit;cursor:pointer}
html:not([data-edition="school"]) .v7-zk-tarot-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
html:not([data-edition="school"]) .v7-zk-tarot-fig{display:block;width:100%;aspect-ratio:3/5;border-radius:8px;overflow:hidden;background:#F3E7C9;box-shadow:0 4px 14px #0A201814}
html:not([data-edition="school"]) .v7-zk-tarot-fig .v7-tarot-img{width:100%;height:100%}
html:not([data-edition="school"]) .v7-zk-tarot-fig.is-back{opacity:.5;filter:grayscale(.7);box-shadow:none}
html:not([data-edition="school"]) .v7-zk-tarot-fig.is-back svg{display:block;width:100%;height:100%}
html:not([data-edition="school"]) .v7-zk-tarot-name{display:block;margin:6px 0 0;font-size:12px;font-weight:700;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;font-feature-settings:"palt"}
html:not([data-edition="school"]) .v7-zk-tarot-num{display:block;font-size:11px;line-height:1.4;color:var(--muted);word-break:keep-all;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-zk-tarot-cell.is-unknown .v7-zk-tarot-name{color:var(--muted)}
html:not([data-edition="school"]) .v7-zk-tarot-btn:hover .v7-zk-tarot-name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
html:not([data-edition="school"]) .v7-zk-tarot-sheet-fig{width:min(60%,220px);aspect-ratio:3/5;margin:8px auto 16px;border-radius:12px;overflow:hidden;background:#F3E7C9;box-shadow:0 8px 32px #0A201814}
html:not([data-edition="school"]) .v7-zk-tarot-sheet-fig .v7-tarot-img{width:100%;height:100%}
html:not([data-edition="school"]) .v7-zk-tarot-sheet-fig.is-back{opacity:.55;filter:grayscale(.7);box-shadow:none}
html:not([data-edition="school"]) .v7-zk-tarot-sheet-fig.is-back svg{display:block;width:100%;height:100%}
html:not([data-edition="school"]) .v7-zk-tarot-sheet .v7-zk-tarot-orig{margin:4px 0 12px}
html:not([data-edition="school"]) .v7-zk-tarot-kw{justify-content:center}
html:not([data-edition="school"]) .v7-zk-tarot-reads{display:grid;gap:10px;margin:0 0 12px;text-align:left}
html:not([data-edition="school"]) .v7-zk-tarot-read{padding:12px 14px;border-radius:12px;background:var(--panel,#fff);border:1px solid var(--line);line-height:1.8;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-zk-tarot-read p{margin:0}
html:not([data-edition="school"]) .v7-zk-tarot-read .v7-kicker{margin:0 0 4px}
html:not([data-edition="school"]) .v7-zk-tarot-read.is-hikari .v7-kicker{color:var(--gold-text,#74572A)}
/* ずかん：3枚引きの位置ごとの読み（たたんで置く。2026-10-12 夜） */
html:not([data-edition="school"]) .v7-zk-tarot-posfold{margin:0;text-align:left}
html:not([data-edition="school"]) .v7-zk-tarot-pos{margin:0;display:grid;gap:2px}
html:not([data-edition="school"]) .v7-zk-tarot-pos dt{margin:8px 0 0;font-size:13px;font-weight:700;color:var(--muted)}
html:not([data-edition="school"]) .v7-zk-tarot-pos dt:first-child{margin-top:0}
html:not([data-edition="school"]) .v7-zk-tarot-pos dd{margin:0;line-height:1.8;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-zk-tarot-rec{margin:0 0 8px}
/* 検査 1012 ずかんタロット：
   Q4 閉じるは画面の幅いっぱいの帯に入れて上に貼りつける（下の題・名前が、ボタンのまわりから透けて重ならない）。帯の上の空き（シートの上の余白）も同じ色でふさぐ
   数札の「春の組（棒）　もとの札：棒の1（Ace of Wands）」：375px で「もとの／札」と語の途中で折れた → かたまりごとに折る
   まだの札：裏の影が画面の上半分をうめて「この札に出会うには」が下に隠れた → 裏は小さく */
html:not([data-edition="school"]) .v7-zk-tarot-sheet-bar{position:sticky;top:var(--work-safe-top,0px);z-index:3;display:flex;justify-content:center;margin:0 calc(-1 * var(--s-3)) var(--s-2);padding:4px var(--s-3) 8px;background:var(--bg);box-shadow:0 calc(-1 * var(--s-3)) 0 var(--bg),0 1px 0 var(--line)}
html:not([data-edition="school"]) .v7-zk-tarot-sheet-bar .v7-secondary{min-width:96px}
html:not([data-edition="school"]) .v7-zk-tarot-orig > span{display:inline-block;max-width:100%;word-break:keep-all;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v7-zk-tarot-sheet-fig.is-back{width:min(34%,132px);margin:4px auto 8px}
/* 1012 検査（絵）M3：入口の4枚（精霊・覚醒・神獣・色神）で、横に広い神獣・色神の絵が --fig-k で低くなり、精霊（子ども）より小さく見えていた。
   入口だけは台紙の高さの約86%（精霊は約92%）にそろえる（ずかんの24マスの決まりは変えない） */
html:not([data-edition="school"]) .v7-guide-evo:not(.v7-guide-hk) .v7-evo-art.is-fig>.v7-character{--fig-k:.94!important}

/* 2026-10-12 検査の残り（安全）：相談の窓口の1行（resourceLine）は、名前・電話番号・受付時間・URL を1行ずつに。
   以前は同じ行に続いて「0120-279-33824時間」「サイトは常時https://…」と読めた。危機の画面・手紙の返信の「相談できるところを見る」で共通。
   電話番号と URL は押せる大きさ（48px）のまま。URL は「/」「.」のあと（wbr）でだけ折る */
html p.res{margin:0 0 var(--s-3)}
html p.res>.res-name,html p.res>.res-hours{display:block}
html p.res>.res-hours{color:var(--fg);font-size:var(--t-note);line-height:1.6}
html p.res>.res-tel,html p.res>.res-url{display:flex;width:fit-content;max-width:100%}
html p.res>.res-url{overflow-wrap:break-word;word-break:normal}
/* 2026-10-12 検査の残り（アプリ全体 L3）：待ち受け・手紙の返信の選ぶ札（.v7-wall-style）は、黒いカプセルをやめ、ほかの選ぶ札と同じ「面（--selected）＋太字＋2px の線」に */
html .v7-wall-style[aria-pressed="true"]{background:var(--selected,#EAF0E0);color:var(--fg,#0A2018);border:2px solid var(--fg,#0A2018);padding:7px 15px;font-weight:700}
/* 2026-10-12 検査の残り（絵 N2）：新しいお知らせの点が、ベルの右上の若葉に重なって葉が見えなかった → 点は左上に */
html:not([data-edition="school"]) .v1011-header-notice.has-new::after{right:auto;left:var(--s-1)}
/* 2026-10-12 検査の残り（新機能 L4）：手紙の返事の紙で、行が文節で短く折れて長さがそろわない → 段落の終わりの折り方を整える */
html .nf-reply-paper p{text-wrap:pretty}
/* 2026-10-12 検査の残り：「できること」の札の左上の丸に GPT の絵（act-*-off／on）。丸は 44px のまま、絵は 36px。ふだん off・押す（指を置く・フォーカス）ときは on */
html:not([data-edition="school"]) .v7-know-feat-icon.has-art{background:transparent;border-color:transparent}
html:not([data-edition="school"]) .v7-know-feat-icon .v7-know-feat-img{display:block;grid-area:1/1;width:36px;height:36px;object-fit:contain}
html:not([data-edition="school"]) .v7-know-feat-icon .v7-know-feat-img.is-on{visibility:hidden}
html:not([data-edition="school"]) :is(button,a):is(:hover,:focus-visible,:active) .v7-know-feat-icon .v7-know-feat-img.is-on{visibility:visible}
html:not([data-edition="school"]) :is(button,a):is(:hover,:focus-visible,:active) .v7-know-feat-icon .v7-know-feat-img.is-off{visibility:hidden}
/* 2026-10-12 検査の残り（アプリ全体 L4）：設定の画面の副ボタンは、中央寄せ（置き方を見る・ログイン・計測を止める）と左寄せ（記録を消す）が混ざっていた → 左寄せにそろえる */
html:not([data-edition="school"]) .v7-screen:has(> h1.v7-settings-h) .v7-block .v7-actions{justify-content:flex-start}
/* 1013-C */
/* 修正指示 1013 の 22：タロットの裏を B 案の絵（tarot-back-b-v2.webp）に。今日のタロットの札・ずかんの未入手の札・札のシートで同じ絵 */
html:not([data-edition="school"]) .v7-tarot-backcard{overflow:hidden;background:#123A2A}
html:not([data-edition="school"]) :is(.v7-tarot-backcard,.v7-zk-tarot-fig,.v7-zk-tarot-sheet-fig) .v7-tarot-backimg{display:block;width:100%;height:100%;object-fit:cover}
html:not([data-edition="school"]) :is(.v7-zk-tarot-fig,.v7-zk-tarot-sheet-fig).is-back:has(.v7-tarot-backimg){background:#123A2A}

/* 1013-D ===================================================================
   修正指示 1013 の D 群（5 ヘッダーのアカウント・21 幸せの葉の絵・23 手紙の葉・25 色の実の下の帯・26 設定の行の一覧）。
   デザインの決まり v1 のトークン（--s-*・--radius-*・--line・--panel・--selected・--t-*・--touch）だけを使う。学校版は変えない */
/* 21：幸せの葉は、いろはの木の葉の絵（84px の絵を、枠いっぱいに。葉先が上・柄が下） */
html:not([data-edition="school"]) .v7-co-leaf.is-art{filter:none}
html:not([data-edition="school"]) .v7-co-leaf.is-art .v7-co-leaf-img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(10,32,24,.14))}
html:not([data-edition="school"]) .v7-co-leaf.is-art.is-big{width:96px!important;height:96px!important}
html:not([data-edition="school"]) .v7-co-leaf.is-art.is-big .v7-co-leaf-img{filter:drop-shadow(0 3px 6px rgba(10,32,24,.16))}
html:not([data-edition="school"]) .v7-co-cal-leaves .v7-co-leaf.is-art{width:var(--icon-xs);height:var(--icon-xs)}
/* 23：手紙の葉（封蝋の代わり。便せんの頭のまんなかに1枚） */
html:not([data-edition="school"]) .v7-letter-paper .v1013-letter-leaf{display:block;width:var(--icon-lg);height:var(--icon-lg);object-fit:contain;margin:calc(-1 * var(--s-1)) auto var(--s-1);filter:drop-shadow(0 1px 2px rgba(10,32,24,.14))}
/* 25：色の実の下の帯（#dock）。左に選んだ実の絵、まんなかに名前と数、右に「1つ食べる」。親指が届く下のタブのすぐ上 */
html:not([data-edition="school"]) #dock.v1013-fr-dock{align-items:center;gap:var(--s-1);padding:var(--s-1) var(--s-2);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--panel);box-shadow:0 -4px 16px #0A201814}
html:not([data-edition="school"]) #dock.v1013-fr-dock .v1013-fr-dock-fig{flex:none;width:var(--s-6);height:var(--s-6);border-radius:var(--radius-sm)}
html:not([data-edition="school"]) #dock.v1013-fr-dock .v1013-fr-dock-text{flex:1 1 auto;min-width:5em;margin:0;display:flex;flex-direction:column;line-height:1.35}
html:not([data-edition="school"]) #dock.v1013-fr-dock .v1013-fr-dock-kicker{font-size:var(--t-min);color:var(--muted)}
html:not([data-edition="school"]) #dock.v1013-fr-dock .v1013-fr-dock-name{font-size:var(--t-small);font-weight:var(--weight-strong);overflow-wrap:anywhere}
/* 下へ読み進めると帯を隠す決まり（2026-10-11 検査 M10・body.is-dock-away）は、色の実の帯には使わない（棚を見ながら押すため） */
html:not([data-edition="school"]) body.is-dock-away #dock.v1013-fr-dock{transform:none;opacity:1;pointer-events:auto}
html:not([data-edition="school"]) #dock.v1013-fr-dock>button{flex:none;width:auto;min-width:7.5em;max-width:50%;min-height:var(--control-h);padding-inline:var(--s-2)}
/* 5：ヘッダーのアカウント（丸い頭文字＋「ログイン中」）と、押すとひらく小さな板 */
html:not([data-edition="school"]) .v1013-account{position:relative;flex:none}
html:not([data-edition="school"]) .v7-header .v1013-account-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-sizing:border-box;min-width:var(--login-w);height:48px;padding:0 2px;border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--fg);cursor:pointer}   /* となりの「お知らせ」「設定」と同じ箱（48px・線・角 8px） */
html:not([data-edition="school"]) .v7-header .v1013-account-btn[aria-expanded="true"]{background:var(--selected)}
html:not([data-edition="school"]) .v7-header .v1013-account-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
html:not([data-edition="school"]) .v1013-account-label{display:block;font-size:10px;line-height:1.2;font-weight:600;color:var(--muted);white-space:nowrap}
html:not([data-edition="school"]) .v1013-avatar{display:inline-grid;place-items:center;flex:none;box-sizing:border-box;width:var(--icon-header);height:var(--icon-header);border-radius:var(--radius-round);background:var(--accent);color:var(--on-accent);border:var(--hairline) solid var(--control-line);font:700 13px/1 var(--sans)}
html:not([data-edition="school"]) .v1013-avatar svg{width:70%;height:70%}
html:not([data-edition="school"]) .v1013-account-panel{position:absolute;z-index:var(--z-modal);top:calc(100% + 6px);right:0;box-sizing:border-box;width:min(300px,calc(100vw - 2 * var(--s-2)));padding:var(--s-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow);color:var(--fg);text-align:left}
html:not([data-edition="school"]) .v1013-account-panel[hidden]{display:none}
html:not([data-edition="school"]) .v1013-account-actions{display:flex;gap:var(--s-1);margin-top:var(--s-2)}
html:not([data-edition="school"]) .v1013-account-actions>button{flex:1;min-height:var(--touch);min-width:0;padding-inline:var(--s-1);font-size:var(--t-small)}
html:not([data-edition="school"]) .v1013-account-who{display:flex;align-items:center;gap:var(--s-1);min-width:0}
html:not([data-edition="school"]) .v1013-account-who .v1013-avatar{width:var(--s-5);height:var(--s-5);font-size:18px}
html:not([data-edition="school"]) .v1013-account-text{min-width:0}
html:not([data-edition="school"]) .v1013-account-text p{margin:0;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v1013-account-name{font-weight:var(--weight-strong);font-size:var(--t-body);line-height:1.5}
html:not([data-edition="school"]) .v1013-account-mail{font-size:var(--t-note);line-height:1.5;color:var(--muted)}
html:not([data-edition="school"]) .v1013-account-who.is-row{padding:0 var(--s-2) var(--s-2)}
html:not([data-edition="school"]) .v1013-account-who.is-row .v1013-avatar{width:var(--s-4);height:var(--s-4);font-size:15px}
html:not([data-edition="school"]) .v1013-account-who.is-settings{margin-bottom:var(--s-1)}
/* 26：設定は、群に分けた行の一覧（左に名前・右に今の値と ›）。押すと行の下に中身がひらく */
html:not([data-edition="school"]) .v1013-set-group{margin-block:var(--s-3)}
html:not([data-edition="school"]) .v7-main .v1013-set-group-h{margin:0 0 var(--s-1);padding-inline:var(--s-1);font-family:var(--sans);font-size:var(--t-note);line-height:var(--lh-note);font-weight:var(--weight-strong);color:var(--muted)}
html:not([data-edition="school"]) .v1013-set-list{list-style:none;margin:0;padding:0;border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--panel);overflow:hidden}
html:not([data-edition="school"]) .v1013-set-item+.v1013-set-item{border-top:var(--hairline) solid var(--line)}
html:not([data-edition="school"]) .v1013-set-row{display:flex;align-items:center;gap:var(--s-1);box-sizing:border-box;width:100%;min-height:var(--s-7);margin:0;padding:var(--s-1) var(--s-2);border:0;border-radius:0;background:transparent;color:var(--fg);font:var(--weight-regular) var(--t-body)/1.5 var(--sans);text-align:left;text-decoration:none;cursor:pointer}
html:not([data-edition="school"]) .v1013-set-row:hover{background:color-mix(in srgb,var(--selected) 60%,transparent)}
html:not([data-edition="school"]) .v1013-set-row:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
html:not([data-edition="school"]) .v1013-set-label{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v1013-set-value{flex:0 1 auto;min-width:0;max-width:50%;color:var(--muted);font-size:var(--t-note);text-align:right;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v1013-set-chev{flex:none;width:1em;color:var(--control-line);font-size:20px;line-height:1;text-align:center;transition:transform var(--duration-short) var(--ease)}
html:not([data-edition="school"]) .v1013-set-chev.is-out{font-size:16px}
html:not([data-edition="school"]) .v1013-set-row[aria-expanded="true"]{background:var(--selected)}
html:not([data-edition="school"]) .v1013-set-row[aria-expanded="true"] .v1013-set-chev{transform:rotate(90deg)}
@media (prefers-reduced-motion:reduce){html:not([data-edition="school"]) .v1013-set-chev{transition:none}}
html:not([data-edition="school"]) .v1013-set-panel{padding:var(--s-2);border-top:var(--hairline) solid var(--line)}
html:not([data-edition="school"]) .v1013-set-panel .v1013-set-body{margin:0;padding:0;border:0;border-radius:0;background:transparent}
html:not([data-edition="school"]) .v1013-set-panel .v1013-set-body>:first-child{margin-top:0}
html:not([data-edition="school"]) .v1013-set-panel .v7-actions{justify-content:flex-start}
html:not([data-edition="school"]) .v1013-set-notes{margin-top:var(--s-2);padding-inline:var(--s-1)}
/* 1013-A */
/* 1013 の 6：しくみ④の頭に、実を食べるメルムの小さな絵（左に絵・右に名前と説明） */
html:not([data-edition="school"]) .v7-guide-melm{display:flex;align-items:center;gap:var(--s-2,16px);margin:10px 0 4px}
html:not([data-edition="school"]) .v7-guide-melm img{flex:none;width:88px;height:88px;object-fit:contain;border-radius:var(--radius-md,16px);background:var(--panel)}
html:not([data-edition="school"]) .v7-guide-melm figcaption{text-align:left;font-size:13px}
html:not([data-edition="school"]) .v7-guide-melm .v7-guide-cap-sub{white-space:normal}
/* 1013 の 12：ほかにも欄の前の主ボタン（しくみの上の主ボタンと同じ形。前後の段とのあいだをあける） */
html:not([data-edition="school"]) .v7-guide-cta{margin-block:var(--s-2,16px) var(--s-3,24px)}
/* 1013 の 13：生まれた日の板の中の 女の子／男の子（日の下・決定の上） */
html:not([data-edition="school"]) dialog.v1011-picker .v1013-picker-sex{margin:var(--s-2,16px) 0 0}
html:not([data-edition="school"]) dialog.v1011-picker .v1013-picker-sex .v7-birth-label{margin:0;font-size:var(--t-note,14px);font-weight:var(--weight-strong,700)}
html:not([data-edition="school"]) dialog.v1011-picker .v1013-picker-sex .v7-note{margin:4px 0 0}
html:not([data-edition="school"]) dialog.v1011-picker{max-height:calc(100dvh - 16px);overflow-y:auto}
/* 1013 の 3：ログインの説明の「くわしくは」（文字のボタン。左寄せ・下線） */
html:not([data-edition="school"]) .v7-login-pop .v7-login-policy{display:inline-flex;padding-inline:0;text-decoration:underline;text-underline-offset:3px;font-weight:var(--weight-regular,400);font-size:var(--t-note,14px);margin-top:4px}
/* 1013 の 14：画面の下の小さなお知らせ（alert の代わり。下の固定ボタン・メニューの上に出す） */
.v7-quiet-notices{position:fixed;left:50%;bottom:calc(132px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:1100;display:flex;flex-direction:column;gap:6px;width:min(calc(100vw - 32px),480px);pointer-events:none}
.v7-quiet-notice{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 6px 10px 14px;border-radius:12px;background:#3A2F2A;color:#fff;font-size:14px;line-height:1.6;box-shadow:0 4px 14px rgba(0,0,0,.25);pointer-events:auto}
.v7-quiet-notice p{margin:0;flex:1}
.v7-quiet-notice-close{flex:none;min-width:44px;min-height:44px;margin:-10px 0;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}
/* 1013 の 13（検査のあと）：板の中の 女の子／男の子 は、横いっぱいを半分ずつ（押せる所を大きく・どちらを選んだかが見える） */
html:not([data-edition="school"]) dialog.v1011-picker .v1013-picker-sex .v7-sex-switch{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-1,8px);width:100%;margin:var(--s-1,8px) 0 0;padding:0;border:0;border-radius:0;background:transparent}
html:not([data-edition="school"]) dialog.v1011-picker .v1013-picker-sex .v7-sex-opt{min-height:48px;border:var(--hairline,1px) solid var(--control-line,var(--line));border-radius:var(--radius-md,16px);background:var(--panel);font-size:var(--t-body,16px)}
html:not([data-edition="school"]) dialog.v1011-picker .v1013-picker-sex .v7-sex-opt[aria-pressed="true"]{background:var(--picker-selected,var(--selected));border-color:var(--focus,currentColor)}
/* 1013 の 12（検査のあと）：ほかにもの前の主ボタンのすぐ下の1行（ボタンに寄せる・中央） */
html:not([data-edition="school"]) .v7-guide-cta:has(+ .v7-guide-cta-note){margin-bottom:var(--s-1,8px)}
html:not([data-edition="school"]) .v7-guide-cta-note{text-align:center;margin:0 0 var(--s-3,24px)}
/* 1013 の 3（リーダー判断）：ログインの説明の「くわしく」（左寄せ・押せる高さ 44px） */
html:not([data-edition="school"]) .v7-login-pop .v7-login-more{margin:var(--s-1,8px) 0 0;text-align:left}
html:not([data-edition="school"]) .v7-login-pop .v7-login-more > summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:var(--t-note,14px);font-weight:var(--weight-strong,700)}
html:not([data-edition="school"]) .v7-login-pop .v7-login-more .v7-note{margin:4px 0}

/* @billing-start */
/* 1013-bill：かごの確率表（2つの列・合計の行）。学校版・配布用には入れない */
.v7-bill-kago thead th{vertical-align:bottom}
.v7-bill-kago .v7-bill-th-name{display:block;font-weight:600;white-space:nowrap}
.v7-bill-kago .v7-bill-th-sub{display:block;font-weight:400;font-size:var(--t-min,12px);color:var(--muted,#4F6151)}
.v7-bill-kago tbody th{font-weight:400}
.v7-bill-kago .v7-bill-sum th,.v7-bill-kago .v7-bill-sum td{font-weight:600;border-bottom:0}
/* @billing-end */

/* 1013-sq：精霊の絵は正方形のファイル（体は見えている外接で切って中央）。顔の丸は ui.js voiceFace が体の外接から --vf-s・--vf-l・--vf-t を置く（縦の体は体の高さ＝丸の 2 倍・上ぞろえ、横に広い体は体の幅＝丸） */
.v7-voice-face.is-fit img{left:calc(var(--vf-l) * 100%);top:calc(var(--vf-t) * 100%);width:calc(var(--vf-s) * 100%);height:auto;max-width:none;transform:none}

/* 1013-junkai */
/* 巡回 H1：出会いの画面の「届いています」（板を重ねず、絵の下に控えめな1行。押すと葉 → 色の実の板） */
.v1013j-meet-gift{display:flex;align-items:center;gap:var(--s-2,16px);margin:var(--s-2,16px) 0;padding:var(--s-1,8px) var(--s-2,16px);border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:left;animation:v1013j-fade .6s ease both}
.v1013j-meet-gift-icon{flex:none;display:flex;width:28px;height:28px;color:var(--muted)}
.v1013j-meet-gift-icon svg{width:100%;height:100%}
.v1013j-meet-gift-text{flex:1 1 auto;min-width:0;margin:0;font-size:var(--t-note,14px);line-height:1.7}
.v1013j-meet-gift .v1013j-meet-gift-btn{flex:none;min-height:44px;padding:4px var(--s-2,16px)}
@keyframes v1013j-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.v1013j-meet-gift{animation:none}}
/* 巡回 S2：学校版・幅1280 の「24体の図鑑」で、絵の台紙が札より広くなり（78〜107px）、となりの札に重なり、名前が札の外へ切れていた。
   札は最小 128px（名前6字が入る）・中身は札の幅を超えない・台紙は札の幅いっぱいの正方形にそろえる */
.v7-evo-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
@media(max-width:479px){.v7-evo-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}}
.v7-evo-grid .v7-evo-cell,.v7-evo-grid .v7-evo-cell-btn{min-width:0}
html body .v7-evo-grid .v7-evo-cell .v7-evo-cell-btn>.v7-evo-art,html body .v7-evo-grid .v7-evo-cell .v7-evo-cell-btn>.v7-evo-art.is-fig.is-small{width:100%;max-width:100%;height:auto;aspect-ratio:1/1;margin:0;justify-self:stretch}
.v7-evo-grid .v7-evo-cell-name{max-width:100%;overflow-wrap:anywhere}
html body ul.v7-evo-grid{padding:0;margin-inline:0}
/* 巡回 M1：下のメニューの選んでいないタブも on の絵で（off の絵は淡すぎた）。色を少し落とすだけにして、形ははっきり見せる */
html:not([data-edition="school"]) .v7-nav .v7-nav-item:not([aria-current="page"])>.v7-nav-icon{filter:saturate(.45) contrast(1.05);opacity:.9}
@media (prefers-color-scheme:dark){html:not([data-edition="school"]):not([data-theme="light"]) .v7-nav .v7-nav-item:not([aria-current="page"])>.v7-nav-icon{opacity:.8}}
/* 巡回（S3 の残り・報告_LP精霊の正方形 1.）：枠の見えない立ち位置も正方形に（決まり「絵も枠もすべて正方形」）。一辺は画面ごとに */
html:not([data-edition="school"]) body .v7-entry-intro .v7-character.is-sq{--sq-w:min(300px,calc(100vw - 64px))}
html:not([data-edition="school"]) body .v7-ring-list.is-chara .v7-ring-chara .v7-character.is-sq{--sq-w:112px;width:100%;margin:0}
html:not([data-edition="school"]) body .v7-gallery-item .v7-character.is-sq{--sq-w:100%;margin:0 0 var(--s-2,16px)}
html:not([data-edition="school"]) body .v7-share-preview .v7-character.is-sq{--sq-w:min(280px,100%);margin:var(--s-2,16px) auto var(--s-3,24px)}
@media(min-width:760px){
  html:not([data-edition="school"]) body .v7-entry-intro .v7-character.is-sq{--sq-w:420px}
  html:not([data-edition="school"]) body .v7-gallery-item .v7-character.is-sq{--sq-w:180px;margin-inline:auto}
  html:not([data-edition="school"]) body .v7-share-preview .v7-character.is-sq{--sq-w:340px}
}
/* 巡回 M4：入口・幅1280 で左の文が短い1行ずつ、間が 70px 以上あいていた（右の絵が5行にまたがり、その高さが5行に割りふられていた）。
   行の間（row-gap 約 40px）を 12px に詰め、6行目（1fr）に余りを受けさせる */
@media(min-width:760px){
  html:not([data-edition="school"]) body .v7-entry{grid-template-rows:repeat(5,auto) 1fr;align-content:center;row-gap:12px}
  html:not([data-edition="school"]) body .v7-entry>.v7-entry-intro:has(>.v7-character){grid-row:1/7;align-self:center}
}
/* 巡回 H5：学校版の行の長さのばらつき（「ありません。」だけの行など）。本文は最後の行が短くなりすぎないように組む（Chrome の text-wrap:pretty。効かない環境は今のまま） */
html[data-edition="school"] .v7-footer :is(p,li,dd),html[data-edition="school"] #app :is(p,li,dd):not(.v7-bx){text-wrap:pretty}
/* 巡回 L4：自分を知るの「できること」の札が3つのとき、375px でタロットだけ左に1つ残っていた。2列の画面で奇数の最後の札は横いっぱいに */
@media(max-width:759px){html:not([data-edition="school"]) .v7-know-feats .v7-hub-grid>li:last-child:nth-child(odd){grid-column:1/-1}}
/* 巡回 H6：タロットの「はじめてひいた記念に…」の1行（実の絵と文を横に並べる） */
html:not([data-edition="school"]) .v7-tarot .v7-tarot-first{display:flex;align-items:center;gap:8px}
html:not([data-edition="school"]) .v7-tarot .v7-tarot-first .v7-know-pop-fruit-icon{flex:none;display:flex}
/* 巡回（リーダー判断 ②）：学校版の精霊の立ち位置も正方形（ui.js characterEl が学校版で is-sq を付ける）。一辺は画面ごとに */
html[data-edition="school"] body .v7-iro-asker-chara .v7-character.is-sq{--sq-w:64px;margin:0}
html[data-edition="school"] body .v7-character.is-sq.v7-joy{--sq-w:220px;margin:10px auto 18px}
html[data-edition="school"] body .v7-sheet .v7-character.is-sq{--sq-w:min(300px,100%)}
/* 1013-B */
/* No.17：168 の一覧を節気ごとに開け閉め（見出し＝節気・季節・済み n／m・開け閉めの印） */
html:not([data-edition="school"]) .v7-know-sekkis{display:flex;flex-direction:column;gap:6px;margin-top:6px}
html:not([data-edition="school"]) .v7-know-sekki{border-bottom:1px solid var(--line)}
html:not([data-edition="school"]) .v7-know-sekki-head{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 2px;border:0;background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
html:not([data-edition="school"]) .v7-know-sekki-head:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:8px}
html:not([data-edition="school"]) .v7-know-sekki-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;flex:1 1 auto;min-width:0}
html:not([data-edition="school"]) .v7-know-sekki-count{flex:none;font-size:var(--t-small);font-weight:600;color:var(--muted);white-space:nowrap}
html:not([data-edition="school"]) .v7-know-sekki-chev{flex:none;width:10px;height:10px;margin:0 6px 4px 2px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
html:not([data-edition="school"]) .v7-know-sekki.is-open .v7-know-sekki-chev{transform:rotate(-135deg);margin-bottom:-4px}
html:not([data-edition="school"]) .v7-know-sekki.is-now .v7-know-season-name{color:var(--gold-text,#74572A)}
html:not([data-edition="school"]) .v7-know-sekki.is-now .v7-know-season-sub{font-weight:700;color:var(--fg)}
html:not([data-edition="school"]) .v7-know-sekki .v7-know-list{margin:2px 0 12px}
@media (prefers-reduced-motion:reduce){html:not([data-edition="school"]) .v7-know-sekki-chev{transition:none}}
/* No.15：わたしの説明書（21の質問の前は灰色の札と解放の条件）・まだ迎えていない精霊の説明書（灰色） */
html:not([data-edition="school"]) .v7-know-feats .v7-hub-card.is-locked{background:transparent;border-style:dashed;border-color:var(--control-line);color:var(--muted)}
html:not([data-edition="school"]) .v7-know-feats .v7-hub-card.is-locked .v7-hub-icon{filter:grayscale(1);opacity:.55}
html:not([data-edition="school"]) .v7-know-feats .v7-hub-card.is-locked .v7-hub-label{color:var(--muted)}
html:not([data-edition="school"]) .v7-know-tori-hint{margin-top:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
html:not([data-edition="school"]) .v7-know-tori-hint p{margin:0 0 8px}
html:not([data-edition="school"]) .v7-know-tori-locked{margin:var(--s-3,16px) 0;padding:12px 14px;border:1px dashed var(--control-line);border-radius:14px;background:transparent;color:var(--muted)}
html:not([data-edition="school"]) .v7-know-tori-locked p{margin:0}
html:not([data-edition="school"]) .v7-know-tori-locked-name{font-weight:600}
/* No.16：いろはの木の下の1行と「くわしく」 */
html:not([data-edition="school"]) .v7-tree-more{margin-top:10px}
html:not([data-edition="school"]) .v7-know-sekki .v7-know-season-sub{font-size:var(--t-note)}
/* 検査（B）：168 の札の小さな字（かかる時間・もらえる葉）を 12px → 13px（70代・80代以上の層） */
html:not([data-edition="school"]) .v7-know-sekki .v7-know-meta,html:not([data-edition="school"]) .v7-know-sekki .v7-know-leafname{font-size:13px}
/* 検査（B）リーダー決定：70代・80代以上の層。自分を知るの字・行間・押す所を大きく（字の大きさはデザインの決まりのトークン --t-*。文字の大きさの設定にもついてくる） */
html:not([data-edition="school"]) .v7-know-sekki .v7-know-name{font-size:var(--t-body);line-height:1.5}
html:not([data-edition="school"]) .v7-know-sekki .v7-know-desc{font-size:var(--t-small);line-height:1.7}
html:not([data-edition="school"]) .v7-know-sekki .v7-know-meta,html:not([data-edition="school"]) .v7-know-sekki .v7-know-leafname{font-size:var(--t-note);line-height:1.6}
html:not([data-edition="school"]) .v7-know-sekki .v7-know-card{min-height:96px}
html:not([data-edition="school"]) .v7-know-sekki-head{min-height:56px}
html:not([data-edition="school"]) .v7-know-sekki .v7-know-season-name{font-size:var(--t-h3)}
html:not([data-edition="school"]) .v7-know-filter-btn{min-height:48px;font-size:var(--t-small)}
html:not([data-edition="school"]) .v7-know-feats .v7-hub-sub{font-size:var(--t-note);line-height:1.65}
html:not([data-edition="school"]) .v7-tree-sec .v7-tree-note{font-size:var(--t-small)}
html:not([data-edition="school"]) .v7-ex-type-share{margin:6px 0 0;font-size:var(--t-note);color:var(--muted)}

/* 1013-line */
/* 2026-10-13 ⑤／10-14 LINE でログイン：LINE のログインボタンのガイドライン（https://developers.line.biz/ja/docs/line-login/login-button/）どおり。
   ・アイコンは LINE 公式の素材（LINE_Login_Button_Image.zip の iOS/44dp/3x/line_132.png・132px の正方形）を src/logo/line/ にそのまま置き、
     build が data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAYAAABRRIOnAAAJOElEQVR4nO3dfbBVVRnH8e+DiUimJEliRKbgmCQvWSkGxJT+Ufk6pIXR+DIj2TRq4x8FvTmTFlQzTTllzNgwvSBN2kQ1MpaVTmgyQA2YlIwKyh1CVAKvGCFX+PXHOoznHu7l3rvPWnvtc87zmeGPc9nnWevu/dy91157rbXBOeecc84555xzzjnnnHPOOeecc84555xzzlnuCqQk6R3Au4EJwOnAOOAU4CTgBGAUcFTD1w4ALwHdwIvAdmAbsBl4GthoZlvLqH8ObZMQkt4IzARmANOBcwgHPYVu4O/AauAR4GEz+2+iskrV0gkh6TTgcuAi4APA0Zmq0gP8FbgPWGFmWzLVo2ktlxCSxgBXAZ8C3pu5Ov35G3A3sNzMXshdmbYkaYak5ZL2q3Xsl/QLSTNy77+2IMkkXSrp0ayHNY5HFX6XljsrV4KkCyWty3sMk1gn6cLc+7c/lctWSWcC3wU+krsuid0P3GJmm3JXpF5lEkLSMcDC2r/hmatTlv3AImCRmb2auzJQkYSQNBX4OaETqRNtBD5tZhtyV2RY7gpIuglYQ+cmA4TffU1tX2SV7QwhaSTwE+CKXHWoqHuBa8xsb47CsySEpFMIvXrTcpTfAtYDF5nZ9rILLj0hJE0E/gSML7vsFtMFXGBmT5VZaKkJIels4EHgLWWW28J2Ah8ys8fLKrC0hKj1LzyMJ8NQ7QRmmdkTZRRWSkLU2gyr8ctEUV3A9DLaFMlvO2t3EyvxZGjGeGBlbV8mVUY/xI+BqSWU0+6mEvZlUkkTQtJ8YG7KMjrM3No+TSZZG0LSGYT76eSnuQ6zF5hmZk+mCJ7kDKHwzP8uPBlSGAncpUTjKlJdMq4GZiWK7cK+vTpF4OhZpjD6+SlgbOzYrpfngImxR3unOEPciCdDGcYS9nVUUc8QtfvkLmB0zLiuX/8Bxsd8Mhr7DDEPT4YyjSbs82hinyHW451QZdtgZtGGEURLCEmTgcdixXNDMsXM/hEj0BtiBKn5ZBPf3Qc8X/d5OMUbpi8A/6v7fCwwpmGbl4HddZ8PTfwdjF3AnrrPo4Hj6j6/SOg8GqphwNsLfA/Cvo+SENFI2tDEXIXDxlNK+mWBOA80dtgoTPZZUbdNt6Q3NWwzUtJjg4jfJWl4w3dP0uuzyVZJKtwuk3Rbgd9ZkqINzo3SqJT0VmBKEyG29fGz5wrE2W5mqv9B7XP99P3dZranYZu9wBzCmeNIdpnZ/obv1p8RtpjZwQL1PmRzwe9NqR2DpsW6y5geKU42ZvY0cG3uejQhyjGIlRDnRIqTlZn9mjBrrBVFOQaxGpWTIsWpggXAuYT1JqKQdAID39ENA2Y3UUyUYxArIU6LFCc7M+uRdCWwgbD0UAxbSbeazSFRjkGsS8bJkeJUQm3s4lygmQZi2aIcg1gJEesvqTLM7M/ArbnrMQRRjkGsS0b2OaKJfAM4n+aXJlgMjBhgm2GE5xLvLFhGlGMQs6eypUm6wcyW1P/MzCRpHmEoYOFR42a2eJB1+DewZMANE2rXv+wivijpksYfmtkuwoTk/Yd/Jbpm1ojYF6MCsRKiO1KcnAz4qcJSh73/w2wtcEv5VRqSV2IEiZUQ7bL03ijgXkmHXe/N7IfA8sTlN7PO5q4YFYjVhtgKTIwUK7f3AHcAh81/MLNvFwko6bPAMQNsNgy4vkj8mijD8mMlxJPABZFiVcH1kh4xs59FireI9B1TURIi1iUj+9pICfxIYfmCVrExRpBYCbE2UpwqGQn8qnHsRIWtihEk1iXjcUKj5sRI8QC+DnxvENtNIixPlMIZwFKaXwdrMgP/8RmhA+vKAvG3mlnRsRS9REkIMzso6feERcmjqN3/D6bl/Kykgbcq7uOSbjaz7xcNYGZdg9lO0v0US4gHCnynTzE7plZEjFU135F0Xu5KHMGyWIFiJsR9tEcHVV+OJvRPVHE5pC2EpZqiiJYQZraP8I6IIgo/ulV4f8Yh/Y0rrB/BfbykYxtijAAGajyOA+6W1OuVTJJG8fos96KjpuvLGKqljeNImxF7os6ZQJHFsV4GnilY7Dh6zxZ7ht6DZUdyeKfZDnoP+x/D4If9byW8k+uQsfQe5r+ZYt3IRxEayEM5Jt3AqWb20oBbDlKK2d+/AS6NHdf16XYz+2rMgCkSYhrhBWWVWFi9jXUDE8xsZ8yg0R9/m9l6wsr2Lq0vxU4GSPRXrLAu5RPA8SniO9YB5zU5KahPSQbI1AapLkgR29EDfCZFMkDaEVNLgD8kjN+pFtYuy0kkbfhJOpkwHrGthulntBK4OGa/Q6PkdwKSZhFeh5Drrbvt4lngfSkakvWSD7I1s1XADanLaXPdwEdTJwOUNOrazJYCXyujrDbUA1xe1usRShuGb2a3Ad8qq7w2cq2ZPVRWYaXOyzCzBcA3yyyzxd1oZkUfGBZS+kQdM/sy8Hkg6aiWNrDQzH5QdqE5X9N4CeFx+XEDbduBFg52+l9sWR9ASZoE3AOclbMeFfM5M7szV+FZ53aa2T+B9xNepdDpeoB5OZMBKvSIWtLHgDvpzHdz7QHmmNkfc1ekMrO/zWwl8C7CLKeezNUpUxcwswrJABU6Q9SrDcVbTPuPvFoDXGZmO3JX5JDKnCHqmdkmM7uMMPH2t7nrk8gyYHaVkqFlSJoqaamkvQWX/q2SHkk35d6n/ankJaM/kt5MeNfUfEJ7o9U8D3zCzP6SuyL9aamEqCfpLML61FcArTBL+yHgqqpfIlo2IepJOpWwCuxsYCbVWkj1IOHO6VYzO5C7MgNpi4RopDDIdzKhB3QyYQLM2Qy8ikts2widTZW9RHQsSSMkXSzpdyU1Hu+ptXlc1UmaI+m1RInwiqRWfs1CZ1Lvt+zEslbShNy/WzMq2TFVkjURY+0HvgKcX3sRS8vq5KWNo6z8SpjHeo2ZRVn0K7dOPkM0u0zgq8AXgHPbJRmgs88Qzby0bDVwnZltilUZl5mkBws0GndLmq8mXsXoKkrSjiEmwzL1Xr7ItQtJJw4hETZJ+nDuOruEJH1wEImwS9LNknxOaruTdN0REuE1SXdIirkqb8vo1LuMvh5yHSCMYrq91TuX3BBJepukzQqjl/6l8BL203PXyznnnHPOOeecc84555xzzjnnnHPOOeecc85Vw/8BVm5h+m2hnikAAAAASUVORK5CYII= に埋める。形は変えない（縦横比そのまま・正方形のまま 56px に）。色は決まりの色で塗る（ふだん白・使えないとき #1E1E1E 20%）
   ・重ねる順は決まりどおり「地の色 #06C755 → 状態の黒（マウスオーバー 10%・押したとき 30%）→ 縦の線（黒 8%）と文字・アイコン」。
     前は黒をいちばん上にかぶせていたので、白い文字とアイコンまで暗くなっていた
   ・文字「LINEでログイン」の左右の余白は吹き出しの幅（約 42px）以上、上下は吹き出しの幅の半分（推奨）を目安に、ほかのボタンと同じ高さ 56px にそろえる。改行しない
   ・まわりの空き（保護エリア）は吹き出しの左の余白（約 7px）以上＝並びの間 8px で足りる */
html:not([data-edition="school"]) .v1013-line-btn{display:flex;align-items:stretch;width:100%;min-height:56px;padding:0;border:0;border-radius:12px;background:#06C755;color:#fff;font:inherit;font-size:var(--t-small);font-weight:700;line-height:1.2;letter-spacing:.04em;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}
html:not([data-edition="school"]) .v1013-line-btn:hover{background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)) #06C755}
html:not([data-edition="school"]) .v1013-line-btn:active,html:not([data-edition="school"]) .v1013-line-btn.is-going{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)) #06C755}
html:not([data-edition="school"]) .v1013-line-btn.is-going{cursor:progress}
html:not([data-edition="school"]) .v1013-line-btn:focus-visible{outline:3px solid var(--fg);outline-offset:2px}
html:not([data-edition="school"]) .v1013-line-btn:disabled{background:#fff;color:rgba(30,30,30,.2);box-shadow:inset 0 0 0 1px rgba(229,229,229,.6);cursor:default}
html:not([data-edition="school"]) .v1013-line-btn-ico{flex:none;box-sizing:content-box;width:56px;position:relative;border-right:1px solid rgba(0,0,0,.08)}
html:not([data-edition="school"]) .v1013-line-btn:disabled .v1013-line-btn-ico{border-right-color:rgba(229,229,229,.6)}
html:not([data-edition="school"]) .v1013-line-btn-ico::before{content:"";position:absolute;left:0;top:50%;width:56px;height:56px;margin-top:-28px;background:currentColor;-webkit-mask:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAYAAABRRIOnAAAJOElEQVR4nO3dfbBVVRnH8e+DiUimJEliRKbgmCQvWSkGxJT+Ufk6pIXR+DIj2TRq4x8FvTmTFlQzTTllzNgwvSBN2kQ1MpaVTmgyQA2YlIwKyh1CVAKvGCFX+PXHOoznHu7l3rvPWnvtc87zmeGPc9nnWevu/dy91157rbXBOeecc84555xzzjnnnHPOOeecc84555xzzlnuCqQk6R3Au4EJwOnAOOAU4CTgBGAUcFTD1w4ALwHdwIvAdmAbsBl4GthoZlvLqH8ObZMQkt4IzARmANOBcwgHPYVu4O/AauAR4GEz+2+iskrV0gkh6TTgcuAi4APA0Zmq0gP8FbgPWGFmWzLVo2ktlxCSxgBXAZ8C3pu5Ov35G3A3sNzMXshdmbYkaYak5ZL2q3Xsl/QLSTNy77+2IMkkXSrp0ayHNY5HFX6XljsrV4KkCyWty3sMk1gn6cLc+7c/lctWSWcC3wU+krsuid0P3GJmm3JXpF5lEkLSMcDC2r/hmatTlv3AImCRmb2auzJQkYSQNBX4OaETqRNtBD5tZhtyV2RY7gpIuglYQ+cmA4TffU1tX2SV7QwhaSTwE+CKXHWoqHuBa8xsb47CsySEpFMIvXrTcpTfAtYDF5nZ9rILLj0hJE0E/gSML7vsFtMFXGBmT5VZaKkJIels4EHgLWWW28J2Ah8ys8fLKrC0hKj1LzyMJ8NQ7QRmmdkTZRRWSkLU2gyr8ctEUV3A9DLaFMlvO2t3EyvxZGjGeGBlbV8mVUY/xI+BqSWU0+6mEvZlUkkTQtJ8YG7KMjrM3No+TSZZG0LSGYT76eSnuQ6zF5hmZk+mCJ7kDKHwzP8uPBlSGAncpUTjKlJdMq4GZiWK7cK+vTpF4OhZpjD6+SlgbOzYrpfngImxR3unOEPciCdDGcYS9nVUUc8QtfvkLmB0zLiuX/8Bxsd8Mhr7DDEPT4YyjSbs82hinyHW451QZdtgZtGGEURLCEmTgcdixXNDMsXM/hEj0BtiBKn5ZBPf3Qc8X/d5OMUbpi8A/6v7fCwwpmGbl4HddZ8PTfwdjF3AnrrPo4Hj6j6/SOg8GqphwNsLfA/Cvo+SENFI2tDEXIXDxlNK+mWBOA80dtgoTPZZUbdNt6Q3NWwzUtJjg4jfJWl4w3dP0uuzyVZJKtwuk3Rbgd9ZkqINzo3SqJT0VmBKEyG29fGz5wrE2W5mqv9B7XP99P3dZranYZu9wBzCmeNIdpnZ/obv1p8RtpjZwQL1PmRzwe9NqR2DpsW6y5geKU42ZvY0cG3uejQhyjGIlRDnRIqTlZn9mjBrrBVFOQaxGpWTIsWpggXAuYT1JqKQdAID39ENA2Y3UUyUYxArIU6LFCc7M+uRdCWwgbD0UAxbSbeazSFRjkGsS8bJkeJUQm3s4lygmQZi2aIcg1gJEesvqTLM7M/ArbnrMQRRjkGsS0b2OaKJfAM4n+aXJlgMjBhgm2GE5xLvLFhGlGMQs6eypUm6wcyW1P/MzCRpHmEoYOFR42a2eJB1+DewZMANE2rXv+wivijpksYfmtkuwoTk/Yd/Jbpm1ojYF6MCsRKiO1KcnAz4qcJSh73/w2wtcEv5VRqSV2IEiZUQ7bL03ijgXkmHXe/N7IfA8sTlN7PO5q4YFYjVhtgKTIwUK7f3AHcAh81/MLNvFwko6bPAMQNsNgy4vkj8mijD8mMlxJPABZFiVcH1kh4xs59FireI9B1TURIi1iUj+9pICfxIYfmCVrExRpBYCbE2UpwqGQn8qnHsRIWtihEk1iXjcUKj5sRI8QC+DnxvENtNIixPlMIZwFKaXwdrMgP/8RmhA+vKAvG3mlnRsRS9REkIMzso6feERcmjqN3/D6bl/Kykgbcq7uOSbjaz7xcNYGZdg9lO0v0US4gHCnynTzE7plZEjFU135F0Xu5KHMGyWIFiJsR9tEcHVV+OJvRPVHE5pC2EpZqiiJYQZraP8I6IIgo/ulV4f8Yh/Y0rrB/BfbykYxtijAAGajyOA+6W1OuVTJJG8fos96KjpuvLGKqljeNImxF7os6ZQJHFsV4GnilY7Dh6zxZ7ht6DZUdyeKfZDnoP+x/D4If9byW8k+uQsfQe5r+ZYt3IRxEayEM5Jt3AqWb20oBbDlKK2d+/AS6NHdf16XYz+2rMgCkSYhrhBWWVWFi9jXUDE8xsZ8yg0R9/m9l6wsr2Lq0vxU4GSPRXrLAu5RPA8SniO9YB5zU5KahPSQbI1AapLkgR29EDfCZFMkDaEVNLgD8kjN+pFtYuy0kkbfhJOpkwHrGthulntBK4OGa/Q6PkdwKSZhFeh5Drrbvt4lngfSkakvWSD7I1s1XADanLaXPdwEdTJwOUNOrazJYCXyujrDbUA1xe1usRShuGb2a3Ad8qq7w2cq2ZPVRWYaXOyzCzBcA3yyyzxd1oZkUfGBZS+kQdM/sy8Hkg6aiWNrDQzH5QdqE5X9N4CeFx+XEDbduBFg52+l9sWR9ASZoE3AOclbMeFfM5M7szV+FZ53aa2T+B9xNepdDpeoB5OZMBKvSIWtLHgDvpzHdz7QHmmNkfc1ekMrO/zWwl8C7CLKeezNUpUxcwswrJABU6Q9SrDcVbTPuPvFoDXGZmO3JX5JDKnCHqmdkmM7uMMPH2t7nrk8gyYHaVkqFlSJoqaamkvQWX/q2SHkk35d6n/ankJaM/kt5MeNfUfEJ7o9U8D3zCzP6SuyL9aamEqCfpLML61FcArTBL+yHgqqpfIlo2IepJOpWwCuxsYCbVWkj1IOHO6VYzO5C7MgNpi4RopDDIdzKhB3QyYQLM2Qy8ikts2widTZW9RHQsSSMkXSzpdyU1Hu+ptXlc1UmaI+m1RInwiqRWfs1CZ1Lvt+zEslbShNy/WzMq2TFVkjURY+0HvgKcX3sRS8vq5KWNo6z8SpjHeo2ZRVn0K7dOPkM0u0zgq8AXgHPbJRmgs88Qzby0bDVwnZltilUZl5mkBws0GndLmq8mXsXoKkrSjiEmwzL1Xr7ItQtJJw4hETZJ+nDuOruEJH1wEImwS9LNknxOaruTdN0REuE1SXdIirkqb8vo1LuMvh5yHSCMYrq91TuX3BBJepukzQqjl/6l8BL203PXyznnnHPOOeecc84555xzzjnnnHPOOeecc85Vw/8BVm5h+m2hnikAAAAASUVORK5CYII=") center/56px 56px no-repeat;mask:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAYAAABRRIOnAAAJOElEQVR4nO3dfbBVVRnH8e+DiUimJEliRKbgmCQvWSkGxJT+Ufk6pIXR+DIj2TRq4x8FvTmTFlQzTTllzNgwvSBN2kQ1MpaVTmgyQA2YlIwKyh1CVAKvGCFX+PXHOoznHu7l3rvPWnvtc87zmeGPc9nnWevu/dy91157rbXBOeecc84555xzzjnnnHPOOeecc84555xzzlnuCqQk6R3Au4EJwOnAOOAU4CTgBGAUcFTD1w4ALwHdwIvAdmAbsBl4GthoZlvLqH8ObZMQkt4IzARmANOBcwgHPYVu4O/AauAR4GEz+2+iskrV0gkh6TTgcuAi4APA0Zmq0gP8FbgPWGFmWzLVo2ktlxCSxgBXAZ8C3pu5Ov35G3A3sNzMXshdmbYkaYak5ZL2q3Xsl/QLSTNy77+2IMkkXSrp0ayHNY5HFX6XljsrV4KkCyWty3sMk1gn6cLc+7c/lctWSWcC3wU+krsuid0P3GJmm3JXpF5lEkLSMcDC2r/hmatTlv3AImCRmb2auzJQkYSQNBX4OaETqRNtBD5tZhtyV2RY7gpIuglYQ+cmA4TffU1tX2SV7QwhaSTwE+CKXHWoqHuBa8xsb47CsySEpFMIvXrTcpTfAtYDF5nZ9rILLj0hJE0E/gSML7vsFtMFXGBmT5VZaKkJIels4EHgLWWW28J2Ah8ys8fLKrC0hKj1LzyMJ8NQ7QRmmdkTZRRWSkLU2gyr8ctEUV3A9DLaFMlvO2t3EyvxZGjGeGBlbV8mVUY/xI+BqSWU0+6mEvZlUkkTQtJ8YG7KMjrM3No+TSZZG0LSGYT76eSnuQ6zF5hmZk+mCJ7kDKHwzP8uPBlSGAncpUTjKlJdMq4GZiWK7cK+vTpF4OhZpjD6+SlgbOzYrpfngImxR3unOEPciCdDGcYS9nVUUc8QtfvkLmB0zLiuX/8Bxsd8Mhr7DDEPT4YyjSbs82hinyHW451QZdtgZtGGEURLCEmTgcdixXNDMsXM/hEj0BtiBKn5ZBPf3Qc8X/d5OMUbpi8A/6v7fCwwpmGbl4HddZ8PTfwdjF3AnrrPo4Hj6j6/SOg8GqphwNsLfA/Cvo+SENFI2tDEXIXDxlNK+mWBOA80dtgoTPZZUbdNt6Q3NWwzUtJjg4jfJWl4w3dP0uuzyVZJKtwuk3Rbgd9ZkqINzo3SqJT0VmBKEyG29fGz5wrE2W5mqv9B7XP99P3dZranYZu9wBzCmeNIdpnZ/obv1p8RtpjZwQL1PmRzwe9NqR2DpsW6y5geKU42ZvY0cG3uejQhyjGIlRDnRIqTlZn9mjBrrBVFOQaxGpWTIsWpggXAuYT1JqKQdAID39ENA2Y3UUyUYxArIU6LFCc7M+uRdCWwgbD0UAxbSbeazSFRjkGsS8bJkeJUQm3s4lygmQZi2aIcg1gJEesvqTLM7M/ArbnrMQRRjkGsS0b2OaKJfAM4n+aXJlgMjBhgm2GE5xLvLFhGlGMQs6eypUm6wcyW1P/MzCRpHmEoYOFR42a2eJB1+DewZMANE2rXv+wivijpksYfmtkuwoTk/Yd/Jbpm1ojYF6MCsRKiO1KcnAz4qcJSh73/w2wtcEv5VRqSV2IEiZUQ7bL03ijgXkmHXe/N7IfA8sTlN7PO5q4YFYjVhtgKTIwUK7f3AHcAh81/MLNvFwko6bPAMQNsNgy4vkj8mijD8mMlxJPABZFiVcH1kh4xs59FireI9B1TURIi1iUj+9pICfxIYfmCVrExRpBYCbE2UpwqGQn8qnHsRIWtihEk1iXjcUKj5sRI8QC+DnxvENtNIixPlMIZwFKaXwdrMgP/8RmhA+vKAvG3mlnRsRS9REkIMzso6feERcmjqN3/D6bl/Kykgbcq7uOSbjaz7xcNYGZdg9lO0v0US4gHCnynTzE7plZEjFU135F0Xu5KHMGyWIFiJsR9tEcHVV+OJvRPVHE5pC2EpZqiiJYQZraP8I6IIgo/ulV4f8Yh/Y0rrB/BfbykYxtijAAGajyOA+6W1OuVTJJG8fos96KjpuvLGKqljeNImxF7os6ZQJHFsV4GnilY7Dh6zxZ7ht6DZUdyeKfZDnoP+x/D4If9byW8k+uQsfQe5r+ZYt3IRxEayEM5Jt3AqWb20oBbDlKK2d+/AS6NHdf16XYz+2rMgCkSYhrhBWWVWFi9jXUDE8xsZ8yg0R9/m9l6wsr2Lq0vxU4GSPRXrLAu5RPA8SniO9YB5zU5KahPSQbI1AapLkgR29EDfCZFMkDaEVNLgD8kjN+pFtYuy0kkbfhJOpkwHrGthulntBK4OGa/Q6PkdwKSZhFeh5Drrbvt4lngfSkakvWSD7I1s1XADanLaXPdwEdTJwOUNOrazJYCXyujrDbUA1xe1usRShuGb2a3Ad8qq7w2cq2ZPVRWYaXOyzCzBcA3yyyzxd1oZkUfGBZS+kQdM/sy8Hkg6aiWNrDQzH5QdqE5X9N4CeFx+XEDbduBFg52+l9sWR9ASZoE3AOclbMeFfM5M7szV+FZ53aa2T+B9xNepdDpeoB5OZMBKvSIWtLHgDvpzHdz7QHmmNkfc1ekMrO/zWwl8C7CLKeezNUpUxcwswrJABU6Q9SrDcVbTPuPvFoDXGZmO3JX5JDKnCHqmdkmM7uMMPH2t7nrk8gyYHaVkqFlSJoqaamkvQWX/q2SHkk35d6n/ankJaM/kt5MeNfUfEJ7o9U8D3zCzP6SuyL9aamEqCfpLML61FcArTBL+yHgqqpfIlo2IepJOpWwCuxsYCbVWkj1IOHO6VYzO5C7MgNpi4RopDDIdzKhB3QyYQLM2Qy8ikts2widTZW9RHQsSSMkXSzpdyU1Hu+ptXlc1UmaI+m1RInwiqRWfs1CZ1Lvt+zEslbShNy/WzMq2TFVkjURY+0HvgKcX3sRS8vq5KWNo6z8SpjHeo2ZRVn0K7dOPkM0u0zgq8AXgHPbJRmgs88Qzby0bDVwnZltilUZl5mkBws0GndLmq8mXsXoKkrSjiEmwzL1Xr7ItQtJJw4hETZJ+nDuOruEJH1wEImwS9LNknxOaruTdN0REuE1SXdIirkqb8vo1LuMvh5yHSCMYrq91TuX3BBJepukzQqjl/6l8BL203PXyznnnHPOOeecc84555xzzjnnnHPOOeecc85Vw/8BVm5h+m2hnikAAAAASUVORK5CYII=") center/56px 56px no-repeat}
html:not([data-edition="school"]) .v1013-line-btn-txt{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 42px;white-space:nowrap}
html:not([data-edition="school"]) .v7-actions>.v1013-line-btn{flex:1 1 180px;width:auto}
html:not([data-edition="school"]) .v1013-line-note{margin-top:8px}
/* 1013-stamp：ログインのスタンプカード 30マス（ポップアップ・色の実の画面）と、7日目の「この先にできること」。学校版には出ない（データが null） */
.v1013st-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100%}
.v1013st-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;min-width:0;min-height:64px;padding:3px 1px 4px;border:1px dashed var(--control-line,#b9c2b5);border-radius:10px;background:var(--panel,#fff);color:var(--muted,#4F6151);font-size:14px;line-height:1.1;overflow:hidden}
.v1013st-cell.is-week{border-style:solid;border-color:color-mix(in srgb,var(--gold,#C9A34A) 55%,var(--control-line,#b9c2b5))}
.v1013st-cell.is-awaken,.v1013st-cell.is-divine{border:2px solid var(--gold,#C9A34A);background:color-mix(in srgb,var(--gold,#C9A34A) 14%,var(--panel,#fff));color:var(--fg,#2b2b2b)}
.v1013st-cell.is-on{border-style:solid;background:color-mix(in srgb,var(--gold,#C9A34A) 10%,var(--panel,#fff))}
.v1013st-cell.is-today{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold,#C9A34A) 45%,transparent)}
.v1013st-d{font-weight:700;font-size:14px;color:inherit}
.v1013st-items{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;min-height:20px}
.v1013st-item{position:relative;display:inline-flex;align-items:flex-end;line-height:0}
.v1013st-item .v7-fruit-icon{width:20px;height:20px}
.v1013st-n{line-height:1;font-size:14px;font-weight:700;color:var(--fg,#2b2b2b);margin-left:-2px}
.v1013st-cell.is-awaken,.v1013st-cell.is-divine{padding-bottom:26px;min-height:72px}
.v1013st-tag{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);z-index:1;white-space:nowrap;padding:1px 5px;border-radius:999px;background:var(--gold-text,#74572A);color:#fff;font-size:14px;font-weight:700;line-height:1.3}
/* 押したマスは実の絵だけ薄く。×2 などの数は薄くしない（10-17 検査 M1：40% では字と地の差 2.47） */
.v1013st-cell.is-on .v1013st-items .v7-fruit-icon{opacity:.4}
.v1013st-cell.is-on .v1013st-n{color:var(--muted,#4F6151)}
.v1013st-mark{position:absolute;inset:14% 12% 18%;display:block;color:color-mix(in srgb,#C2304A 82%,#7a1d2d);opacity:.88;pointer-events:none}
.v1013st-mark svg{width:100%;height:100%;display:block}
@media (prefers-reduced-motion:no-preference){
  .v1013st-mark.is-press{animation:v1013stPress .7s cubic-bezier(.2,.9,.3,1.2) .55s both}
  .v1013st-cell.is-today:has(.is-press){animation:v1013stGlow .9s ease-out 1s both}
  @keyframes v1013stPress{0%{transform:scale(2.4) rotate(-18deg);opacity:0}60%{transform:scale(.9) rotate(4deg);opacity:1}100%{transform:none;opacity:.88}}
  @keyframes v1013stGlow{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--gold,#C9A34A) 70%,transparent)}100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold,#C9A34A) 45%,transparent)}}
}
.v1013st-pop.is-still .v1013st-mark,.v1013st-pop.is-still .v1013st-cell{animation:none!important}
html:not([data-edition="school"]) .v1013st-pop .v1013st-in{max-width:440px;gap:10px;padding:20px 14px 16px;max-height:calc(100dvh - 32px);overflow-y:auto}
.v1013st-kicker{margin:0;font-size:14px;color:var(--muted,#4F6151)}
.v1013st-h{margin:0;font-size:20px}
.v1013st-got{margin:0;font-weight:700;line-height:1.6}
.v1013st-next{margin:0}
.v1013st-block .v1013st-grid{margin:8px 0}
@media (min-width:640px){.v1013st-block .v1013st-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.v1013st-block .v1013st-item .v7-fruit-icon{width:26px;height:26px}}
/* 7日目の「この先にできること」（落ち着いた1枚・閉じるは上と下） */
.v1013st-paths{position:relative}
.v1013st-paths > h2{padding-right:72px}
.v1013st-x{position:absolute;top:12px;right:12px;min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--control-line,#b9c2b5);border-radius:999px;background:transparent;color:inherit;font-size:14px;cursor:pointer}
.v1013st-ways{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.v1013st-way{border:1px solid var(--control-line,#b9c2b5);border-radius:14px;padding:12px 14px;background:var(--panel,#fff)}
.v1013st-way h3{margin:0 0 6px;font-size:16px}
.v1013st-way p{margin:4px 0;line-height:1.7}
.v1013st-way.is-free{border-color:var(--gold,#C9A34A);display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start}
.v1013st-way.is-free > :not(.v1013st-way-icon){grid-column:2}
.v1013st-way-icon{grid-row:1 / span 2;line-height:0}
.v1013st-plans{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.v1013st-plan-name{font-weight:700}
.v1013st-points{margin:2px 0 0;padding-left:1.2em;line-height:1.7}
.v1013st-odds{margin-top:6px}
.v1013st-paths > p{margin:4px 0 0}
.v1013st-way.is-free .v1013st-way-icon .v7-fruit-icon{width:36px;height:36px}
.v1013st-cmp{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5}
.v1013st-cmp th,.v1013st-cmp td{padding:6px 4px;border-bottom:1px solid var(--line,#e2e6df);text-align:center;vertical-align:middle}
.v1013st-cmp tbody th{text-align:left;font-weight:400}
.v1013st-cmp thead th{width:29%}
.v1013st-cmp thead th:first-child{width:42%}
.v1013st-cmp-name{display:block;font-weight:700;white-space:nowrap;font-size:12px}
.v1013st-cmp-yen{display:block;font-weight:700}
.v1013st-cmp-year{display:block;font-weight:400;font-size:12px;color:var(--muted,#4F6151)}
.v1013st-way .v7-note{margin:6px 0 0}
/* 1013-stamp（10-14）：判子の絵・節目の前の日・7日目の道の絵と見本の1行 */
.v1013st-mark.is-art{inset:12% 8% 14%;opacity:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.v1013st-mark.is-art img{width:100%;height:100%;object-fit:contain;display:block;transform:rotate(-8deg)}
.v1013st-cell.is-eve{border-style:solid;border-color:color-mix(in srgb,var(--gold,#C9A34A) 40%,var(--control-line,#b9c2b5))}
.v1013st-road{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 4px}
.v1013st-road-step{display:flex;flex-direction:column;align-items:center;gap:4px;width:min(38%,150px)}
.v1013st-road-step .v7-evo-art,.v1013st-road-step .v7-character{width:100%;aspect-ratio:1/1}
.v1013st-road-step.is-next .v7-evo-art{filter:grayscale(.3)}
.v1013st-road-label{font-size:13px;font-weight:700}
.v1013st-road-sub{font-size:12px;color:var(--muted,#4F6151)}
.v1013st-road-arrow{font-size:22px;color:var(--gold,#C9A34A)}
.v1013st-sample{margin:0 0 10px;padding:10px 12px;border-left:3px solid var(--gold,#C9A34A);border-radius:8px;background:color-mix(in srgb,var(--gold,#C9A34A) 8%,var(--panel,#fff))}
.v1013st-sample figcaption{font-size:12px;color:var(--muted,#4F6151);margin-bottom:2px}
.v1013st-sample blockquote{margin:0;line-height:1.7;font-size:14px}
.v1013st-items{flex-wrap:wrap;max-width:100%}
.v1013st-items:has(.v1013st-item + .v1013st-item) .v7-fruit-icon{width:17px;height:17px}
.v1013st-items:has(.v1013st-item + .v1013st-item) .v1013st-n{font-size:14px}
.v1013st-road-step{width:min(30%,120px)}
/* 押したマスも、日の数字が見えるように（判子は数字の下に） */
.v1013st-d{position:relative;z-index:2}
.v1013st-cell.is-on .v1013st-d{padding:0 4px;border-radius:999px;background:rgba(255,255,255,.88);color:#3A2F2A}
.v1013st-mark.is-art{inset:24% 10% 4%}
.v1013st-two{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:6px}
.v1013st-two li{line-height:1.6}
.v1013st-two-name{display:block;font-weight:700}
.v1013st-more{margin-top:4px}
.v1013st-road-step{width:min(26%,104px)}
.v1013st-paths .v1013st-ways{gap:10px;margin-top:8px}
.v1013st-paths .v1013st-way{padding:10px 12px}
.v1013st-paths .v1013st-road{margin:8px 0 0}
.v1013st-paths .v1013st-road-label{white-space:nowrap}
.v1013st-paths .v7-fold > summary{min-height:44px}
.v1013st-paths .v7-actions{margin-top:10px}
.v1013st-paths .v7-fold{margin:2px 0 0}
.v1013st-paths .v7-fold > summary{padding-block:0}
.v1013st-paths .v1013st-two{padding-left:0}
.v1013st-paths .v1013st-sample{margin-bottom:8px}
/* 1013-toggle：開け閉めのボタン（2026-10-14 オーナー「プラスボタン大きくて見にくい。黄緑とかの色付きボタンに変える。全てのページでも」）
   丸の＋／−（44px の丸い線の印）をやめ、若葉の色（デザインの決まり v1 の --action-bg #D7E3A9／--action-fg #263823・字と地の差 9.0:1）の、
   角の丸いボタンに「ひらく／とじる」と小さな矢印。高さ 44px・見出しの右下（見出しが長いときは下）。
   部品はここ1か所（details の summary::after）。summary は details の読み上げ（ひらいている／とじている）をそのまま持つので aria-expanded を足さない。
   ボタンの字は飾り（content の「/ ""」で読み上げに入れない）。学校版も同じ（build で html[lang] に置きかわる・色は学校版も同じトークン） */
:root{--toggle-bg:#D7E3A9;--toggle-bg-hover:#CBDB92;--toggle-fg:#263823;--toggle-line:#76915A;--toggle-h:44px;
 --toggle-arrow-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23263823' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 --toggle-arrow-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 7.5 6 4l3.5 3.5' fill='none' stroke='%23263823' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html[lang] body :is(details.v7-fold,details.v7-detail,details.v7-ring-row,.v7-mini.is-row details.v7-mini-more.v7-fold,.v7-login-pop details.v7-login-more.v7-fold)>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:4px var(--s-1,8px);flex-wrap:wrap}
html[lang] body :is(details.v7-fold,details.v7-detail,details.v7-ring-row,.v7-mini.is-row details.v7-mini-more.v7-fold,.v7-login-pop details.v7-login-more.v7-fold)>summary::-webkit-details-marker{display:none}
html[lang] body :is(details.v7-fold,details.v7-detail,details.v7-ring-row,.v7-mini.is-row details.v7-mini-more.v7-fold,.v7-login-pop details.v7-login-more.v7-fold)>summary::after{
 content:"ひらく";content:"ひらく" / "";
 position:static;transform:none;flex:none;align-self:flex-end;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 width:auto;height:var(--toggle-h);min-width:0;min-height:var(--toggle-h);margin:0 0 0 auto;padding:0 32px 0 16px;
 border:1px solid var(--toggle-line);border-radius:999px;color:var(--toggle-fg);
 background:var(--toggle-bg) var(--toggle-arrow-down) no-repeat right 12px center/12px 12px;
 font:600 14px/1 var(--sans);letter-spacing:.06em;white-space:nowrap;opacity:1}
html[lang] body :is(details.v7-fold,details.v7-detail,details.v7-ring-row,.v7-mini.is-row details.v7-mini-more.v7-fold,.v7-login-pop details.v7-login-more.v7-fold)[open]>summary::after{
 content:"とじる";content:"とじる" / "";background:var(--toggle-bg) var(--toggle-arrow-up) no-repeat right 12px center/12px 12px}
@media(hover:hover){html[lang] body :is(details.v7-fold,details.v7-detail,details.v7-ring-row,.v7-mini.is-row details.v7-mini-more.v7-fold,.v7-login-pop details.v7-login-more.v7-fold)>summary:hover::after{background-color:var(--toggle-bg-hover)}}
/* 長い節の見出し（h3 入り）：左の ▶ をやめ、左にそろえる */
html[lang] body details.v7-detail>summary{margin-left:0;padding-inline:var(--s-1,8px) 0}
/* 24体とのつながりの行：見出しと名前の下、右はしにボタン（右の小さな矢印はやめる） */
html[lang] body details.v7-ring-row>summary{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding-right:4px}   /* 上の :is() の詳細度が高いので、ここだけ !important（行は縦に積む形） */
html[lang] body details.v7-ring-row>summary::after{margin-top:6px}
/* 同じ見た目のボタン（details でない開け閉め・ひらいた中の「とじる」）：.v7-toggle-btn（閉じているとき ▾・.is-open で ▴） */
html[lang] body .v7-toggle-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--toggle-h);min-width:0;width:auto;margin:8px 0 4px auto;padding:0 32px 0 16px;border:1px solid var(--toggle-line);border-radius:999px;color:var(--toggle-fg);background:var(--toggle-bg) var(--toggle-arrow-down) no-repeat right 12px center/12px 12px;font:600 14px/1 var(--sans);letter-spacing:.06em;white-space:nowrap;cursor:pointer}
html[lang] body .v7-toggle-btn.is-open{background-image:var(--toggle-arrow-up)}
@media(hover:hover){html[lang] body .v7-toggle-btn:hover{background-color:var(--toggle-bg-hover)}}
/* 色の暦（節気の行）：ひらいている行は地の色で分かるように。中の終わりに「とじる」（右よせ） */
html[lang] body .v7-iro-row[aria-expanded="true"]{background:var(--selected)}
html[lang] body .v7-iro-row-detail{display:flex;flex-direction:column}
html[lang] body .v7-iro-row-detail[hidden]{display:none}
/* 見出しとボタンが1行に入らないときは、ボタンが見出しの下（右よせ）へ。せまい画面（360px 以下）はボタンの横の余白を少し詰める */
@media(max-width:360px){html[lang] body :is(details.v7-fold,details.v7-detail,details.v7-ring-row,.v7-mini.is-row details.v7-mini-more.v7-fold,.v7-login-pop details.v7-login-more.v7-fold)>summary::after,html[lang] body .v7-toggle-btn{padding:0 28px 0 12px;background-position:right 10px center}}
/* 1014-adopt：迎えていない精霊の灰色の札（v7-know-tori-locked）を押せるように（押すと迎え方の説明）。学校版の CSS に入るので、新しい機能の語はコメントに書かない */
html:not([data-edition="school"]) button.v7-know-tori-locked{display:block;width:100%;min-height:48px;text-align:left;font:inherit;cursor:pointer}
html:not([data-edition="school"]) button.v7-know-tori-locked>span{display:block;margin:0}
html:not([data-edition="school"]) button.v7-know-tori-locked:focus-visible{outline:3px solid var(--fg);outline-offset:2px}
html:not([data-edition="school"]) .v7-know-tori-locked-how{margin:-8px 0 var(--s-3,16px);padding:10px 14px 0}
/* 1013-gphoto */
/* 2026-10-14（オーナー「出す　見にくくならなければ」）：アカウントの丸に Google の写真。読めてから重ねる（読めないときは頭文字のまま）。
   見にくくしないために：写真のまわりに地の色の輪（2px）と、その外に線の色の細い輪（1px）＝明るい地でも暗い地でも、背景と写真が分かれる。
   ヘッダーの丸は、写真のときだけ 26px → 30px（顔が分かる大きさ。「ログイン中」の字と 48px の箱に収まる） */
html:not([data-edition="school"]) .v1013-avatar{position:relative;overflow:hidden}
html:not([data-edition="school"]) .v1013-avatar-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0}
html:not([data-edition="school"]) .v1013-avatar.has-photo{background:var(--panel);color:transparent;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--control-line)}
html:not([data-edition="school"]) .v1013-avatar.has-photo .v1013-avatar-photo{opacity:1}
html:not([data-edition="school"]) .v1013-avatar.has-photo svg{visibility:hidden}
html:not([data-edition="school"]) .v7-header .v1013-account-btn .v1013-avatar.has-photo{width:30px;height:30px}

/* 2026-10-17 修正指示案1015 指9：誕生日の板の「年を数字で入れる」欄と、年代へ飛ぶボタン（色は今の決まりの変数だけ） */
html:not([data-edition="school"]) .v1017-year-quick{margin:0 0 var(--s-2,12px)}
html:not([data-edition="school"]) .v1017-year-quick-label{display:block;font-size:var(--t-note,13px);color:var(--muted);margin:0 0 4px}
html:not([data-edition="school"]) .v1017-year-quick-in{width:8em;max-width:100%;font-size:16px;min-height:44px}
html:not([data-edition="school"]) .v1017-year-jumps{display:flex;gap:6px;overflow-x:auto;padding:8px 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html:not([data-edition="school"]) .v1017-year-jumps::-webkit-scrollbar{display:none}
html:not([data-edition="school"]) .v1017-year-jump{flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid var(--line,#D5DBCE);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:var(--t-note,13px);white-space:nowrap}
html:not([data-edition="school"]) .v1017-year-quick-msg{margin:4px 0 0;min-height:0}
html:not([data-edition="school"]) .v1017-year-quick-msg:empty{display:none}
/* 2026-10-17 修正指示案1015 指11：出会った日の結果（今日の一歩・目次・くわしく読む）。色は今の変数だけ */
html:not([data-edition="school"]) .v1017-first-step{margin:16px 0 4px;text-align:center}
html:not([data-edition="school"]) .v1017-first-step-text{margin:4px 0 0;font-size:var(--t-body,16px);line-height:1.8}
html:not([data-edition="school"]) .v1017-first-toc{margin:24px 0 8px}
html:not([data-edition="school"]) .v1017-first-toc-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
html:not([data-edition="school"]) .v1017-first-toc-list button{min-height:44px}
html:not([data-edition="school"]) .v1017-first-fold{margin:8px 0 16px}
html:not([data-edition="school"]) .v1017-first-go{display:block;width:100%;margin:16px 0 0}
/* 2026-10-17 修正指示案1015 指10：誕生日を直す（入口と、変わるもの・残るもの） */
html:not([data-edition="school"]) .v1017-fix-link{margin:16px 0 4px}
html:not([data-edition="school"]) .v1017-fix-link .v1011-text-button{min-height:44px}
html:not([data-edition="school"]) .v1017-fix-what{margin:12px 0}
html:not([data-edition="school"]) .v1017-fix-what ul{margin:4px 0 8px;padding-left:1.4em}
/* 2026-10-17 修正指示案1015 指28：今日の占いの冒頭の3つの入口（色は今の変数だけ）と、手紙のカードの中の「物語」の一行 */
html:not([data-edition="school"]) .v1017-tjump{margin:4px 0 12px}
html:not([data-edition="school"]) .v1017-tjump-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html:not([data-edition="school"]) .v1017-tjump-btn{width:100%;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;border:1px solid var(--line,#D5DBCE);border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:var(--t-note,13px);line-height:1.4}
html:not([data-edition="school"]) .v1017-tjump-label{font-weight:600;word-break:keep-all}
html:not([data-edition="school"]) .v1017-tjump-st{font-size:11px;color:var(--muted)}
html:not([data-edition="school"]) .v1017-letter-story{margin:-4px 0 8px}
/* 2026-10-17 修正指示案1015 指18：相性の主の結果「今日の接し方」と、％の直下の一行 */
html:not([data-edition="school"]) .v1017-pair-main-line{font-size:var(--t-lead,18px);line-height:1.8;margin:4px 0}
html:not([data-edition="school"]) .v7-pair-pct-not{margin:4px 0 0;font-size:var(--t-note,13px);font-weight:600}
/* 2026-10-17 修正指示案1015 指25・26：色の実のいちばん上の3枚・結果の「使った／届いた／いま」 */
html:not([data-edition="school"]) .v1017-fr-top{list-style:none;margin:8px 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html:not([data-edition="school"]) .v1017-fr-top-card{border:1px solid var(--line,#D5DBCE);border-radius:12px;padding:8px;background:var(--paper,transparent)}
html:not([data-edition="school"]) .v1017-fr-top-k{margin:0;font-size:11px;color:var(--muted);font-weight:600}
html:not([data-edition="school"]) .v1017-fr-top-v{margin:2px 0 0;font-size:var(--t-note,13px);line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
html:not([data-edition="school"]) .v1017-fr-ledger{margin:8px 0 0;font-size:var(--t-note,13px);color:var(--muted)}
html:not([data-edition="school"]) .v1017-fr-eat{white-space:normal;line-height:1.4}
/* 2026-10-17 修正指示案1015 指39：ずかん（灰色の札の一言・葉の子の月日・月へ飛ぶ） */
html:not([data-edition="school"]) .v1017-zk-yet{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin-top:2px}
html:not([data-edition="school"]) .v1017-hk-date{display:block;font-size:11px;color:var(--muted)}
html:not([data-edition="school"]) .v1017-hk-jump{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px}
html:not([data-edition="school"]) .v1017-hk-jump-btn{min-height:40px;min-width:48px;padding:0 10px;border:1px solid var(--line,#D5DBCE);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:var(--t-note,13px)}
html:not([data-edition="school"]) .v1017-hk-jump-btn.is-mine{font-weight:600}
/* 2026-10-17 修正指示案1015 指46・63 */
html:not([data-edition="school"]) .v1017-phone-card{margin:12px 0}
html:not([data-edition="school"]) .v1017-sum-next{display:grid;gap:8px}
html:not([data-edition="school"]) .v1017-tarot3-zoom{min-height:44px;font-size:var(--t-note,13px)}
html:not([data-edition="school"]) .v1017-tarot-zoom .v7-zk-zoom-in img{max-width:min(92vw,520px);max-height:80vh;width:auto;height:auto}

/* 2026-10-17 修正指示案1015 指37：文字の大きさ（設定）。本文（#app）を大きく（zoom。ヘッダーと下のメニューは形が崩れるので、そのまま。学校版は使わない） */
html:not([data-edition="school"])[data-textsize="l"] #app{zoom:1.1}
html:not([data-edition="school"])[data-textsize="xl"] #app{zoom:1.2}
html:not([data-edition="school"]) .v1017-textsize{margin-top:8px}
html:not([data-edition="school"]) .v1017-helpdesk .res{margin:8px 0;white-space:pre-line}
/* 2026-10-17 修正指示案1015 指62：覚醒・神化した直後の1画面 */
html:not([data-edition="school"]) .v1017-evojust-h{text-align:center}
html:not([data-edition="school"]) .v1017-evojust-art{display:block;width:100%;margin:8px 0}
html:not([data-edition="school"]) .v1017-evojust-name{text-align:center}
html:not([data-edition="school"]) .v1017-evojust-pet{display:flex;align-items:center;gap:12px;margin:12px 0}
html:not([data-edition="school"]) .v1017-evojust-pet-art{flex:0 0 96px;width:96px;padding:0;border:0;background:transparent}
/* 2026-10-17 修正指示案1015 指50：ふたつ名の画像の見本・結果の上の画像ボタン */
html:not([data-edition="school"]) .v1017-fuda-preview{margin:8px 0}
html:not([data-edition="school"]) .v1017-fuda-preview-cv{display:block;width:min(240px,70%);height:auto;margin:0 auto;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.12)}
html:not([data-edition="school"]) .v1017-card-share{display:block;margin:12px auto 0}
html:not([data-edition="school"]) body .v1017-evojust-art>.v7-evo-art.is-fig.is-small{width:100%;max-width:none;margin:0}
html:not([data-edition="school"]) body .v1017-evojust-pet-art>.v7-evo-art.is-fig.is-small{width:96px;max-width:none;margin:0}
html:not([data-edition="school"]) .nf-tori-one{margin:12px 0}
html:not([data-edition="school"]) .nf-tori-one p{margin:4px 0}
/* 2026-10-17 修正指示案1015 指3：設定の「記録の残り方」の表 */
html:not([data-edition="school"]) .v1017-storage-table{width:100%;border-collapse:collapse;font-size:var(--t-note,13px);line-height:1.6;margin:4px 0 8px}
html:not([data-edition="school"]) .v1017-storage-table th,html:not([data-edition="school"]) .v1017-storage-table td{border:1px solid var(--line,#D5DBCE);padding:6px;text-align:left;vertical-align:top}
html:not([data-edition="school"]) .v1017-storage-table thead th{font-weight:600}
html:not([data-edition="school"]) .v1017-storage-list{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:10px}
html:not([data-edition="school"]) .v1017-storage-list li{border:1px solid var(--line,#D5DBCE);border-radius:10px;padding:8px 10px}
html:not([data-edition="school"]) .v1017-storage-k{margin:0 0 2px;font-weight:600}
html:not([data-edition="school"]) .v1017-storage-v{margin:2px 0;font-size:var(--t-note,13px);line-height:1.6}
html:not([data-edition="school"]) .v1017-storage-l{color:var(--muted)}
/* 2026-10-23 時と星（25の問い・16の星）：答えは4つの星（両はし大・内側小。そう思う側＝金・そう思わない側＝紺）。結果はカードの表の絵と5つの向き */
html:not([data-edition="school"]) .v1023-hoshi-ops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:center;gap:4px;margin:24px 0 4px}
html:not([data-edition="school"]) .v1023-hoshi-op{display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
html:not([data-edition="school"]) .v1023-hoshi-op svg{display:block;transition:transform .12s}
html:not([data-edition="school"]) .v1023-hoshi-op polygon{fill:transparent;stroke-width:1.6;stroke-linejoin:round}
html:not([data-edition="school"]) .v1023-hoshi-op.is-yes polygon{stroke:#A47A1E}
html:not([data-edition="school"]) .v1023-hoshi-op.is-no polygon{stroke:#34407A}
html:not([data-edition="school"]) .v1023-hoshi-op.is-yes.is-on polygon{fill:#A47A1E}
html:not([data-edition="school"]) .v1023-hoshi-op.is-no.is-on polygon{fill:#34407A}
html:not([data-edition="school"]) .v1023-hoshi-op:hover svg{transform:scale(1.08)}
html:not([data-edition="school"]) .v1023-hoshi-op:focus-visible{outline:2px solid #34407A;outline-offset:2px}
html:not([data-edition="school"]) .v1023-hoshi-ends{display:flex;justify-content:space-between;font-size:13px;margin:0 6px 20px}
html:not([data-edition="school"]) .v1023-hoshi-ends .is-yes{color:#8A6514}
html:not([data-edition="school"]) .v1023-hoshi-ends .is-no{color:#34407A}
html:not([data-edition="school"]) .v1023-hoshi-card{text-align:center;margin:8px 0 24px}
html:not([data-edition="school"]) .v1023-hoshi-kana{margin:0;font-size:12px;letter-spacing:.12em;color:var(--muted)}
html:not([data-edition="school"]) .v1023-hoshi-name{margin:2px 0 16px;font-family:var(--serif);font-size:22px;line-height:1.5;letter-spacing:.04em;text-wrap:balance}
html:not([data-edition="school"]) .v1023-hoshi-img{display:block;width:100%;max-width:320px;height:auto;margin:0 auto;border-radius:14px;box-shadow:0 6px 24px rgba(30,32,60,.18)}
html:not([data-edition="school"]) .v1023-hoshi-list{margin:4px 0 0;padding-left:1.2em}
html:not([data-edition="school"]) .v1023-hoshi-list li{margin:4px 0}
html:not([data-edition="school"]) .v1023-hoshi-ax{margin:16px 0}
html:not([data-edition="school"]) .v1023-hoshi-ax-top{display:flex;align-items:baseline;gap:8px;font-weight:600}
html:not([data-edition="school"]) .v1023-hoshi-near{font-size:12px;font-weight:500;color:#8A6514;border:1px solid #C9A85A;border-radius:999px;padding:0 8px}
html:not([data-edition="school"]) .v1023-hoshi-ax-lr{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0;color:var(--muted)}
html:not([data-edition="school"]) .v1023-hoshi-ax-lr>span{display:flex;flex-direction:column;gap:0}
html:not([data-edition="school"]) .v1023-hoshi-ax-lr>.is-r{text-align:right;align-items:flex-end}
html:not([data-edition="school"]) .v1023-hoshi-ax-lr b{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
html:not([data-edition="school"]) .v1023-hoshi-ax-lr .is-main{color:var(--fg);font-weight:600}
html:not([data-edition="school"]) .v1023-hoshi-bar{height:8px;border-radius:4px;background:#E2E4EF;overflow:hidden}
html:not([data-edition="school"]) .v1023-hoshi-bar i{display:block;height:100%;background:#34407A}
html:not([data-edition="school"]) .v1023-hoshi-ax-w{font-size:13px;line-height:1.5}
html:not([data-edition="school"]) .v1023-hoshi-next{margin:12px 0 0;font-size:14px}
html:not([data-edition="school"]) .v1023-hoshi-save{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0}
html:not([data-edition="school"]) .v1023-hoshi-save a{text-decoration:none}
/* 2026-10-24 時と星を 2択＋「わからない」に：A／B は上下に並べた札、わからないは小さく。当たり具合は5つの札 */
html:not([data-edition="school"]) .v1024-hoshi-two{display:grid;gap:10px;margin:20px 0 10px}
html:not([data-edition="school"]) .v1024-hoshi-ab{display:flex;gap:.8em;align-items:baseline;text-align:left;font:inherit;line-height:1.55;color:var(--fg);background:var(--card,#fff);border:1px solid var(--line,#D5DBCE);border-radius:12px;padding:14px 16px;cursor:pointer;-webkit-tap-highlight-color:transparent}
html:not([data-edition="school"]) .v1024-hoshi-ab b{color:#8A6514;font-family:var(--serif)}
html:not([data-edition="school"]) .v1024-hoshi-ab.is-on{border-color:#34407A;box-shadow:inset 0 0 0 1px #34407A}
html:not([data-edition="school"]) .v1024-hoshi-ab:focus-visible,html:not([data-edition="school"]) .v1024-hoshi-dk:focus-visible,html:not([data-edition="school"]) .v1024-hoshi-fit button:focus-visible{outline:2px solid #34407A;outline-offset:2px}
html:not([data-edition="school"]) .v1024-hoshi-dk{display:block;width:100%;font:inherit;font-size:14px;color:var(--muted);background:transparent;border:1px dashed var(--line,#D5DBCE);border-radius:12px;padding:10px 16px;margin:0 0 20px;cursor:pointer}
html:not([data-edition="school"]) .v1024-hoshi-dk.is-on{border-style:solid;border-color:#34407A;color:var(--fg)}
html:not([data-edition="school"]) .v1024-hoshi-fit{display:grid;gap:8px;margin-top:8px}
html:not([data-edition="school"]) .v1024-hoshi-fit button{font:inherit;text-align:left;color:var(--fg);background:var(--card,#fff);border:1px solid var(--line,#D5DBCE);border-radius:10px;padding:11px 14px;cursor:pointer}
html:not([data-edition="school"]) .v1024-hoshi-fit button[aria-pressed="true"]{border-color:#34407A;box-shadow:inset 0 0 0 1px #34407A}
/* 2026-10-23 オーナー：しくみの番号は見出しの頭に小さく（ローマ数字）。文と絵は全幅・中央に、絵を大きく */
html:not([data-edition="school"]) .v7-guide-step{display:block;text-align:center}
html:not([data-edition="school"]) .v7-guide-text h3{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0 0 6px}
html:not([data-edition="school"]) .v7-guide-no{width:auto;height:auto;border:0;border-radius:0;font-family:var(--serif);font-weight:500;font-size:15px;letter-spacing:.04em;color:#8A6514;opacity:1}
html:not([data-edition="school"]) .v7-guide-text p{text-align:center}
html:not([data-edition="school"]) .v7-guide-evo,html:not([data-edition="school"]) .v7-guide-thumbs{margin-left:auto;margin-right:auto;justify-content:center}
html:not([data-edition="school"]) .v7-guide-evo.v7-guide-hk{max-width:420px}
/* タロット：扇と表の札を大きく */
html:not([data-edition="school"]) .v7-guide-thumbs.is-fan{padding-left:0}
html:not([data-edition="school"]) .v7-guide-thumbs.is-fan img{width:72px;margin-left:-26px}
html:not([data-edition="school"]) .v7-guide-tarot-face{margin-left:28px}
html:not([data-edition="school"]) .v7-guide-thumbs.is-fan .v7-guide-tarot-face img{width:96px}
@media(max-width:480px){
  html:not([data-edition="school"]) .v7-guide-thumbs.is-fan img{width:50px;margin-left:-22px}
  html:not([data-edition="school"]) .v7-guide-thumbs.is-fan .v7-guide-tarot-face img{width:76px}
  html:not([data-edition="school"]) .v7-guide-tarot-face{margin-left:20px}
}
html:not([data-edition="school"]) .v7-guide-thumbs.is-leaf img{width:52px;height:52px}
html:not([data-edition="school"]) .v7-guide-thumbs.is-fruit .v7-fruit-icon{width:48px;height:48px}
html:not([data-edition="school"]) .v1013-set-row.is-info{cursor:default}