/* Nara is an original compass-like character, not a logo variation. */
[hidden]{display:none!important}
#nara-dock{position:fixed;right:clamp(12px,2vw,24px);bottom:16px;z-index:40;color:#30343B;font-family:var(--body,'DM Sans',sans-serif);text-align:left}
.nara-launcher{display:flex;flex-direction:column;align-items:center;justify-content:center;width:94px;min-height:120px;padding:5px 6px 10px;background:#F2F2EF;color:#30343B;border:1px solid #D4D6D1;border-radius:23px;box-shadow:0 5px 22px #30343B12;cursor:pointer;transition:background-color var(--motion-control,180ms),border-color var(--motion-control,180ms),box-shadow var(--motion-control,180ms);font:inherit}
.nara-launcher:hover{border-color:#B89A5A;box-shadow:0 7px 24px #30343B1C}.nara-figure{display:block;width:76px;height:85px}.nara-art{display:block;width:100%;height:100%;overflow:visible}.nara-launcher-name{display:flex;align-items:baseline;gap:5px;font-size:12px;font-weight:600;line-height:1.4}.nara-launcher-name>span{font-size:12px;color:#61656D;font-weight:400}
.nara-panel{position:absolute;bottom:calc(100% + 12px);right:0;width:min(352px,calc(100vw - 32px));max-height:calc(100svh - 250px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#F2F2EF;color:#30343B;border:1px solid #D4D6D1;border-radius:18px;padding:18px;box-shadow:0 12px 48px #15181C1F;opacity:0;transform:translateY(8px);transition:opacity var(--motion-control,180ms) var(--motion-easing,cubic-bezier(.22,1,.36,1)),transform var(--motion-reveal,220ms) var(--motion-easing,cubic-bezier(.22,1,.36,1));pointer-events:none;box-sizing:border-box}
.nara-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.nara-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.nara-eyebrow{font-size:12px;letter-spacing:.13em;color:#80631F;font-weight:600}.nara-close{display:grid;place-items:center;width:44px;min-height:44px;border:0;background:transparent;color:#61656D;font-size:25px;line-height:1;cursor:pointer;border-radius:8px;flex-shrink:0}.nara-close:hover{background:#E2E3DF}
.nara-introduction{display:flex;align-items:center;gap:15px;margin:0 0 16px}.nara-portrait{width:95px;height:106px;flex-shrink:0}.nara-introduction h2{font:650 27px/1.2 var(--display,'Fraunces',serif);font-variation-settings:'SOFT' 80,'WONK' 1;margin:0 0 8px;letter-spacing:-.03em;color:#30343B}.nara-introduction p{font-size:12px;line-height:1.6;color:#61656D;margin:0}
.nara-options{display:grid;gap:7px}.nara-options>button{display:flex;align-items:center;gap:10px;text-align:left;min-height:50px;padding:11px 12px;border:1px solid #D7D9D3;background:transparent;border-radius:10px;color:#30343B;font:500 12px/1.45 var(--body,'DM Sans',sans-serif);cursor:pointer;transition:background-color var(--motion-control,180ms),border-color var(--motion-control,180ms)}.nara-options>button>span:last-child{margin-left:auto;color:#80631F}.nara-option-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:1px solid #C5B489;border-radius:50%;color:#80631F;font-size:13px}.nara-options>button:hover{background:#E9EAE5;border-color:#B89A5A}
.nara-answer{display:flow-root;font-size:12px;line-height:1.65}.nara-answer>p{border-top:1px solid #D7D9D3;padding-top:15px;margin:16px 0 10px;color:#61656D}.nara-answer-actions{display:flex;flex-wrap:wrap;gap:7px}.nara-answer-actions>a,.nara-answer-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 11px;background:#30343B;color:#F2F2EF;border:1px solid #30343B;border-radius:8px;font:500 12px/1.4 var(--body,'DM Sans',sans-serif);text-decoration:none;cursor:pointer;transition:background-color var(--motion-control,180ms)}.nara-answer-actions>:nth-child(n+2){background:transparent;color:#30343B;border-color:#C4C8BF}.nara-answer-actions>:hover{background:#41464E;color:#F2F2EF}
.nara-footnote{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:14px;padding-top:8px;border-top:1px solid #D7D9D3;font-size:12px;line-height:1.5;color:#61656D}.nara-footnote>button{min-height:44px;padding:4px 0 4px 7px;white-space:nowrap;border:0;background:none;color:#80631F;font:500 12px/1.4 var(--body,'DM Sans',sans-serif);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.nara-restore{position:fixed;right:clamp(12px,2vw,24px);bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:41;min-height:44px;padding:8px 0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#nara-dock :focus-visible,.nara-restore:focus-visible{outline:2px solid #80631F;outline-offset:4px}
@media(max-width:400px){.nara-launcher{width:84px;min-height:110px;padding:4px 5px 9px;border-radius:20px}.nara-figure{width:68px;height:76px}.nara-panel{width:calc(100vw - 24px);padding:14px;max-height:calc(100svh - 230px)}.nara-introduction h2{font-size:25px}.nara-portrait{width:85px;height:95px}.nara-eyebrow{font-size:12px}.nara-options>button{font-size:12px}.nara-footnote{font-size:12px}.nara-introduction{gap:12px}}
@media(prefers-reduced-motion:reduce){#nara-dock *,#nara-dock *::before,#nara-dock *::after{animation:none!important;transition:none!important}.nara-launcher:is(:hover,:focus-visible) .nara-body,.nara-launcher:is(:hover,:focus-visible) .nara-spark{transform:none}.nara-panel{transform:none}}


/* V7 articulated acting: animation lives on the rig, never the clickable plate. */
#nara-dock{bottom:10px;top:auto;transition:opacity 160ms}#nara-dock[data-yielded=true]{opacity:0;pointer-events:none}
.nara-launcher,.nara-launcher:hover{width:132px;min-height:154px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.nara-figure{display:block;width:132px;height:143px;filter:drop-shadow(0 1px 1px #F2F2EF77)}.nara-launcher-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.nara-art [data-joint],.nara-art .nara-eyes,.nara-art .nara-drift{transform-box:view-box;transition:none}.nara-art .nara-drift{transform-origin:120px 190px;animation:nara-idle-sway 5.8s ease-in-out infinite}.nara-art:not([data-pose=idle]) .nara-drift,.nara-art[data-paused=true] .nara-drift{animation-play-state:paused}
@keyframes nara-idle-sway{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-3px) rotate(.6deg)}}
.nara-mouth{opacity:0;transition:opacity 140ms}.nara-mouth-neutral{opacity:1}.nara-art[data-expression=happy] .nara-mouth-neutral,.nara-art[data-expression=attentive] .nara-mouth-neutral,.nara-art[data-expression=surprised] .nara-mouth-neutral{opacity:0}.nara-art[data-expression=happy] .nara-mouth-happy,.nara-art[data-expression=attentive] .nara-mouth-attentive,.nara-art[data-expression=surprised] .nara-mouth-surprised{opacity:1}
.nara-panel{position:fixed;max-height:calc(100svh - 270px)}.nara-portrait{width:101px;height:110px}
.nara-search{margin:14px 0 0;padding-top:14px;border-top:1px solid #D7D9D3}.nara-search>label{display:block;font:600 12px/1.5 var(--body,'DM Sans',sans-serif);margin-bottom:7px}.nara-search-row{display:flex;gap:6px}.nara-search-row input{width:0;flex:1;min-width:0;min-height:44px;padding:10px 11px;box-sizing:border-box;border:1px solid #C7CCC2;background:#FAFAF7;color:#30343B;border-radius:8px;font:400 12px/1.5 var(--body,'DM Sans',sans-serif)}.nara-search-row button{width:44px;min-height:44px;flex-shrink:0;border:1px solid #30343B;border-radius:8px;background:#30343B;color:#F2F2EF;font-size:18px;cursor:pointer}#nara-search-note{font-size:12px;line-height:1.5;color:#61656D;margin:7px 0 0}.nara-query-result{font-size:12px;line-height:1.65;color:#61656D}.nara-query-result:empty{display:none}.nara-query-result p{margin:12px 0 6px}.nara-query-result a{display:inline-flex;align-items:center;min-height:44px;color:#80631F;text-underline-offset:3px;font-size:12px}
@media(max-width:400px){.nara-launcher,.nara-launcher:hover{width:106px;min-height:126px;padding:0}.nara-figure{width:106px;height:115px}.nara-panel{max-height:calc(100svh - 250px)}}
@media(prefers-reduced-motion:reduce){.nara-art *{animation:none!important;transition:none!important}#nara-dock{transition:none}}

@media(max-height:700px){.nara-portrait{width:58px;height:64px}.nara-introduction{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}.nara-introduction h2{font-size:20px}.nara-introduction p{font-size:12px}}

.nara-search[aria-busy=true] button{opacity:.65;cursor:wait}.nara-search input[readonly]{cursor:progress}.nara-query-result p{white-space:pre-line}