.hx-root{--hx-bg:#f5f5f0;--hx-surface:#fff;--hx-ink:#2b2e38;--hx-sub:#626775;--hx-muted:#898d97;--hx-border:#d8d8ce;--hx-accent:#b35a3c;--hx-glyph:#a2703e;--hx-serif:"Yu Mincho", "Hiragino Mincho ProN", serif;background:var(--hx-bg);min-height:100dvh;color:var(--hx-ink);font-feature-settings:"palt"}.ik-root:has(.hx-root){background:var(--hx-bg,#f5f5f0);color:#2b2e38}.ik-frame:has(.hx-root){max-width:none;padding:0}.hx-shell{width:min(480px,100% - 24px);min-height:100dvh;padding:0 0 max(28px, env(safe-area-inset-bottom));margin:0 auto}.hx-root *,.hx-root :before,.hx-root :after{box-sizing:border-box}.hx-root button,.hx-root input{color:inherit;font:inherit}.hx-root button,.hx-root a{-webkit-tap-highlight-color:transparent}.hx-root button:focus-visible,.hx-root a:focus-visible,.hx-root input:focus-visible,.hx-root summary:focus-visible,.hx-carousel-rail:focus-visible{outline:3px solid color-mix(in srgb, var(--hx-accent) 55%, white);outline-offset:3px}.hx-root svg{stroke-width:1.75px;width:20px;height:20px}.hx-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hx-app-header{z-index:40;height:calc(62px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 2px 8px;background:linear-gradient(to bottom, var(--hx-bg) 76%, transparent);justify-content:space-between;align-items:flex-end;display:flex;position:sticky;top:0}.hx-brand-link{letter-spacing:.08em;align-items:center;min-height:44px;font-size:13px;font-weight:700;display:inline-flex}.hx-header-actions{gap:4px;display:flex}.hx-header-actions>button,.hx-quick-search>button,.hx-sheet-close{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid}.hx-header-actions>button:hover{background:#ffffffb3}.hx-glass{-webkit-backdrop-filter:blur(20px)saturate(130%);background:#ffffffd1;border:1px solid #ffffffe0;box-shadow:0 18px 55px #2b2e3829}.hx-overlay-backdrop{z-index:41;cursor:default;background:#2b2e381f;border:0;position:fixed;inset:0}.hx-search-tray{top:calc(56px + env(safe-area-inset-top));z-index:42;border-radius:18px;padding:10px;position:absolute;left:0;right:0}.hx-quick-search{border:1px solid var(--hx-border);background:#ffffffc7;border-radius:13px;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;min-height:52px;padding-left:12px;display:grid}.hx-quick-search>svg{color:var(--hx-muted)}.hx-quick-search input{letter-spacing:.02em;background:0 0;border:0;outline:0;min-width:0;height:50px;padding:0;font-size:14px}.hx-quick-search>button{width:42px;height:42px}.hx-search-results{gap:4px;max-height:min(55dvh,430px);margin-top:9px;display:grid;overflow-y:auto}.hx-search-results a{border-radius:11px;grid-template-columns:54px 1fr auto;align-items:center;gap:8px;min-height:58px;padding:8px 12px;display:grid}.hx-search-results a:hover{background:#f5f5f0d9}.hx-search-results span,.hx-search-results small{color:var(--hx-muted);font-size:11px}.hx-search-results strong{font-family:var(--hx-serif);letter-spacing:.06em;font-size:17px}.hx-search-results p{color:var(--hx-sub);text-align:center;margin:0;padding:24px 8px;font-size:13px}.hx-menu-sheet{top:calc(56px + env(safe-area-inset-top));z-index:42;border-radius:18px;width:min(290px,100vw - 36px);padding:10px;position:absolute;right:0}.hx-menu-sheet a{min-height:60px;font-family:var(--hx-serif);letter-spacing:.05em;border-radius:11px;align-items:center;gap:18px;padding:0 14px;font-size:17px;display:flex}.hx-menu-sheet a:hover{background:#f5f5f0d9}.hx-menu-sheet span{color:var(--hx-accent);letter-spacing:.12em;font-family:sans-serif;font-size:10px}.hx-index{padding-top:30px}.hx-index-header{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:34px;display:flex}.hx-index-header h1{letter-spacing:.035em;margin:0;font-size:clamp(27px,8.2vw,38px);font-weight:700;line-height:1.25}.hx-index-header p{color:var(--hx-sub);letter-spacing:.08em;margin:0;font-size:13px}.hx-builder{border-top:1px solid var(--hx-border);padding:22px 0 0}.hx-builder-heading,.hx-all-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.hx-builder-heading h2,.hx-all-heading h2{letter-spacing:.06em;margin:0;font-size:18px}.hx-builder-heading p{color:var(--hx-sub);margin:5px 0 0;font-size:12px}.hx-builder-heading>span{color:var(--hx-accent);letter-spacing:.14em;font-size:11px}.hx-carousel{gap:9px;display:grid}.hx-carousel-label{align-items:baseline;gap:10px;padding:0 44px;display:flex}.hx-carousel-label span{color:var(--hx-muted);letter-spacing:.12em;font-size:10px}.hx-carousel-label strong{font-family:var(--hx-serif);letter-spacing:.08em;font-size:14px;font-weight:500}.hx-carousel-controls{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:2px;display:grid}.hx-carousel-controls>button{width:40px;height:52px;color:var(--hx-sub);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.hx-carousel-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;padding:7px calc(50% - 39px) 11px;scroll-padding-inline:calc(50% - 39px);display:flex;overflow-x:auto}.hx-carousel-rail::-webkit-scrollbar{display:none}.hx-carousel-rail>button{scroll-snap-align:center;min-height:92px;color:var(--hx-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;flex-direction:column;flex:0 0 78px;justify-content:center;align-items:center;gap:4px;padding:10px 6px;transition:transform .16s,background .16s,border-color .16s,color .16s;display:flex}.hx-carousel-rail>button.is-selected{border-color:var(--hx-border);background:var(--hx-surface);color:var(--hx-ink);transform:scale(1.06);box-shadow:0 8px 22px #2b2e3812}.hx-carousel-rail .hx-glyph{gap:3px;width:38px}.hx-carousel-rail .hx-glyph-line{height:4px}.hx-carousel-rail strong{font-family:var(--hx-serif);font-size:17px;font-weight:500}.hx-carousel-rail small{font-size:10px}.hx-builder-divider{background:var(--hx-border);width:46px;height:1px;margin:10px auto}.hx-builder-result{border:1px solid color-mix(in srgb, var(--hx-accent) 35%, var(--hx-border));background:var(--hx-surface);border-radius:15px;grid-template-columns:52px 64px 1fr 24px;align-items:center;gap:10px;min-height:88px;margin-top:20px;padding:13px 14px;display:grid;box-shadow:0 10px 28px #2b2e3812}.hx-builder-result-number{color:var(--hx-muted);font-size:10px}.hx-builder-result>span:nth-child(3){flex-direction:column;gap:3px;display:flex}.hx-builder-result strong{font-family:var(--hx-serif);letter-spacing:.08em;font-size:20px}.hx-builder-result small{color:var(--hx-sub);font-size:11px}.hx-builder-result>svg{color:var(--hx-accent)}.hx-all{margin-top:54px}.hx-all-heading{align-items:center}.hx-all-heading>div:first-child{align-items:baseline;gap:10px;display:flex}.hx-all-heading span{color:var(--hx-muted);font-size:11px}.hx-view-switch{gap:5px;display:flex}.hx-view-switch button{border:1px solid var(--hx-border);background:var(--hx-surface);cursor:pointer;border-radius:11px;place-items:center;width:44px;height:44px;padding:0;display:grid}.hx-view-switch button[aria-pressed=true]{border-color:var(--hx-accent);color:var(--hx-accent)}.hx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hx-card{border:1px solid var(--hx-border);background:var(--hx-surface);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:214px;padding:16px 8px 14px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;box-shadow:0 6px 20px #2b2e380a}.hx-card:hover{border-color:color-mix(in srgb, var(--hx-accent) 35%, var(--hx-border));transform:translateY(-2px);box-shadow:0 12px 26px #2b2e3817}.hx-card-number{color:var(--hx-sub);letter-spacing:.1em;font-size:11px}.hx-card-name{font-family:var(--hx-serif);letter-spacing:.09em;font-size:clamp(18px,5.6vw,23px);line-height:1.4}.hx-card-reading{color:var(--hx-sub);letter-spacing:.08em;font-size:11px}.hx-card-keywords{width:100%;color:var(--hx-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.hx-glyph{width:48px;color:var(--hx-glyph);flex-direction:column-reverse;gap:4px;display:inline-flex}.hx-glyph-line{background:currentColor;border-radius:1px;width:100%;height:5px;display:block}.hx-glyph-line.is-yin{background:linear-gradient(90deg,currentColor 0 42%,#0000 42% 58%,currentColor 58% 100%)}.hx-glyph--md{gap:5px;width:62px}.hx-glyph--md .hx-glyph-line{height:6px}.hx-glyph--lg{gap:10px;width:clamp(128px,38vw,174px)}.hx-glyph--lg .hx-glyph-line{border-radius:2px;height:11px}.hx-matrix-wrap{padding:4px 0 16px;overflow-x:auto}.hx-matrix{grid-template-columns:48px repeat(8,1fr);gap:5px;min-width:520px;display:grid}.hx-matrix-corner,.hx-matrix-head{min-height:46px;color:var(--hx-sub);flex-direction:column;justify-content:center;align-items:center;font-size:15px;display:flex}.hx-matrix-head small{font-size:10px}.hx-matrix-cell{border:1px solid var(--hx-border);background:var(--hx-surface);min-height:72px;color:var(--hx-muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.hx-matrix-cell .hx-glyph{gap:3px;width:34px}.hx-matrix-cell .hx-glyph-line{height:3px}.hx-detail{flex-direction:column;gap:24px;padding-top:10px;display:flex}.hx-back-link{min-height:44px;color:var(--hx-sub);letter-spacing:.04em;align-self:flex-start;align-items:center;gap:3px;font-size:13px;display:inline-flex}.hx-back-link svg{width:17px}.hx-detail-hero{border:1px solid var(--hx-border);background:var(--hx-surface);text-align:center;border-radius:18px;align-items:center;gap:24px;padding:26px 18px 18px;display:grid;box-shadow:0 8px 28px #2b2e380f}.hx-detail-symbol{color:var(--hx-sub);letter-spacing:.11em;flex-direction:column;align-items:center;gap:20px;font-size:12px;display:flex}.hx-detail-title h1{font-family:var(--hx-serif);letter-spacing:.11em;margin:0;font-size:clamp(40px,14vw,58px);font-weight:500;line-height:1.2}.hx-detail-title p{margin:0}.hx-detail-reading{color:var(--hx-sub);letter-spacing:.13em;font-size:13px;margin-top:7px!important}.hx-detail-keywords{letter-spacing:.05em;font-size:14px;margin-top:17px!important}.hx-detail-essence{color:var(--hx-sub);font-size:13px;line-height:1.8;margin-top:13px!important}.hx-detail-trigrams{border-top:1px solid var(--hx-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:16px;display:grid}.hx-detail-trigrams button{border:1px solid var(--hx-border);background:var(--hx-bg);text-align:left;cursor:pointer;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:34px 1fr auto;align-items:center;gap:1px 8px;min-width:0;min-height:70px;padding:9px 8px;display:grid}.hx-detail-trigrams button>span{color:var(--hx-muted);letter-spacing:.1em;font-size:9px}.hx-detail-trigrams .hx-glyph{grid-row:1/3;gap:3px;width:34px}.hx-detail-trigrams .hx-glyph-line{height:3px}.hx-detail-trigrams strong{font-family:var(--hx-serif);align-self:end;font-size:17px;font-weight:500}.hx-detail-trigrams small{color:var(--hx-sub);align-self:start;font-size:10px}.hx-detail-trigrams svg{width:16px;color:var(--hx-accent);grid-area:1/3/3}.hx-detail-tabs{top:calc(62px + env(safe-area-inset-top));z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd6;border:1px solid #ffffffe0;border-radius:13px;grid-template-columns:repeat(4,1fr);padding:4px;display:grid;position:sticky;box-shadow:0 8px 24px #2b2e3817}.hx-detail-tabs button{min-height:44px;color:var(--hx-sub);cursor:pointer;letter-spacing:.04em;background:0 0;border:0;padding:0 3px;font-size:12px;font-weight:600;position:relative}.hx-detail-tabs button[aria-selected=true]{color:var(--hx-ink)}.hx-detail-tabs button span{background:var(--hx-accent);border-radius:99px;height:2px;position:absolute;bottom:4px;left:18%;right:18%}.hx-tab-panel{min-height:360px;padding-top:6px}.hx-overview{gap:30px;display:grid}.hx-reading-block h2,.hx-guidance-section>h2{border-bottom:1px solid var(--hx-border);letter-spacing:.07em;margin:0 0 10px;padding-bottom:9px;font-size:17px}.hx-reading-block p,.hx-judgment-card p,.hx-line-body p{color:var(--hx-sub);margin:0;font-size:14px;line-height:2}.hx-guidance{scroll-snap-type:x mandatory;grid-auto-columns:min(82%,330px);grid-auto-flow:column;gap:10px;padding:2px 2px 12px;display:grid;overflow-x:auto}.hx-guidance article{scroll-snap-align:start;border:1px solid var(--hx-border);background:var(--hx-surface);border-radius:13px;min-height:155px;padding:17px}.hx-guidance h3{letter-spacing:.07em;margin:0 0 8px;font-size:13px}.hx-guidance p{color:var(--hx-sub);margin:0;font-size:13px;line-height:1.8}.hx-judgment-card{border:1px solid var(--hx-border);background:var(--hx-surface);border-radius:16px;padding:24px 20px}.hx-judgment-card>span{color:var(--hx-muted);letter-spacing:.12em;font-size:10px}.hx-judgment-card .hx-original{color:var(--hx-ink);font-family:var(--hx-serif);letter-spacing:.08em;margin-top:28px;font-size:24px;line-height:1.8}.hx-judgment-card>div{background:var(--hx-accent);width:44px;height:1px;margin:30px 0}.hx-judgment-card h2{letter-spacing:.08em;margin:0 0 8px;font-size:13px}.hx-lines{border:1px solid var(--hx-border);background:var(--hx-surface);border-radius:13px;flex-direction:column-reverse;display:flex;overflow:hidden}.hx-line+.hx-line{border-bottom:1px solid var(--hx-border)}.hx-line summary{cursor:pointer;grid-template-columns:54px minmax(0,1fr) 22px;align-items:center;gap:10px;min-height:58px;padding:0 13px;list-style:none;display:grid}.hx-line summary::-webkit-details-marker{display:none}.hx-line summary:after{content:"+";color:var(--hx-accent);text-align:center;font-size:18px}.hx-line[open] summary:after{content:"−"}.hx-line summary span:first-child{font-family:var(--hx-serif);font-weight:600}.hx-line summary span:nth-child(2){color:var(--hx-sub);font-family:var(--hx-serif);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hx-line-body{flex-direction:column;gap:10px;padding:0 15px 18px 77px;display:flex}.hx-line-body .hx-original{color:var(--hx-ink);font-family:var(--hx-serif);font-size:17px}.hx-line-body a{min-height:44px;color:var(--hx-accent);align-items:center;gap:8px;font-size:12px;display:inline-flex}.hx-line-body a>svg{width:15px}.hx-line-body .hx-glyph{gap:2px;width:28px}.hx-line-body .hx-glyph-line{height:3px}.hx-relations{gap:9px;display:grid}.hx-relation-card{border:1px solid var(--hx-border);background:var(--hx-surface);border-radius:12px;grid-template-rows:auto auto;grid-template-columns:42px 58px minmax(0,1fr) 20px;align-items:center;gap:2px 10px;min-height:100px;padding:13px;display:grid}.hx-relation-card>span{color:var(--hx-muted);grid-row:1/3;font-size:10px}.hx-relation-card .hx-glyph{grid-row:1/3;width:50px}.hx-relation-card strong{font-family:var(--hx-serif);letter-spacing:.05em;align-self:end;font-size:16px}.hx-relation-card small{color:var(--hx-sub);align-self:start;font-size:10px}.hx-relation-card>svg{width:16px;color:var(--hx-accent);grid-area:1/4/3}.hx-relation-card.is-self{background:0 0}.hx-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.hx-sequence a{border:1px solid var(--hx-border);background:var(--hx-surface);border-radius:12px;flex-direction:column;justify-content:center;gap:5px;min-height:82px;padding:12px;display:flex}.hx-sequence a.is-next{text-align:right}.hx-sequence span{color:var(--hx-muted);align-items:center;font-size:9px;display:flex}.hx-sequence .is-next span{justify-content:flex-end}.hx-sequence svg{width:13px}.hx-sequence strong{font-family:var(--hx-serif);font-size:14px}.hx-detail-sequence{border-top:1px solid var(--hx-border);margin-top:12px;padding-top:24px}.hx-detail-sequence:has(a:only-child){grid-template-columns:minmax(0,1fr)}.hx-sheet-layer{z-index:80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hx-sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2b2e3857;border:0;position:absolute;inset:0}.hx-trigram-sheet{width:min(480px,100% - 16px);max-height:min(82dvh,690px);padding:12px 20px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;position:relative;overflow-y:auto}.hx-sheet-handle{background:var(--hx-border);border-radius:99px;width:38px;height:4px;margin:0 auto 8px}.hx-sheet-close{position:absolute;top:14px;right:14px}.hx-trigram-sheet-hero{align-items:center;gap:26px;padding:34px 6px 24px;display:flex}.hx-trigram-sheet-hero .hx-glyph{gap:7px;width:100px}.hx-trigram-sheet-hero .hx-glyph-line{height:8px}.hx-trigram-sheet h2{font-family:var(--hx-serif);letter-spacing:.1em;margin:0;font-size:42px;font-weight:500}.hx-trigram-sheet-hero p{color:var(--hx-sub);letter-spacing:.09em;margin:4px 0 0;font-size:13px}.hx-trigram-image{border-top:1px solid var(--hx-border);border-bottom:1px solid var(--hx-border);color:var(--hx-sub);margin:0;padding:18px 0;font-size:14px;line-height:1.8}.hx-trigram-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;display:grid}.hx-trigram-facts div{border:1px solid var(--hx-border);background:#f5f5f0b8;border-radius:12px;min-height:96px;padding:13px}.hx-trigram-facts dt{color:var(--hx-muted);letter-spacing:.12em;font-size:9px}.hx-trigram-facts dd{color:var(--hx-sub);flex-direction:column;gap:4px;margin:8px 0 0;font-size:11px;line-height:1.5;display:flex}.hx-trigram-facts strong{color:var(--hx-ink);font-family:var(--hx-serif);font-size:17px;font-weight:500}.hx-footer{border-top:1px solid var(--hx-border);justify-content:center;margin-top:clamp(60px,14vw,96px);padding:24px 0;display:flex}.hx-footer a{min-height:44px;color:var(--hx-muted);letter-spacing:.08em;align-items:center;font-size:11px;display:inline-flex}@media (max-width:380px){.hx-index-header h1{font-size:27px}.hx-grid{gap:8px}.hx-card{min-height:202px}.hx-builder-result{grid-template-columns:48px 56px 1fr 20px;gap:7px;padding-inline:10px}.hx-detail-title h1{font-size:41px}.hx-detail-tabs button{font-size:11px}.hx-line-body{padding-left:15px}}@media (prefers-reduced-motion:reduce){.hx-root *,.hx-root :before,.hx-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}