:root{color-scheme:light;--bg: #f7f2e8;--bg-soft: rgba(255, 252, 246, .7);--panel: transparent;--panel-strong: #f5e7d8;--line: rgba(117, 98, 83, .18);--line-strong: rgba(117, 98, 83, .3);--text: #56473e;--text-soft: #9b8b7f;--accent: #d3b397;--accent-strong: #7e6656;--shadow: 0 18px 50px rgba(114, 92, 71, .08)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:Hiragino Sans GB,PingFang SC,Noto Sans SC,sans-serif;color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:26px 26px,26px 26px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}button,input{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#ece2d5f2,#e6d9cae6);border-bottom:1px solid rgba(117,98,83,.14);box-shadow:0 8px 22px #725c4714}.topbar-inner,.home-main{width:min(1240px,calc(100vw - 32px));margin:0 auto}.topbar-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px 12px 13px}.brand-block{display:flex;flex-direction:column;gap:4px;justify-self:start}.brand-kicker{margin:0;color:#8d7767;font-size:11px;letter-spacing:.2em}.brand-title{margin:0;font-size:20px;font-weight:600;letter-spacing:.04em}.topnav{display:flex;align-items:center;gap:24px;justify-self:center}.topnav-link{color:#7c6758;text-decoration:none;font-size:13px;letter-spacing:.06em;transition:color .18s ease,opacity .18s ease}.topnav-link--button{border:0;background:transparent;padding:0}.topnav-link:hover{color:#5f4f43}.topnav-link.is-active{color:#4f4036;font-weight:600}.site-toast{position:fixed;top:86px;left:50%;transform:translate(-50%);z-index:40;min-width:200px;padding:12px 18px;border-radius:999px;background:#53443aeb;color:#fff8f1;font-size:13px;letter-spacing:.04em;text-align:center;box-shadow:0 16px 30px #53443a2e}.site-toast-enter-active,.site-toast-leave-active{transition:opacity .18s ease,transform .18s ease}.site-toast-enter-from,.site-toast-leave-to{opacity:0;transform:translate(-50%) translateY(-8px)}.home-main{flex:1;padding:16px 0 20px;background:#fff}.hero-panel,.insight-panel{border:0;box-shadow:none;background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}.hero-panel{width:min(100%,1120px);margin:0 auto;border-radius:0;padding:14px 24px 30px}.about-panel{max-width:920px;padding-top:28px}.about-title{margin:0;text-align:center;font-size:42px;font-weight:600;color:#4f4036}.about-lead{max-width:700px;margin:18px auto 0;text-align:center;color:#7c6a5f;line-height:1.9;font-size:15px}.about-section{margin-top:38px}.about-section__heading{margin-bottom:18px}.about-section__eyebrow{margin:0 0 6px;color:#9d8c80;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.about-section__heading h3{margin:0;font-size:28px;color:#55463b}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-card{padding:24px 22px;border-radius:28px;background:#fffcf7b8;border:1px solid rgba(117,98,83,.1);box-shadow:0 12px 28px #725c470d}.about-card h3{margin:0 0 12px;font-size:18px;color:#58483d}.about-card p{margin:0;color:#7f6f63;line-height:1.8;font-size:14px}.about-card p+p{margin-top:12px}.about-creator{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:18px}.about-card--wide{min-height:100%}.about-contact{background:#f7f0e8db}.joyo-panel{max-width:1120px;padding-top:26px}.joyo-intro{max-width:760px;margin-bottom:28px}.joyo-intro__eyebrow{margin:0 0 8px;color:#9c8c80;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.joyo-intro h2{margin:0;font-size:38px;color:#4f4036}.joyo-intro__lead{margin:14px 0 0;color:#7b6b5f;font-size:15px;line-height:1.9}.joyo-search{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:0 4px}.joyo-search__input{width:min(100%,420px);min-height:52px;padding:0 18px;border-radius:999px;border:1px solid rgba(117,98,83,.12);background:#fffcf7e0;color:#55463b;outline:none;box-shadow:0 10px 20px #725c470a}.joyo-index-affix{position:fixed;left:max(18px,calc((100vw - 1120px)/2 - 116px));top:50%;transform:translateY(-50%);z-index:12;width:96px;height:96px;border:1px solid rgba(117,98,83,.1);border-radius:999px;background:#fffcf7f0;color:#6c5b4f;box-shadow:0 16px 32px #725c471a,inset 0 1px #ffffff94;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.joyo-index-affix span{font-size:18px;font-weight:600}.joyo-index-affix small{font-size:12px;color:#948476}.joyo-index-popover{position:fixed;left:max(128px,calc((100vw - 1120px)/2 + 8px));top:50%;transform:translateY(-50%);z-index:11;width:min(720px,calc(100vw - 168px));max-height:calc(100vh - 132px);overscroll-behavior:contain}.joyo-index-panel{padding:16px 18px;border-radius:22px;background:#fffcf7e0;border:1px solid rgba(117,98,83,.1);box-shadow:0 16px 30px #725c4712,inset 0 1px #ffffff8f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:inherit;overflow-y:auto;overscroll-behavior:contain}.joyo-index-panel__label{margin:0 0 12px;color:#948476;font-size:12px;letter-spacing:.08em}.joyo-index-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.joyo-index-tabs__item{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(117,98,83,.1);background:#f8f2ead1;color:#6d5c4f;display:inline-flex;align-items:center;gap:8px}.joyo-index-tabs__item small{color:#9c8d80;font-size:11px}.joyo-index-tabs__item.is-active{background:#5f4f43;border-color:#5f4f43;color:#fffaf4}.joyo-index-tabs__item.is-active small{color:#fffaf4c7}.joyo-index-group{display:grid;gap:10px}.joyo-index-group__title{margin:0;color:#77675b;font-size:16px}.joyo-index-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px}.joyo-index-panel__item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;padding:0;border-radius:12px;background:#f8f2eaa8;border:1px solid rgba(117,98,83,.08);color:#55463b;cursor:pointer}.joyo-index-panel__item:hover{background:#f3ebe2e0}.joyo-index-panel__item small{color:#9c8d80;font-size:10px;line-height:1}.joyo-index-panel__item strong{font-size:18px;line-height:1;font-weight:400}.joyo-index-pop-enter-active,.joyo-index-pop-leave-active{transition:opacity .22s ease,transform .22s ease;transform-origin:left center}.joyo-index-pop-enter-from,.joyo-index-pop-leave-to{opacity:0;transform:translateY(-50%) translate(-10px) scale(.96)}.joyo-grid{display:grid;gap:18px}.joyo-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding-top:8px}.joyo-pagination__button{min-width:42px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(117,98,83,.12);background:#fffcf7d6;color:#6c5b4f;box-shadow:0 8px 18px #725c470a;transition:background .16s ease,color .16s ease,transform .16s ease}.joyo-pagination__button--wide{min-width:66px}.joyo-pagination__button:hover:not(:disabled){transform:translateY(-1px);background:#f7f0e8eb}.joyo-pagination__button:disabled{opacity:.45;cursor:default}.joyo-pagination__button.is-active{background:#5f4f43;color:#fffaf4;border-color:#5f4f43}.joyo-pagination__meta{color:#8f8176;font-size:13px;margin-left:6px}.bookshelf-panel{max-width:960px}.bookshelf-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);gap:18px;align-items:end;margin-bottom:28px}.bookshelf-hero__copy h2{margin:0;font-size:40px;color:#4f4036}.bookshelf-hero__lead{max-width:700px;margin:14px 0 0;color:#7b6b5f;font-size:15px;line-height:1.95}.bookshelf-hero__note{padding:20px 22px;border-radius:24px;background:#fffcf7c7;border:1px solid rgba(117,98,83,.1);box-shadow:0 12px 26px #725c470d}.bookshelf-hero__note-label{margin:0 0 10px;color:#948476;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.bookshelf-hero__note p:last-child{margin:0;color:#76665a;line-height:1.8}.bookshelf-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:30px 22px}.bookshelf-book{display:grid;gap:14px}.bookshelf-book__cover{position:relative;aspect-ratio:.72;overflow:hidden;border-radius:4px;border:1px solid rgba(117,98,83,.08);box-shadow:0 14px 32px #725c4714,0 2px 6px #725c470d;padding:16px 14px 18px;display:flex;flex-direction:column;justify-content:space-between}.bookshelf-book__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 24%,rgba(0,0,0,.03) 100%)}.bookshelf-book__cover.is-ink{background:linear-gradient(180deg,#ede7df,#dad0c5)}.bookshelf-book__cover.is-mist{background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.8),transparent 26%),linear-gradient(180deg,#f4f1eb,#e1d8ce)}.bookshelf-book__cover.is-leaf{background:linear-gradient(180deg,#dfe6d6,#c0ccb3)}.bookshelf-book__cover.is-earth{background:linear-gradient(180deg,#d8c2ae,#baa08b)}.bookshelf-book__cover.is-night{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.14),transparent 18%),linear-gradient(180deg,#25334e,#172134)}.bookshelf-book__cover.is-sand{background:linear-gradient(180deg,#efe1cb,#e4d1b7)}.bookshelf-book__cover.is-berry{background:linear-gradient(180deg,#c694a0,#ab717f)}.bookshelf-book__cover.is-cloud{background:linear-gradient(180deg,#e6e8ea,#ced3d8)}.bookshelf-book__spine{position:relative;z-index:1;color:#54443a9e;font-size:11px;letter-spacing:.18em}.bookshelf-book__title-block{position:relative;z-index:1;display:grid;gap:10px}.bookshelf-book__cover-subtitle{margin:0;color:#54443a94;font-size:11px;letter-spacing:.14em}.bookshelf-book__cover.is-night .bookshelf-book__spine,.bookshelf-book__cover.is-night .bookshelf-book__cover-subtitle,.bookshelf-book__cover.is-night h3{color:#fffaf4e0}.bookshelf-book__title-block h3{margin:0;color:#4f4036;font-size:28px;line-height:1.28;word-break:break-word}.bookshelf-book__name{margin:0;color:#615247;font-size:16px;line-height:1.55}.kyoto-panel{max-width:1040px}.kyoto-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.72fr);gap:18px;align-items:end;margin-bottom:30px}.kyoto-hero__copy h2{margin:0;font-size:40px;color:#4f4036}.kyoto-hero__lead{max-width:680px;margin:14px 0 0;color:#7b6b5f;font-size:15px;line-height:1.95}.kyoto-hero__note{padding:20px 22px;border-radius:24px;background:#fffcf7c7;border:1px solid rgba(117,98,83,.1);box-shadow:0 12px 26px #725c470d}.kyoto-hero__note-label{margin:0 0 10px;color:#948476;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.kyoto-hero__note p:last-child{margin:0;color:#76665a;line-height:1.8}.kyoto-list{display:grid;gap:18px}.kyoto-card{display:grid;gap:12px;padding:26px 28px;border-radius:28px;background:linear-gradient(180deg,#fffcf7eb,#f9f4eddb);border:1px solid rgba(117,98,83,.1);box-shadow:0 18px 34px #725c470d,inset 0 1px #ffffff94;color:inherit;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.kyoto-card:hover{transform:translateY(-2px);border-color:#7562532e;box-shadow:0 24px 42px #725c4714,inset 0 1px #fff9}.kyoto-card__meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#9a8b7f;font-size:12px;letter-spacing:.06em}.kyoto-card h3{margin:0;font-size:30px;color:#4f4036}.kyoto-card__subtitle{margin:0;color:#6f6054;font-size:18px;line-height:1.7}.kyoto-card__excerpt{margin:0;color:#7b6b5f;font-size:15px;line-height:1.95}.kyoto-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.kyoto-card__tags{display:flex;flex-wrap:wrap;gap:8px}.kyoto-card__tags span,.kyoto-article__tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#f6eee5e6;border:1px solid rgba(117,98,83,.08);color:#7a695d;font-size:12px}.kyoto-card__date{color:#9a8b7f;font-size:12px;white-space:nowrap}.kyoto-article-panel{max-width:900px}.kyoto-backlink{display:inline-flex;align-items:center;margin-bottom:20px;color:#847468;text-decoration:none;font-size:13px;letter-spacing:.04em}.kyoto-backlink:hover{color:#5f4f43}.kyoto-article{padding:34px 38px;border-radius:32px;background:linear-gradient(180deg,#fffcf7f0,#f9f4ede0);border:1px solid rgba(117,98,83,.1);box-shadow:0 18px 40px #725c470f,inset 0 1px #fff9}.kyoto-article__meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#9a8b7f;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.kyoto-article__header h1{margin:16px 0 0;font-size:44px;line-height:1.16;color:#4f4036}.kyoto-article__subtitle{margin:18px 0 0;color:#6e6054;font-size:18px;line-height:1.9}.kyoto-article__body{margin-top:30px;color:#64554a;font-size:17px;line-height:2.05}.kyoto-article__body p{margin:0}.kyoto-article__body p+p{margin-top:18px}.kyoto-article__lead{color:#55463b;font-size:20px;line-height:1.95}.kyoto-article__footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(117,98,83,.1)}.joyo-empty{padding:28px 24px;border-radius:24px;background:#fffcf7c7;border:1px solid rgba(117,98,83,.12);color:#7b6b5f}.joyo-card{scroll-margin-top:116px;border-radius:30px;padding:24px 24px 22px;background:#fffcf7c7;border:1px solid rgba(117,98,83,.12);box-shadow:0 14px 30px #725c470d,inset 0 1px #ffffff8c;transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}.joyo-card.is-focused{border-color:#7e665647;box-shadow:0 18px 36px #725c471a,0 0 0 6px #e9dccb6b,inset 0 1px #fff9;transform:translateY(-2px)}.joyo-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.joyo-card__index{margin:0 0 10px;color:#a08e7f;font-size:30px;line-height:1;font-weight:600}.joyo-card__header h3{margin:0;font-size:42px;color:#4f4036;line-height:1}.joyo-card__header h3 small{font-size:22px;color:#907e6e}.joyo-card__readings{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.joyo-pill,.joyo-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:#f6eee5e6;border:1px solid rgba(117,98,83,.1);color:#6d5c4f;font-size:14px}.joyo-card__body{display:grid;grid-template-columns:minmax(240px,.95fr) minmax(0,1.4fr);gap:20px}.joyo-card__section{display:flex;flex-direction:column;gap:12px}.joyo-card__label{margin:0;color:#948476;font-size:12px;letter-spacing:.08em}.joyo-chip-list{display:flex;flex-wrap:wrap;gap:10px}.joyo-reading-list{display:grid;gap:12px}.joyo-reading-row{display:grid;grid-template-columns:minmax(140px,.82fr) minmax(0,1.45fr);gap:14px;align-items:start;padding-bottom:12px;border-bottom:1px dashed rgba(117,98,83,.12)}.joyo-reading-row:last-child{border-bottom:0;padding-bottom:0}.joyo-reading-row__reading{margin:0;font-size:24px;line-height:1.45;color:#5c4b40}.joyo-reading-row__examples{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:flex-start}.joyo-reading-row__example{color:#6d5c4f;font-size:16px;line-height:1.8}.hero-kicker{margin:8px 0 10px;text-align:center;color:#a5968b;font-size:13px;letter-spacing:.08em}.insight-panel{border-radius:28px;padding:28px 24px;height:fit-content;position:sticky;top:104px}.search-shell{display:flex;align-items:center;gap:18px;width:min(100%,610px);margin:12px auto 0;min-height:68px;background:#ffffffb8;border:1px solid rgba(117,98,83,.1);border-radius:999px;padding:0 18px 0 20px;box-shadow:0 14px 28px #7562530d,inset 0 1px #ffffffa6}.search-icon{font-size:26px;color:var(--accent-strong);opacity:.82}.search-input{flex:1;border:0;outline:0;background:transparent;font-size:17px;font-weight:600;color:var(--text)}.search-input::placeholder{color:#9d8f84;font-weight:600}.search-tag{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:linear-gradient(180deg,#f1e9df,#e6dbcf);color:var(--accent-strong);font-size:11px;border:0;box-shadow:inset 0 1px #ffffff8c}.search-results{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:18px 0 6px}.search-feedback{margin:8px auto 0;text-align:center;color:var(--text-soft);font-size:14px}.search-feedback.is-empty{color:#9f6b5a}.search-result-pill,.tag-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(117,98,83,.14);background:#fff9;color:var(--text)}.search-result-pill small{color:var(--text-soft)}.graph-shell{margin-top:18px;overflow:hidden;border-radius:36px;background:transparent}.graph-stage{position:relative}.journey-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:10px;align-items:stretch;margin-top:18px}.journey-layout .graph-shell{margin-top:0;padding-top:0}.graph-switch{position:absolute;top:-2px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#fffcf7e0;border:1px solid rgba(117,98,83,.12);box-shadow:0 8px 18px #725c470a}.graph-switch__label{color:#8d7d70;font-size:12px;letter-spacing:.04em}.graph-switch__track{position:relative;width:42px;height:24px;padding:0;border:0;border-radius:999px;background:#d0c2b4cc;transition:background .18s ease}.graph-switch__track.is-on{background:#bfa990f2}.graph-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fffdf9;box-shadow:0 2px 6px #56473e29;transition:transform .18s ease}.graph-switch__track.is-on .graph-switch__thumb{transform:translate(18px)}.journey-layout .graph-canvas{transform:scale(1.2);transform-origin:center center}.graph-canvas{width:100%;height:auto;display:block}.graph-link{stroke:#b7a4938c;stroke-width:1.25;stroke-dasharray:5 5}.graph-node{transition:transform .22s ease,opacity .22s ease}.graph-node circle{fill:#ffffffeb;stroke:#7562532e;stroke-width:1.4}.graph-node:hover circle{fill:#fff7ef;stroke:#75625357}.graph-node.is-center circle{fill:var(--panel-strong);stroke:#75625347;filter:drop-shadow(0 12px 26px rgba(117,98,83,.14))}.word-main{font-size:24px;font-weight:600;fill:var(--text);pointer-events:none}.word-main.is-center{font-size:44px}.word-sub{font-size:15px;fill:var(--text-soft);pointer-events:none}.word-sub.is-center{font-size:17px}.word-sub.is-kana-only{font-size:22px;fill:#6f6054}.word-sub.is-center-kana-only{font-size:34px}.word-detail-card{position:sticky;top:126px;padding:18px 18px 14px;border-radius:18px;background:#fffcf7e6;border:1px solid rgba(117,98,83,.16);box-shadow:0 10px 22px #725c470d,inset 0 1px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.word-detail-card__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.word-detail-card__hero h3{margin:0;font-size:28px;line-height:1.1;color:#4f4036}.word-detail-card__level-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#f3ebe2e6;border:1px solid rgba(117,98,83,.1);color:#8a7768;font-size:10px;line-height:1;white-space:nowrap}.word-detail-card__summary{display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:10px 0 12px;border-bottom:1px solid rgba(117,98,83,.12)}.word-detail-card__reading{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;color:#6e6258;font-size:18px;line-height:1.3;word-break:break-word}.word-detail-card__reading span:last-child{color:#9a8b7e;font-size:15px;letter-spacing:.02em}.word-detail-card__meaning{margin:0;color:var(--text);font-size:17px;line-height:1.55;word-break:break-word}.word-detail-related{margin-top:12px}.word-detail-related__title{margin:0 0 8px;color:#8e7e72;font-size:11px;letter-spacing:.08em}.word-detail-examples{margin:0;padding-left:0;list-style:none;color:#6f6054;font-size:13px}.word-detail-examples__item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;margin-bottom:8px;line-height:1.7;font-size:12px}.word-detail-examples__item:last-child{margin-bottom:0}.word-detail-examples__index{color:#9b8c80;font-size:11px}.word-detail-examples__text{display:block}.path-preview{margin:28px auto 0;width:fit-content;max-width:100%;display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:#fffaf5a6;border:1px solid rgba(117,98,83,.12);box-shadow:inset 0 1px #ffffff73}.path-preview__label{display:inline-flex;align-items:center;color:#aa998d;font-size:14px;font-weight:600;letter-spacing:.08em;margin-right:6px}.path-preview__item{display:inline-flex;align-items:center;color:var(--text-soft);font-size:14px}.path-preview__item:not(:last-child):after{content:"→";margin-left:8px;color:#c2b3a7}.toolbar-shell{margin:36px auto 0;width:fit-content;display:flex;gap:14px;padding:8px 10px;border-radius:999px;background:#f7f1eac7;border:1px solid rgba(117,98,83,.1);box-shadow:0 10px 24px #725c470f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toolbar-button{border:0;background:transparent;color:var(--text-soft);min-width:98px;padding:10px 14px;border-radius:999px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;transition:background .18s ease,color .18s ease,transform .18s ease}.toolbar-button:hover{background:#ffffff73;color:var(--accent-strong);transform:translateY(-1px)}.toolbar-button.is-active{color:var(--accent-strong);background:#ffffffa8;box-shadow:inset 0 1px #ffffff80}.toolbar-icon{font-size:20px;line-height:1}@media(max-width:720px){.topbar-inner,.home-main{width:min(100vw - 20px,1240px)}.topbar-inner{flex-direction:column;align-items:flex-start;gap:12px}.hero-panel,.insight-panel{border-radius:24px}.brand-title{font-size:18px}.topnav{flex-wrap:wrap;gap:10px 16px}.topnav-link{font-size:12px}.about-title{font-size:34px}.about-grid,.about-creator,.bookshelf-hero{grid-template-columns:1fr}.bookshelf-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.bookshelf-book__title-block h3{font-size:22px}.bookshelf-book__name{font-size:15px}.kyoto-hero{grid-template-columns:1fr}.kyoto-card{padding:22px 20px}.kyoto-card h3{font-size:24px}.kyoto-card__subtitle{font-size:16px}.kyoto-card__footer{flex-direction:column;align-items:flex-start}.joyo-card{padding:20px 18px}.joyo-search{padding:0}.joyo-search__input{width:100%}.joyo-pagination{justify-content:flex-start}.joyo-index-affix{left:14px;top:50%;transform:translateY(-50%);width:72px;height:72px}.joyo-index-popover{left:96px;right:14px;top:50%;width:auto;transform:translateY(-50%)}.joyo-card__header{flex-direction:column}.joyo-card__header h3{font-size:34px}.joyo-card__body,.joyo-reading-row{grid-template-columns:1fr}.hero-panel{padding:16px 8px 24px}.hero-kicker{margin-top:2px;font-size:12px}.static-map{min-height:unset}.search-shell{min-height:64px;padding:0 18px}.search-input{font-size:18px}.word-main.is-center{font-size:40px}.journey-layout{grid-template-columns:1fr}.graph-switch{right:6px}.journey-layout .graph-canvas{transform:none}.word-detail-card{position:static;order:2}.kyoto-article{padding:24px 20px}.kyoto-article__header h1{font-size:32px}.kyoto-article__subtitle,.kyoto-article__body{font-size:16px}.toolbar-shell,.path-preview{flex-wrap:wrap;justify-content:center}}