:root{--bg:#0b0906;--bg-2:#110e09;--panel:#17130d;--panel-2:#1f1a12;--line:#f0b44d33;--line-strong:#f0b44d73;--gold:#f0b44d;--gold-bright:#ffd07a;--text:#f4ebd8;--muted:#c9b98d;--faint:#a39673;--pointer:#e96652;--pointer-soft:#f6a090;--focus:#ffd27a;--radius:16px;--font-serif:var(--font-serif-kr), "Noto Serif KR", "AppleMyungjo", "Nanum Myeongjo", "Batang", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-sans);word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.75}body:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(1100px 760px at 32% 22%,#f0b44d12,#0000 62%),radial-gradient(900px 700px at 88% 92%,#e966520d,#0000 60%);position:fixed;inset:0}.particles{z-index:-1;pointer-events:none;opacity:.5;width:100%;height:100%;position:fixed;inset:0}a{color:var(--gold);text-underline-offset:3px}a:hover{color:var(--gold-bright)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-serif);margin:0 0 .5em;font-weight:700;line-height:1.35}h1{color:var(--gold);font-size:clamp(1.7rem,3.4vw,2.4rem)}h2{font-size:1.35rem}h3{font-size:1.1rem}h4{font-size:1rem}p{margin:0 0 .85em}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--gold);color:#1e1405;border-radius:8px;padding:10px 14px;font-weight:700;position:absolute;top:-80px;left:12px}.skip-link:focus{top:12px}.container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:16px}@media (min-width:768px){.container{padding-inline:28px}}.site-main{min-height:62vh;padding-block:8px 56px}.muted{color:var(--muted)}.faint{color:var(--faint)}.serif{font-family:var(--font-serif)}.site-header{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-top:env(safe-area-inset-top);background:linear-gradient(#0b0906f0,#0b0906b8);position:relative}.site-header__inner{justify-content:space-between;align-items:center;gap:8px;min-height:60px;display:flex}.brand{min-height:44px;color:var(--gold);font-family:var(--font-serif);white-space:nowrap;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brand svg{flex:none;width:30px;height:30px}.brand__version{border:1px solid var(--line);color:var(--faint);font-family:var(--font-sans);letter-spacing:.02em;border-radius:999px;margin-left:-2px;padding:1px 8px;font-size:.72rem;font-weight:600;line-height:1.5}.site-nav ul{gap:2px;margin:0;padding:0;list-style:none;display:flex}.site-nav a{min-height:44px;color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;padding:0 11px;font-size:.95rem;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--text);background:#f0b44d14}.site-nav a[aria-current=page]{color:var(--gold);background:#f0b44d1a}.nav-short{display:none}@media (max-width:899px){.nav-long{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav-short{display:inline}.site-nav a{padding:0 8px}}@media (max-width:419px){.brand__name,.brand__version{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.site-nav a{padding:0 7px;font-size:.92rem}}.site-footer{border-top:1px solid var(--line);padding-block:24px calc(40px + env(safe-area-inset-bottom));color:var(--faint);font-size:.875rem}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.site-footer p{margin:0}.site-footer nav{flex-wrap:wrap;gap:4px 16px;display:flex}.site-footer a{color:var(--muted);align-items:center;min-height:44px;display:inline-flex}.btn{border:1px solid var(--line-strong);min-height:44px;color:var(--text);cursor:pointer;background:#17130d99;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{color:var(--text);background:#f0b44d1a}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--primary{color:#1e1405;background:linear-gradient(#f7c46a,#e3a13a);border-color:#0000;box-shadow:0 8px 28px #f0b44d38}.btn--primary:hover{color:#1e1405;background:linear-gradient(#ffd47f,#efae45)}.btn--draw{min-width:min(100%,280px);min-height:58px;font-size:1.12rem;font-family:var(--font-serif);padding:0 34px}.btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--gold)}.btn--danger{color:var(--pointer-soft);border-color:#e9665299}.icon-btn{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);cursor:pointer;background:#17130dbf;border-radius:50%;place-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-grid}.icon-btn:hover{color:var(--gold);border-color:var(--line-strong)}.icon-btn[aria-pressed=true]{color:#1e1405;background:var(--gold);border-color:var(--gold)}.icon-btn[disabled]{opacity:.35;cursor:not-allowed}.icon-btn svg{width:20px;height:20px}.link-btn{min-height:44px;color:var(--gold);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.segmented{border:1px solid var(--line);background:#17130dd9;border-radius:999px;padding:4px;display:inline-flex}.segmented button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-weight:600}.segmented button[aria-pressed=true]{color:var(--gold);box-shadow:inset 0 0 0 1px var(--line-strong);background:#f0b44d29}.segmented button[disabled]{cursor:not-allowed;opacity:.6}.field{flex-direction:column;gap:6px;width:100%;display:flex}.field label,.field__label{color:var(--muted);font-size:.9rem;font-weight:600}.input,.textarea,.select{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--text);background:#0b0906b3;border-radius:12px;padding:10px 14px}.textarea{resize:vertical;line-height:1.6}.input::placeholder,.textarea::placeholder{color:#8c805f}.field__meta{color:var(--faint);justify-content:space-between;gap:12px;font-size:.8125rem;display:flex}.field__meta>:last-child{white-space:nowrap;flex:none}.notice{border:1px solid var(--line);color:var(--muted);background:#f0b44d0f;border-radius:12px;margin:0;padding:10px 14px;font-size:.9rem}.notice--error{color:var(--pointer-soft);background:#e9665214;border-color:#e966528c}.chip{border:1px solid var(--line-strong);min-height:32px;color:var(--gold);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}a.chip{min-height:44px}a.chip:hover{background:#f0b44d1a}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#1f1a12e6,#17130de6);padding:20px}.fig{flex:none}.fig .fig-bar{fill:var(--gold)}.fig .is-selected .fig-bar{fill:var(--pointer)}.fig .fig-outline{fill:none;stroke:var(--pointer-soft);stroke-width:3px}.fig--muted .fig-bar{fill:var(--muted)}.home{gap:22px;padding-top:12px;display:grid}@media (min-width:768px){.home{grid-template-columns:minmax(0,1fr) minmax(300px,42%);align-items:start;gap:28px}}@media (min-width:1200px){.home{grid-template-columns:minmax(0,7fr) minmax(360px,3fr)}}.home__stage{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.home__stage:fullscreen{background:var(--bg);justify-content:center;padding:24px;overflow:auto}.home__stage:fullscreen .wheel-frame{width:min(92vw,100dvh - 210px)}.modebar{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.wheel-frame{aspect-ratio:1;touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:grab;border-radius:28px;width:min(100%,88vw,760px);position:relative;overflow:hidden}@media (min-width:768px){.wheel-frame{width:min(100%,100dvh - 270px,840px);min-width:320px}}.wheel-frame.is-dragging{cursor:grabbing}.wheel-frame.is-locked{cursor:progress}.wheel-stage{transform-origin:50% 7%;transition:transform .25s;position:absolute;inset:0}.wheel-rotor{transform-origin:50%;will-change:transform;position:absolute;inset:0}.wheel-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wheel-stator{pointer-events:none}.wheel-slider{pointer-events:none;border-radius:50%;position:absolute;inset:3.5%}.wheel-slider:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:50%}.wheel-band{fill:none;stroke:#f0b44d0b}.wheel-sep{stroke:#f0b44d33;stroke-width:1.2px}.wheel-glyph rect{fill:var(--gold)}.wheel-num{fill:var(--muted);font-family:var(--font-sans);opacity:.85;font-size:13px}@media (max-width:599px){.wheel-num{display:none}}.wheel-result{fill:#f0b44d33;stroke:var(--gold);stroke-width:2.4px;animation:1.6s ease-in-out 2 wheel-pulse}@keyframes wheel-pulse{50%{fill:#f0b44d6b}}.wheel-line{fill:none;stroke:#f0b44d8c;stroke-width:1.6px}.wheel-line--faint{stroke:#f0b44d38}.wheel-line--outer{stroke:#f0b44d59;stroke-width:1px}.wheel-tick{stroke:#f0b44d47;stroke-width:1.2px}.wheel-tick--major{stroke:#f0b44da6;stroke-width:2.2px}.wheel-dir{fill:var(--faint);font-family:var(--font-sans);font-size:17px;font-weight:600}.wheel-tri{pointer-events:auto;cursor:pointer}.wheel-tri:focus{outline:none}.wheel-tri__hit{fill:#0000;stroke:#0000;transition:fill .2s}.wheel-tri:hover .wheel-tri__hit{fill:#f0b44d14}.wheel-tri:focus-visible .wheel-tri__hit{stroke:var(--focus);stroke-width:3px}.wheel-tri__glyph rect{fill:var(--gold);opacity:.88}.wheel-tri__name{fill:var(--text);font-family:var(--font-serif);font-size:25px;font-weight:700}.wheel-tri__hanja{fill:var(--muted);font-size:20px;font-weight:500}.wheel-tri__hun{fill:var(--gold);font-family:var(--font-sans);font-size:18.5px;font-weight:700}.wheel-tri__nature{fill:var(--muted);font-family:var(--font-serif);font-weight:500}.wheel-tri__icon{color:var(--gold)}@media (max-width:599px){.wheel-tri__hun{display:none}}.wheel-tri.is-upper .wheel-tri__hit,.wheel-tri.is-both .wheel-tri__hit{fill:#f0b44d26;stroke:var(--gold);stroke-width:2.4px}.wheel-tri.is-lower .wheel-tri__hit{fill:#e966521f;stroke:var(--pointer);stroke-width:2.4px;stroke-dasharray:9 6}.wheel-tri.is-lower .wheel-tri__hun,.wheel-tri.is-lower .wheel-tri__icon{fill:var(--pointer-soft);color:var(--pointer-soft)}.wheel-tri__badge{font-family:var(--font-sans);fill:var(--gold);font-size:15px;font-weight:700}.wheel-tri.is-lower .wheel-tri__badge{fill:var(--pointer-soft)}.wheel-window{fill:#f0b44d12;stroke:#f0b44dd9;stroke-width:1.8px}.wheel-pointer{fill:var(--pointer);filter:drop-shadow(0 0 10px #e96652a6)}.taiji__yin{fill:#15110b}.taiji__yang{fill:var(--gold)}.taiji__halo{fill:none;stroke:#f0b44d73;stroke-width:2px}.taiji-spin{transform-box:fill-box;transform-origin:50%;will-change:transform}.wheel-caption{max-width:46em;color:var(--faint);text-align:center;margin:0;font-size:.8125rem}.draw-area{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:560px;display:flex}.draw-meta{color:var(--muted);text-align:center;margin:0;font-size:.875rem}.draw-note{color:var(--faint);text-align:center;margin:0;font-size:.8125rem}.wheel-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wheel-controls__sep{background:var(--line);align-self:stretch;width:1px;margin-inline:4px}.home__panel{min-width:0;scroll-margin-top:12px}@media (min-width:768px){.home__panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f0b44d4d transparent;max-height:calc(100dvh - 24px);position:sticky;top:12px;overflow-y:auto}}.reading{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#1f1a12f0,#17130df0);padding:22px 20px 24px}.reading__eyebrow{color:var(--gold);letter-spacing:.06em;text-align:center;margin-bottom:8px;font-size:.8125rem;font-weight:700}.reading__back{justify-content:center;margin:-6px 0 6px;display:flex}.reading__head{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:14px;display:flex}.reading__title{flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.reading__number{font-family:var(--font-sans);color:var(--faint);font-size:.875rem;font-weight:600}.reading__name{color:var(--gold);text-shadow:0 0 26px #f0b44d59;font-size:2.1rem}.reading__hanja{color:var(--muted);font-size:1.05rem;font-weight:500}.reading__summary{text-align:center;font-size:1.06rem}.reading__think{border:1px solid var(--line);background:#f0b44d12;border-radius:12px;margin-top:14px;padding:14px 16px}.reading__think h3{color:var(--gold);margin-bottom:4px;font-size:.95rem}.reading__think p{margin:0}.reading__asked{border-left:3px solid var(--line-strong);color:var(--muted);margin:12px 0 0;padding:10px 14px;font-size:.95rem}.reading__asked span{color:var(--faint);font-size:.75rem;font-weight:700;display:block}.reading__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.reading--waiting{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;display:flex}.reading__waiting{font-family:var(--font-serif);color:var(--muted);font-size:1.15rem}.selected-label{border:1.5px solid var(--pointer);color:var(--pointer-soft);border-radius:999px;align-items:center;gap:8px;margin:0;padding:4px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.selected-label:before{content:"";background:var(--pointer);border-radius:2px;width:10px;height:10px}.text-block{margin:6px 0 10px}.text-block__original{font-family:var(--font-serif);letter-spacing:.03em;color:var(--text);margin:0 0 4px;font-size:1.2rem}.text-block__reading{color:var(--faint);margin:0 0 6px;font-size:.9rem}.text-block__translation{margin:0}.text-label{color:var(--faint);letter-spacing:.05em;font-size:.75rem;font-weight:700;display:block}.reading-detail{margin-top:8px}.reading-section{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.reading-section>h2,.reading-section>h3{color:var(--gold)}.reading-section small{font-family:var(--font-sans);color:var(--faint);margin-left:6px;font-size:.8rem;font-weight:500}.bullets{margin:0;padding-left:1.2em}.bullets li{margin-bottom:6px}.trigram-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trigram-pair__item{border:1px solid var(--line);color:var(--text);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;text-decoration:none;display:flex}.trigram-pair__item:hover{border-color:var(--line-strong);color:var(--text);background:#f0b44d0f}.trigram-pair__visual{align-items:center;gap:12px;display:inline-flex}.trigram-pair__item:last-child .trigram-pair__role,.trigram-pair__item:last-child .tri-icon{color:var(--pointer-soft)}.name-parts{margin:2px 0 14px}.name-parts__list{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.name-part{align-items:center;display:flex}.name-part+.name-part:before{content:"+";color:var(--faint);margin-right:6px;font-weight:700}.name-part>a,.name-part>span{border:1px solid var(--line);color:var(--text);background:#0b090673;border-radius:12px;align-items:center;gap:8px;padding:6px 11px;text-decoration:none;display:inline-flex}.name-part>a:hover{border-color:var(--line-strong);color:var(--text)}.name-part--name>span{border-style:dashed}.name-part__text{text-align:left;flex-direction:column;line-height:1.3;display:flex}.name-part__syl{font-family:var(--font-serif);color:var(--gold);font-size:1.2rem;font-weight:700}.name-part__hanja{color:var(--muted);margin-left:5px;font-size:.9rem;font-weight:500}.name-part__gloss{color:var(--faint);white-space:nowrap;font-size:.75rem}.name-part--lower .name-part__syl,.name-part--lower .tri-icon{color:var(--pointer-soft)}.name-parts--compact .name-part>a,.name-parts--compact .name-part>span{gap:6px;padding:4px 9px}.name-parts--compact .name-part__syl{font-size:1.02rem}.name-parts__rule{color:var(--muted);margin:10px 0 0;font-size:.9rem}.trigram-pair__role{color:var(--gold);font-size:.75rem;font-weight:700}.line-card{border:1px solid var(--line);background:#0b090659;border-radius:12px;margin-top:10px;padding:14px 16px;scroll-margin-top:16px}.line-card.is-selected{border-color:var(--pointer);box-shadow:inset 0 0 0 1px var(--pointer), 0 0 26px #e9665224}.line-card:target{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold), 0 0 26px #f0b44d2e}.line-card__head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.line-card__title{color:var(--gold);margin:0}.line-card__title .hanja{color:var(--muted);margin-left:4px;font-weight:500}.line-card__pos{color:var(--faint);margin:0;font-size:.85rem}.selected-tag{background:var(--pointer);color:#1e1405;border-radius:999px;margin-left:8px;padding:1px 9px;font-size:.75rem;font-weight:700;display:inline-block}.reflect{gap:4px 0;margin:10px 0 0;display:grid}.reflect dt{color:var(--gold);font-size:.85rem;font-weight:700}.reflect dd{margin:0 0 6px}.line-details{border-radius:12px}.line-details+.line-details{margin-top:6px}.line-details>summary{cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:6px 10px;list-style:none;display:flex}.line-details>summary::-webkit-details-marker{display:none}.line-details>summary:before{content:"▸";color:var(--gold)}.line-details[open]>summary:before{content:"▾"}.line-details>summary:hover{background:#f0b44d0f}.source-quote{border:1px dashed var(--line-strong);background:#0b090666;border-radius:12px;margin:8px 0 12px;padding:12px 14px}.story-tags{gap:12px;margin:0;padding:0;list-style:none;display:grid}.story-tags p{margin:6px 0 0}.seq-nav{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:8px;display:flex}.extra-card{border:1px dashed var(--line-strong);border-radius:12px;margin-top:14px;padding:14px 16px}.memo{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.memo h3{color:var(--gold)}.memo__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.memo__status{color:var(--muted);margin:8px 0 0;font-size:.875rem}.page{padding-top:20px}.page-head{max-width:52em;margin:8px 0 24px}.page-head__lead{color:var(--muted);font-size:1.05rem}.breadcrumb{color:var(--faint);flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";margin-right:6px}.breadcrumb a{color:var(--muted)}.prose{max-width:44em}.prose p{margin-bottom:1em}.two-col{gap:24px;display:grid}@media (min-width:960px){.two-col{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.two-col__aside{position:sticky;top:16px}}.detail-body{max-width:800px}.hex-hero{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:8px;display:flex}.hex-hero__names{min-width:0}.hex-hero__number{color:var(--faint);font-weight:700}.hex-hero h1{margin:0}.hex-hero__hanja{color:var(--muted);font-family:var(--font-serif);font-size:1.15rem;display:block}.hex-hero__summary{margin-top:10px;font-size:1.1rem}.keyword-list{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.hex-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.hex-card{border:1px solid var(--line);height:100%;color:var(--text);background:#17130dbf;border-radius:14px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.hex-card:hover{border-color:var(--line-strong);color:var(--text);background:#1f1a12e6}.hex-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hex-card__num{color:var(--faint);font-size:.8rem;font-weight:700}.hex-card__name{font-family:var(--font-serif);color:var(--gold);font-size:1.1rem;font-weight:700;line-height:1.3}.hex-card__hanja{color:var(--muted);font-size:.85rem}.hex-card__summary{color:var(--muted);margin:0;font-size:.85rem;line-height:1.55}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:18px;display:flex}.toolbar .field{flex:180px;width:auto}.toolbar .field--grow{flex:3 260px}.result-count{color:var(--faint);margin:0 0 12px;font-size:.875rem}.empty{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);padding:28px 20px}.tri-icon{color:var(--gold);flex:none}.tri-icon .fill{fill:currentColor;fill-opacity:.22}.tri-icon .solid{fill:currentColor;stroke:none}.tri-icon .soft{fill:currentColor;fill-opacity:.16;stroke:none}.tri-icon .thin{stroke-width:1.3px}.tri-icon .dashed{stroke-dasharray:1.6 2.4}.tri-card__icon,.tri-hero-icon{border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#f0b44d2b,#f0b44d08 70%);place-items:center;display:grid}.tri-card__icon{border-radius:18px;width:60px;height:60px}.tri-hero-visual{align-items:center;gap:18px;display:flex}.tri-hero-icon{border-radius:28px;width:104px;height:104px;box-shadow:0 0 36px #f0b44d1f}.tri-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tri-card{border-radius:var(--radius);border:1px solid var(--line);height:100%;color:var(--text);background:#17130dbf;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 16px;padding:18px;text-decoration:none;display:grid}.tri-card:hover{border-color:var(--line-strong);color:var(--text)}.tri-card__name{font-family:var(--font-serif);color:var(--gold);font-size:1.35rem;font-weight:700}.tri-card__hun{color:var(--gold);font-size:.95rem;font-weight:700}.tri-card__meta{color:var(--muted);grid-column:1/-1;margin:6px 0 0;font-size:.9rem}.facts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:16px 0;display:grid}.facts div{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.facts dt{color:var(--faint);font-size:.8rem;font-weight:700}.facts dd{margin:2px 0 0;font-weight:600}.story-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0 0 32px;padding:0;list-style:none;display:grid}.story-card{border-radius:var(--radius);border:1px solid var(--line);height:100%;color:var(--text);background:#17130dbf;padding:20px;text-decoration:none;display:block}.story-card:hover{border-color:var(--line-strong);color:var(--text)}.story-card__name{font-family:var(--font-serif);color:var(--gold);font-size:1.4rem;font-weight:700}.story-card__hanja{color:var(--muted);margin-left:6px;font-size:1rem}.epigraph{border-left:3px solid var(--gold);background:#f0b44d0d;border-radius:0 12px 12px 0;margin:0 0 24px;padding:16px 18px}.epigraph p{margin:0}.flow-part{margin-top:28px}.flow-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.flow-item{border:1px solid var(--line);background:#17130d99;border-radius:14px;grid-template-columns:auto 1fr;gap:4px 14px;padding:14px 16px;display:grid}.flow-item h3{margin:0;font-size:1.05rem}.flow-item h3 a{text-decoration:none}.flow-item__body{grid-column:2}.flow-item__body p{margin:4px 0 0;font-size:.95rem}.flow-item__src{color:var(--faint);font-size:.85rem}@media (max-width:480px){.flow-item{grid-template-columns:1fr}.flow-item__body{grid-column:1}}.journal-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.journal-item{border-radius:var(--radius);border:1px solid var(--line);background:#17130dbf;grid-template-columns:auto 1fr;gap:4px 16px;padding:16px;display:grid}.journal-item__body{min-width:0}.journal-item__meta{color:var(--faint);flex-wrap:wrap;gap:6px 10px;font-size:.8125rem;display:flex}.journal-item__title{margin:4px 0;font-size:1.05rem}.journal-item__actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}@media (max-width:480px){.journal-item{grid-template-columns:1fr}}.settings-section{margin-bottom:22px}.settings-section h2{color:var(--gold)}.option-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 0;display:flex}.option-row:first-of-type{border-top:0}.option-row__text{flex:260px}.option-row__text p{color:var(--faint);margin:0;font-size:.875rem}.switch{border:1px solid var(--line-strong);cursor:pointer;background:#0b0906cc;border-radius:999px;flex:none;width:58px;height:34px;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:26px;height:26px;transition:transform .18s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{border-color:var(--gold);background:#f0b44d4d}.switch[aria-checked=true]:after{background:var(--gold);transform:translate(24px)}.progress{background:#f0b44d1a;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress__bar{background:linear-gradient(90deg,#e3a13a,#ffd07a);height:100%;transition:width .2s}.actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;border:1px solid var(--line-strong);background:#17130df7;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;width:max-content;max-width:calc(100vw - 32px);padding:10px 12px 10px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #00000080}.toast p{margin:0}.guide-toc{flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.guide{margin-bottom:32px;scroll-margin-top:16px}.guide h2{color:var(--gold)}.src-list{padding-left:1.2em}.src-list li{margin-bottom:8px}@media (prefers-reduced-motion:reduce){.wheel-result{animation:none!important}.wheel-stage,.progress__bar,.switch:after{transition:none!important}}[data-motion=reduce] .wheel-result{animation:none!important}[data-motion=reduce] .wheel-stage,[data-motion=reduce] .progress__bar,[data-motion=reduce] .switch:after{transition:none!important}@media print{.site-header,.site-footer,.particles,.wheel-controls,.toast{display:none!important}body{color:#000;background:#fff}}