/* Nihongo Road · VF1-F · Cuaderno Product Implementation V1
 * Figma authority 1694:139 / 143 / 309 / 397 / 524 / 608 / 723.
 * Structural mode is authored by runtime data-vf1f-mode; no UA/device branches.
 */
.vf1f-safe-area-probe{position:fixed;inset:0 auto auto 0;width:0;height:0;visibility:hidden;pointer-events:none;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}
#dictionary.vf1f-screen,#dictionaryDetail.vf1f-screen{box-sizing:border-box;max-width:none!important;width:100%;margin:0!important;padding:0!important;background:#f1ebe2;color:#172440;overflow-x:clip}
#dictionaryDetail.vf1f-screen{background:#eee7da;min-height:100lvh}
.vf1f-book{position:relative;box-sizing:border-box;width:min(100%,1180px);margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vf1f-overview-book{background:#76513f;border-radius:24px;min-height:calc(100lvh - 124px);padding:0 0 0 30px;box-shadow:0 8px 20px rgba(46,31,20,.16)}
.vf1f-overview-leaf{position:relative;z-index:1;min-height:inherit;background:#fff9ee;border:1px solid #d5c19f;border-radius:18px;padding:48px 18px 26px 8px}
.vf1f-overview-grid{display:block}
.vf1f-overview-left,.vf1f-overview-right{min-width:0}
.vf1f-title-rule{width:74px;height:3px;background:#b84a29;border-radius:2px;margin:0 0 10px}
.vf1f-kicker{display:block;color:#b84a29;font-size:11px;font-weight:700;letter-spacing:.04em}
.vf1f-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:6px}
.vf1f-title-row h2{margin:0;color:#172440;font-size:32px;line-height:1.12;letter-spacing:-.02em}
.vf1f-title-row p{margin:6px 0 0;color:#6e6b66;font-size:14px}
.vf1f-count{flex:0 0 64px;text-align:center;margin-right:8px}.vf1f-count b{display:block;background:#ede5d6;border:1px solid #d6c4a8;border-radius:14px;padding:6px 4px 5px;font-size:11px}.vf1f-count small{display:block;margin-top:3px;color:#6e6b66;font-size:10px}
.vf1f-search-field{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:6px;height:46px;margin-top:20px;padding:0 10px;background:#f5f0e5;border:1px solid #d6c4a8;border-radius:12px}
.vf1f-search-field:focus-within{border-color:#b84a29;box-shadow:0 0 0 2px rgba(184,74,41,.24) inset}
.vf1f-search-field>span{color:#6e6b66;font-size:18px}.vf1f-search-field input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;color:#172440;font-family:inherit;font-size:16px;font-weight:400;line-height:1.2;padding:0!important}.vf1f-search-field input:focus,.vf1f-search-field input:focus-visible{outline:none}.vf1f-search-field input::placeholder{color:#6e6b66;opacity:1}
.vf1f-search-field button{border:0;background:#e8decc;color:#b84a29;border-radius:16px;padding:8px 18px;font-size:11px;font-weight:700}
.vf1f-reinforcement{margin-top:16px}.vf1f-kitsune-note{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-height:78px;background:#fff0d7;border-radius:12px;border-left:3px solid #b84a29;padding:8px 12px}
.vf1f-kitsune-note img{width:36px;height:48px;object-fit:contain;border-radius:16px}.vf1f-kitsune-note span{display:block;color:#b84a29;font-size:10px;font-weight:700}.vf1f-kitsune-note b{display:block;margin-top:4px;font-size:16px}.vf1f-kitsune-note button{border:0;background:transparent;color:#b84a29;font-size:12px;font-weight:700;padding:4px 0 0}
.vf1f-index-panel{display:none;margin-top:12px;background:#f5f0e5;border:1px solid #d6c4a8;border-radius:12px;padding:12px}.vf1f-index-panel.is-open{display:block}.vf1f-index-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.vf1f-index-head>div{display:flex;gap:6px}.vf1f-index-head button{border:1px solid #d6c4a8;background:#fff9ee;color:#6e6b66;border-radius:10px;padding:6px 9px}
.vf1f-index-panel .notebook-filter-group{margin-top:12px}.vf1f-index-panel .notebook-filter-group>b{display:block;margin-bottom:6px;color:#6e6b66;font-size:11px}.vf1f-index-panel .filters{display:flex;flex-wrap:wrap;gap:6px}.vf1f-index-panel .chip{border:1px solid #d6c4a8;background:#fffdf8;color:#172440;border-radius:999px;padding:6px 9px}.vf1f-index-panel .chip.active{background:#b84a29;color:#fff;border-color:#b84a29}.vf1f-index-panel .notebook-theme-grid{display:grid;gap:6px}.vf1f-index-panel .notebook-theme-chip{border:1px solid #d6c4a8;background:#fffdf8;border-radius:10px;padding:7px;text-align:left}.vf1f-index-panel .notebook-theme-chip img{width:24px;height:24px;object-fit:contain}
.vf1f-overview-right{margin-top:18px;border-top:1px solid #d6c4a8;padding-top:14px}.vf1f-results-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.vf1f-results-summary>span{color:#b84a29;font-size:11px;font-weight:700}.vf1f-results-summary small{color:#6e6b66;font-size:11px}
.vf1f-list{display:grid;gap:6px}.vf1f-entry{position:relative;display:grid;grid-template-columns:70px minmax(0,1fr) 96px;gap:12px;align-items:center;min-height:104px;background:#fffdf8;border:1px solid #e3d5bc;border-radius:14px;box-shadow:0 2px 4px rgba(56,36,23,.08);padding:8px 8px 8px 5px;cursor:pointer}
.vf1f-entry:focus-visible{outline:3px solid rgba(184,74,41,.32);outline-offset:2px}.vf1f-entry .notebook-concept-art{width:70px;height:70px;border-radius:14px;overflow:hidden;background:transparent;display:block;line-height:0}.vf1f-entry .notebook-concept-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%}.vf1f-entry .notebook-concept-art.fallback{display:grid;place-items:center;background:#f5f0e5;font-size:30px;line-height:normal}
.vf1f-punch{position:absolute;left:2px;top:calc(50% - 4px);width:9px;height:9px;border-radius:50%;background:#f1ebe2;border:1px solid #d5c19f}
.vf1f-entry-copy{min-width:0}.vf1f-entry-copy h3{margin:0;color:#172440;font-size:24px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vf1f-entry-reading{margin-top:3px;color:#63457a;font-size:12px;font-weight:600}.vf1f-entry-copy p{margin:5px 0 0;color:#172440;font-size:14px}.vf1f-review-pill{display:inline-block;margin-top:6px;background:#ffe8c7;color:#b84a29;border-radius:10px;padding:4px 10px;font-size:9px;font-weight:700}
.vf1f-entry .notebook-mastery{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:700;text-align:center}.vf1f-entry .notebook-mastery img{width:28px;height:28px;object-fit:contain}.vf1f-entry .state-new{color:#748b98}.vf1f-entry .state-learning{color:#b84a29}.vf1f-entry .state-consolidating{color:#63457a}.vf1f-entry .state-mastered{color:#407557}
.vf1f-favorite,.vf1f-detail-favorite{position:absolute;border:0;background:transparent;color:#adaba3;font:400 25px/1 serif;padding:3px;z-index:3}.vf1f-favorite{right:4px;top:5px}.vf1f-detail-favorite{box-sizing:border-box;width:44px;height:44px;display:grid;place-items:center;right:18px;top:16px;padding:0}.vf1f-favorite:hover,.vf1f-detail-favorite:hover{color:#b84a29}
.vf1f-load-more{display:block;margin:12px auto 0;border:1px solid #d6c4a8;background:#fffdf8;color:#b84a29;border-radius:12px;padding:10px 18px}.vf1f-empty{padding:24px;text-align:center;background:#fffdf8;border:1px dashed #d6c4a8;border-radius:14px}.vf1f-empty h3{margin:0 0 6px}
.vf1f-structure{position:absolute;inset:0;z-index:4;pointer-events:none}.vf1f-ring,.vf1f-tab{position:absolute;display:block;background-image:var(--vf1f-ring,var(--vf1f-tab));background-repeat:no-repeat;background-size:contain;background-position:center}.vf1f-ring-single{width:24px;height:12px;left:16px;top:180px}.vf1f-ring-shared{display:none;width:44px;height:14px;left:calc(50% - 22px)}.vf1f-ring-shared-a{top:21%}.vf1f-ring-shared-b{top:50%}.vf1f-ring-shared-c{top:79%}
.vf1f-tab{right:4px}.vf1f-tab-tall{width:30px;height:52px}.vf1f-tab-compact{display:none;width:34px;height:44px}.vf1f-tab-kana{top:112px}.vf1f-tab-vocab{top:170px}.vf1f-tab-expression{top:228px}
.vf1f-detail-root{min-height:100lvh}.vf1f-detail-book{background:#7a5644;border-radius:24px;min-height:calc(100lvh - var(--vf1f-safe-top,0px) - var(--vf1f-safe-bottom,0px));padding:10px 14px 12px 28px;box-shadow:0 8px 20px rgba(46,31,20,.16)}
.vf1f-detail-left,.vf1f-detail-right{position:relative;background:#fffdf8;border:1px solid #d6c3a3;border-radius:18px;min-height:calc(100lvh - var(--vf1f-safe-top,0px) - var(--vf1f-safe-bottom,0px) - 22px);padding:18px}
.vf1f-detail-right{display:none}.vf1f-back{border:0;background:transparent;color:#b84a29;font-size:12px;font-weight:700;padding:0}
.vf1f-detail-left>.notebook-concept-art{width:96px;height:96px;margin:22px auto 0;border-radius:14px;overflow:hidden;background:transparent;display:block;line-height:0}.vf1f-detail-left>.notebook-concept-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%}.vf1f-detail-left>.notebook-concept-art.fallback{display:grid;place-items:center;background:#f5f0e5;font-size:42px;line-height:normal}
.vf1f-detail-identity{text-align:center;margin-top:6px}.vf1f-detail-identity h2{margin:0;color:#172440;font-size:34px;line-height:1.2}.vf1f-detail-reading{margin-top:4px;color:#63457a;font-size:14px;font-weight:600}.vf1f-detail-identity p{margin:8px 0;color:#172440;font-size:18px}.vf1f-type{display:inline-block;background:#ede5d6;border-radius:13px;padding:7px 18px;font-size:10px;font-weight:700}
.vf1f-detail-mastery{margin-top:26px;border-top:1px solid #e3d5bc;padding-top:16px}.vf1f-detail-mastery>small,.vf1f-orientation-label{display:block;color:#6e6b66;font-size:9px;font-weight:700;letter-spacing:.04em}.vf1f-detail-mastery .notebook-mastery{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px;font-weight:700}.vf1f-detail-mastery .notebook-mastery img{width:28px;height:28px}
.vf1f-detail-right>h3{margin:8px 0 18px;color:#1e2c55;font-size:19px}.vf1f-detail-kitsune{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start}.vf1f-detail-kitsune img{width:32px;height:42px;object-fit:contain;border-radius:16px}.vf1f-detail-kitsune b{color:#b84a29;font-size:10px}.vf1f-detail-kitsune p{margin:7px 0 0;color:#6e6b66;font-size:12px;line-height:1.35}
.vf1f-context,.vf1f-themes{margin-top:24px}.vf1f-context h4,.vf1f-themes h4{margin:0 0 8px;color:#1e2c55;font-size:16px}.vf1f-context p{margin:0;color:#1e2c55;font-size:12px;line-height:1.45}.vf1f-themes>div{display:flex;flex-wrap:wrap;gap:6px}.vf1f-themes .notebook-family-tag{display:inline-flex;flex-direction:column;background:#ede5d6;border-radius:14px;padding:7px 12px;font-size:9px}.vf1f-themes .notebook-family-tag small{font-size:8px;color:#6e6b66}
.vf1f-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.vf1f-action{height:42px;border-radius:12px;font-size:12px;font-weight:700}.vf1f-action-audio{background:#fff8ed;border:1px solid #d8c8ae;color:#17324d}.vf1f-action-primary{background:#b8563b;border:1px solid #a94d34;color:#fff8ed}.vf1f-detail-missing{padding:24px}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-book{padding:10px 14px;background:#7a5644;min-height:calc(100lvh - 20px)}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-leaf{padding:0;background:transparent;border:0;box-shadow:none;min-height:calc(100lvh - 40px)}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;min-height:inherit}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-left,#dictionary[data-vf1f-mode="spread"] .vf1f-overview-right{background:#fffdf8;border:1px solid #d6c3a3;border-radius:18px;padding:24px}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-right{margin:0;border-top:1px solid #d6c3a3;padding-top:24px;overflow:auto}
#dictionary[data-vf1f-mode="spread"] .vf1f-ring-single{display:none}#dictionary[data-vf1f-mode="spread"] .vf1f-ring-shared{display:block}#dictionary[data-vf1f-mode="spread"] .vf1f-tab-tall{display:none}#dictionary[data-vf1f-mode="spread"] .vf1f-tab-compact{display:block}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-book{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:10px 14px 10px 28px;min-height:calc(100lvh - 20px)}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-left,#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-right{display:block;min-height:calc(100lvh - 40px)}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-ring-single{display:none}#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-ring-shared{display:block}#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-tab-tall{display:none}#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-tab-compact{display:block}
@media (max-width:620px){
  #dictionary.vf1f-screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .vf1f-overview-book{border-radius:24px 24px 0 0}.vf1f-overview-leaf{padding-left:8px;padding-right:18px}
  .vf1f-entry{grid-template-columns:70px minmax(0,1fr) 78px}.vf1f-entry .notebook-mastery{font-size:9px}.vf1f-title-row h2{font-size:32px}
  #dictionaryDetail.vf1f-screen{padding:var(--vf1f-safe-top,0px) var(--vf1f-safe-right,0px) var(--vf1f-safe-bottom,0px) var(--vf1f-safe-left,0px)!important}
}
@media (prefers-reduced-motion:reduce){#dictionary *,#dictionaryDetail *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}


/* VF1-F · DIRECT FIGMA FIDELITY PASS
 * Root Notebook owns the useful viewport: no legacy compact header.
 * Global Dock/Rail remains Shell-owned on Overview; Ficha remains chrome-free.
 */
body[data-shell-variant="notebook"]>.app-header{display:none!important}
body[data-shell-variant="notebook"]{background:#eee7da}
body[data-shell-variant="notebook"] main.wrap{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}
body[data-shell-variant="notebook"] footer{display:none!important}
body:has(#dictionaryDetail.screen.active)>footer{display:none!important}
body:has(#dictionaryDetail.screen.active) main.wrap{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
}

/* Portrait / SINGLE reference: 440×956.
   Physical cover/page may bleed; Dock owns the lower shell region. */
#dictionary[data-vf1f-mode="single"]{min-height:100lvh}
#dictionary[data-vf1f-mode="single"] .vf1f-overview-book{
  width:100%;max-width:none;margin:0;
  min-height:calc(100lvh - 124px);
  padding:0 0 0 30px;border-radius:0 24px 24px 0;
}
#dictionary[data-vf1f-mode="single"] .vf1f-overview-leaf{
  border-radius:18px 0 0 18px;
  padding-top:max(48px,calc(var(--vf1f-safe-top,0px) + 2px));
}
#dictionary[data-vf1f-mode="single"] .vf1f-entry{padding-left:16px}
#dictionary[data-vf1f-mode="single"] .vf1f-ring-single-a{top:180px}
#dictionary[data-vf1f-mode="single"] .vf1f-ring-single-b{top:456px}
#dictionary[data-vf1f-mode="single"] .vf1f-ring-single-c{top:690px}
#dictionary[data-vf1f-mode="single"] .vf1f-tab-kana{top:328px}
#dictionary[data-vf1f-mode="single"] .vf1f-tab-vocab{top:390px}
#dictionary[data-vf1f-mode="single"] .vf1f-tab-expression{top:452px}

/* Overview spread authority: Shell rail is 58px only on Cuaderno.
   Placement is safe-area-derived; no hard-coded iPhone inset. */
body[data-shell-variant="notebook"][data-nav-mode="rail"][data-global-nav-visible="true"]{
  --global-nav-rail-width:58px;
  --global-nav-float-margin:0px;
  --vf1f-notebook-rail-left:28px;
  --vf1f-notebook-rail-gap:10px;
  --vf1f-notebook-cover-bleed:4px;
}
body[data-shell-variant="notebook"][data-nav-mode="rail"][data-global-nav-visible="true"] .global-navigation{
  left:var(--vf1f-notebook-rail-left);
  right:auto;top:34px;bottom:auto;
  width:58px;height:min(372px,calc(100lvh - 68px));
  padding:10px 5px;gap:4px;border-radius:20px;
}
body[data-shell-variant="notebook"][data-nav-mode="rail"][data-global-nav-visible="true"] .global-nav-item{
  min-height:0;flex:1 1 0;padding:4px 2px;border-radius:11px;
}
body[data-shell-variant="notebook"][data-nav-mode="rail"][data-global-nav-visible="true"] .global-nav-icon{
  width:22px;height:22px;font-size:1.05rem;
}
body[data-shell-variant="notebook"][data-nav-mode="rail"][data-global-nav-visible="true"] .global-nav-icon.has-image img{width:20px;height:20px}
body[data-shell-variant="notebook"][data-nav-mode="rail"][data-global-nav-visible="true"] .global-nav-label{font-size:.58rem}
body[data-shell-variant="notebook"][data-nav-mode="rail"][data-global-nav-visible="true"] .global-nav-item.active{
  background:transparent;color:#b84a29;
}
body[data-shell-variant="notebook"][data-nav-mode="rail"][data-global-nav-visible="true"] .global-nav-item.active::after{
  content:'';position:absolute;left:10px;right:10px;bottom:1px;height:3px;border-radius:3px;background:#b84a29;
}
body[data-shell-variant="notebook"][data-nav-mode="rail"][data-global-nav-visible="true"] main.wrap>.screen.active{
  max-width:none!important;margin:0!important;
}
#dictionary[data-vf1f-mode="spread"]{
  min-height:100lvh;background:#eee7da;
}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-book{
  position:relative;
  width:auto;max-width:none;
  margin:12px var(--vf1f-notebook-overview-right,24px) 12px var(--vf1f-notebook-overview-left,96px);
  min-height:calc(100lvh - 24px);
  padding:10px 14px;
  border-radius:24px;
}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-leaf{
  min-height:calc(100lvh - 44px);
}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-grid{
  gap:clamp(10px,calc(10px + (100vw - 956px)*.044642858),20px);
}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-left,
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-right{
  min-height:calc(100lvh - 44px);
  padding:20px;
}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-right{
  overflow:hidden;padding-right:12px;
}
#dictionary[data-vf1f-mode="spread"] .vf1f-title-rule{display:none}
#dictionary[data-vf1f-mode="spread"] .vf1f-count{display:none}
#dictionary[data-vf1f-mode="spread"] .vf1f-search-field{
  box-sizing:border-box;
  width:clamp(320px,calc(320px + (100vw - 956px)*.625),460px);
  height:clamp(42px,calc(46px - (100vw - 956px)*.017857143),46px);
  margin-left:-1px;
  margin-top:clamp(3.671875px,calc(3.671875px + (100vw - 956px)*.017857143),7.671875px);
  padding-right:clamp(1px,calc(7px - (100vw - 956px)*.026785714),7px);
}
#dictionary[data-vf1f-mode="spread"] .vf1f-search-field input{line-height:19px}
#dictionary[data-vf1f-mode="spread"] .vf1f-search-field button{
  box-sizing:border-box;width:82px;height:28px;padding:0;line-height:28px;
  position:relative;top:clamp(-5px,calc(-3px - (100vw - 956px)*.008928571),-3px);
}
#dictionary[data-vf1f-mode="spread"] .vf1f-reinforcement{margin-top:14px}
#dictionary[data-vf1f-mode="spread"] .vf1f-kitsune-note{
  min-height:78px;background:transparent;border:0;border-radius:0;padding:0 14px;
}
#dictionary[data-vf1f-mode="spread"] .vf1f-overview-right .vf1f-results-summary{margin-bottom:16px}
#dictionary[data-vf1f-mode="spread"] .vf1f-list{gap:12px}
#dictionary[data-vf1f-mode="spread"] .vf1f-entry{
  min-height:92px;
  grid-template-columns:58px minmax(0,1fr) 86px;
  padding:8px 10px;gap:12px;
}
#dictionary[data-vf1f-mode="spread"] .vf1f-entry .notebook-concept-art{width:58px;height:58px}
#dictionary[data-vf1f-mode="spread"] .vf1f-entry-copy h3{font-size:22px}
#dictionary[data-vf1f-mode="spread"] .vf1f-entry .notebook-mastery{transform:translateX(20px)}
#dictionary[data-vf1f-mode="spread"] .vf1f-review-pill{display:none}
#dictionary[data-vf1f-mode="spread"] .vf1f-favorite{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;right:62px;top:2px;padding:0}
#dictionary[data-vf1f-mode="spread"] .vf1f-punch{display:none}
#dictionary[data-vf1f-mode="spread"] .vf1f-ring-shared-a{
  top:clamp(92px,calc(92px + (100vw - 956px)*.205357143),138px);
}
#dictionary[data-vf1f-mode="spread"] .vf1f-ring-shared-b{
  top:clamp(214px,calc(214px + (100vw - 956px)*.495535714),325px);
}
#dictionary[data-vf1f-mode="spread"] .vf1f-ring-shared-c{
  top:clamp(336px,calc(336px + (100vw - 956px)*.785714286),512px);
}
#dictionary[data-vf1f-mode="spread"] .vf1f-tab{
  right:max(4px,calc(var(--vf1f-safe-right,0px) - 46px));
}
#dictionary[data-vf1f-mode="spread"] .vf1f-tab-kana{top:clamp(98px,calc(98px + (100vw - 956px)*.008928572),100px)}
#dictionary[data-vf1f-mode="spread"] .vf1f-tab-vocab{top:clamp(154px,calc(154px + (100vw - 956px)*.008928572),156px)}
#dictionary[data-vf1f-mode="spread"] .vf1f-tab-expression{top:clamp(210px,calc(210px + (100vw - 956px)*.008928572),212px)}

/* Ficha single: chrome-free single leaf, one semantic page grammar.
   The physical page stays viewport-owned; content may scroll inside if real copy exceeds the reference. */
#dictionaryDetail[data-vf1f-mode="single"]{min-height:100lvh;padding:0!important}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-book{
  position:relative;display:grid;
  grid-template-columns:150px minmax(0,1fr);
  grid-template-rows:max-content max-content max-content max-content max-content max-content minmax(0,1fr) auto;
  grid-auto-rows:max-content;column-gap:12px;align-content:start;
  width:100%;max-width:none;height:100lvh;min-height:100lvh;margin:0;
  overflow-x:hidden;overflow-y:auto;
  padding:88px 12px max(88px,calc(var(--vf1f-safe-bottom,0px) + 54px)) 44px;
  border-radius:0 24px 24px 0;background:#76513f;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-book::before{
  content:'';position:absolute;z-index:0;left:30px;right:0;top:0;bottom:0;
  background:#fffdf8;border:1px solid #d6c3a3;border-radius:18px 0 0 18px;pointer-events:none;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-book::after{
  content:'';position:absolute;z-index:1;left:44px;right:12px;top:368px;height:1px;background:#e3d5bc;pointer-events:none;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-left,
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-right{display:contents}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-left>*,
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-right>*{position:relative;z-index:2;min-width:0}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-back{
  position:absolute;z-index:3;left:58px;top:max(38px,calc(var(--vf1f-safe-top,0px) + 6px));
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-favorite{position:absolute!important;z-index:3;display:grid!important;right:40px;top:max(104px,calc(var(--vf1f-safe-top,0px) + 42px))}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-left>.notebook-concept-art{
  grid-column:1/-1;grid-row:1;width:112px;height:112px;margin:0 auto;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-identity{
  grid-column:1/-1;grid-row:2;margin:14px 0 0;text-align:center;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-identity h2{
  margin:0;font-size:38px;line-height:46px;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-reading{
  margin-top:2px;font-size:14px;line-height:18px;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-identity p{
  margin:10px 0 12px;font-size:18px;line-height:22px;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-type{
  box-sizing:border-box;min-width:88px;height:28px;padding:7px 18px;line-height:14px;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-mastery{
  grid-column:1;grid-row:3;margin:34px 0 0;padding:0;border:0;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-mastery>small{line-height:12px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-mastery .notebook-mastery{
  flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;
  width:92px;margin:10px 0 0;font-size:10px;line-height:12px;text-align:center;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-mastery .notebook-mastery img{width:28px;height:28px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-orientation-label{
  grid-column:2;grid-row:3;margin-top:34px;line-height:12px;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-right>h3{
  grid-column:2;grid-row:3;align-self:start;margin:64px 0 0;font-size:19px;line-height:22px;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-kitsune{
  grid-column:1/-1;grid-row:4;
  box-sizing:border-box;min-height:70px;margin:18px 14px 0;padding:8px 12px;
  border:0;border-left:3px solid #b84a29;border-radius:0;background:transparent;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-context{
  grid-column:1/-1;grid-row:5;margin:26px 0 0;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-context h4{line-height:21px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-context p{margin-top:7px;line-height:17px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-themes{
  grid-column:1/-1;grid-row:6;margin:24px 0 0;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-themes h4{line-height:17px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-themes>div{margin-top:11px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-themes .notebook-family-tag{
  box-sizing:border-box;min-height:28px;justify-content:center;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-detail-actions{
  grid-column:1/-1;grid-row:8;align-self:end;margin:0 28px 0 14px;gap:20px;
}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-action{height:48px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-ring-single-a{top:180px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-ring-single-b{top:456px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-ring-single-c{top:730px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-tab-tall{display:none}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-tab-tall.is-active-category{display:block;top:262px}
#dictionaryDetail[data-vf1f-mode="single"] .vf1f-tab-compact{display:none}

/* COR04 Ficha spread: one coherent physical notebook grammar.
   Outer spread stays safe-area centered; leaves, seam and rings share one seam variable.
   Semantic content then uses page-local breathing room instead of compensating physical offsets. */
#dictionaryDetail[data-vf1f-mode="spread"]{
  min-height:100lvh;background:#eee7da;
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-book{
  --vf1f-detail-gap:16px;
  --vf1f-detail-seam-shift:clamp(2px,calc(2px + (100vw - 956px)*.017857143),6px);
  --vf1f-detail-pad-left:clamp(8px,calc(8px + (100vw - 956px)*.017857143),12px);
  --vf1f-detail-pad-right:clamp(12px,calc(12px + (100vw - 956px)*.008928572),14px);
  --vf1f-detail-grid-nudge:clamp(0px,calc(1px - (100vw - 956px)*.004464286),1px);
  width:auto;max-width:none;
  margin:10px var(--vf1f-notebook-detail-right,24px) 10px var(--vf1f-notebook-detail-left,16px);
  min-height:calc(100lvh - 20px);
  padding:10px var(--vf1f-detail-pad-right) 10px var(--vf1f-detail-pad-left);
  gap:var(--vf1f-detail-gap);
  grid-template-columns:
    minmax(0,calc(50% + var(--vf1f-detail-seam-shift) - 7px + var(--vf1f-detail-grid-nudge)))
    minmax(0,1fr);
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-left,
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-right{
  min-height:calc(100lvh - 40px);
  padding:18px;
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-left{
  padding-left:var(--vf1f-notebook-detail-left-pad,17px);
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-right{
  display:flex;flex-direction:column;
  padding-left:24px;padding-right:23px;
  padding-bottom:clamp(5px,calc(5px + (100vw - 956px)*.464285714),109px);
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-favorite{
  right:clamp(12px,calc(12px + (100vw - 956px)*.022321429),17px);
  top:18px;
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-ring-shared{
  left:calc(50% + var(--vf1f-detail-seam-shift) - 22px);
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-left>.notebook-concept-art{margin-top:6px}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-mastery{margin-top:22px}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-right>h3{margin:8px 0 18px}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-context{margin-top:22px}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-themes{margin-top:20px}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-detail-actions{
  flex:0 0 auto;margin-top:auto;padding-top:20px;
  margin-left:clamp(0px,calc(9px - (100vw - 956px)*.040178572),9px);
  margin-right:clamp(0px,calc(10px - (100vw - 956px)*.044642858),10px);
  gap:clamp(18px,calc(20px - (100vw - 956px)*.008928572),20px);
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-ring-shared-a{
  top:clamp(100px,calc(100px + (100vw - 956px)*.178571429),140px);
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-ring-shared-b{
  top:clamp(218px,calc(218px + (100vw - 956px)*.486607143),327px);
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-ring-shared-c{
  top:clamp(336px,calc(336px + (100vw - 956px)*.785714286),512px);
}
/* COR07 · safe-area compensation belongs to the outer notebook once.
   The family remains page-local: Landscape reaches the conservative x=894 boundary,
   while Wide preserves its established physical protrusion. */
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-tab{
  right:clamp(-10px,calc(-6px - (100vw - 956px)*.017857143),-6px);
}
#dictionaryDetail[data-vf1f-mode="spread"] .vf1f-tab-compact{top:174px}

/* COR06 · Overview terminal clearance belongs to the visible AppShell Dock,
   not to a phone-width breakpoint. Preserve the existing <=620px allowance below. */
body[data-shell-variant="notebook"][data-nav-mode="dock"][data-global-nav-visible="true"] #dictionary.vf1f-screen{
  padding-bottom:calc(var(--app-shell-bottom-reserve) + 22px)!important;
}

@media(max-width:620px){
  body[data-shell-variant="notebook"][data-nav-mode="dock"][data-global-nav-visible="true"] main{
    padding-bottom:0!important;
  }
  #dictionary.vf1f-screen{
    padding-bottom:calc(124px + env(safe-area-inset-bottom))!important;
  }
}

/* VF1-F · Figma mastery mark: canonical state -> outline + three-dot glyph + label.
   No mastery asset/persistence/evidence ownership is introduced here. */
#dictionary .notebook-mastery,
#dictionaryDetail .notebook-mastery{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}
#dictionary .notebook-mastery img,
#dictionaryDetail .notebook-mastery img{display:none!important}
.vf1f-mastery-mark{
  position:relative;display:inline-block;box-sizing:border-box;
  width:28px;height:28px;border:2px solid currentColor;border-radius:50%;
  flex:0 0 28px;
}
.vf1f-mastery-mark i{position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor}
.vf1f-mastery-mark i:nth-child(1){left:10px;top:6px}
.vf1f-mastery-mark i:nth-child(2){left:6px;top:13px}
.vf1f-mastery-mark i:nth-child(3){right:6px;top:13px}
.vf1f-mastery-label{display:block;color:currentColor;font-weight:700}
#dictionary .vf1f-entry .notebook-mastery{min-width:72px}
#dictionaryDetail .vf1f-detail-mastery .notebook-mastery{background:transparent!important}