.atlas{--ink:var(--text);--paper:var(--bg-light);--vouched:var(--brand);--vouched-ink:color-mix(in oklab, var(--brand-ink) 80%, var(--text));--vouched-ink-strong:color-mix(in oklab, var(--brand-ink) 60%, var(--text));--vouched-wash:color-mix(in oklab, var(--brand) 9%, transparent);--vouched-wash-hover:color-mix(in oklab, var(--brand) 16%, transparent);--vouched-wash-strong:color-mix(in oklab, var(--brand) 22%, transparent);--vouched-line:color-mix(in oklab, var(--brand) 40%, transparent);--vouched-line-hover:color-mix(in oklab, var(--brand) 70%, transparent);--chosen:var(--brand-ink);--chosen-wash:color-mix(in oklab, var(--brand-ink) 10%, transparent);--pending:var(--gold-deep);--pending-ink:var(--warning-ink);--pending-wash:color-mix(in oklab, var(--gold-deep) 12%, transparent);--pending-line:color-mix(in oklab, var(--gold-deep) 45%, transparent);color:var(--ink);font:15px/1.65 var(--font-sarabun), var(--font-inter), system-ui, sans-serif}.atlas *,.atlas :before,.atlas :after{box-sizing:border-box}.atlas a{color:inherit}.atlas{background:0 0;position:fixed;inset:0;overflow:hidden}.atlas:before{content:"";z-index:1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");position:absolute;inset:0}.atlasCanvas{position:absolute;inset:0}.atlasCanvas canvas{display:block}.atlasLabels{pointer-events:none;position:absolute;inset:0}.atlasIcon{all:unset;z-index:20;cursor:pointer;width:38px;height:38px;color:color-mix(in oklab, var(--text) 62%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;top:28px}.atlasIcon.left{left:32px}.atlasIcon.right{font-size:13px;font-style:italic;right:32px}.atlasIcon.right.theme{right:78px}.atlasIcon.ring{border:1px solid color-mix(in oklab, var(--text) 26%, transparent)}.atlasIcon:hover{color:var(--text);background:color-mix(in oklab, var(--text) 5%, transparent)}.atlasIcon[aria-expanded=true]{color:var(--text);background:color-mix(in oklab, var(--text) 8%, transparent)}.atlasFilters{z-index:20;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border:1px solid color-mix(in oklab, var(--text) 14%, transparent);min-width:264px;box-shadow:0 8px 26px color-mix(in oklab, var(--text) 9%, transparent);border-radius:8px;gap:11px;padding:15px 16px;display:grid;position:absolute;top:74px;left:32px}.atlasFilters input,.atlasFilters select{font:inherit;color:var(--text);background:var(--glass);border:1px solid color-mix(in oklab, var(--text) 14%, transparent);border-radius:8px;width:100%;padding:8px 10px;font-size:13.5px}.atlasFilters input:focus,.atlasFilters select:focus{border-color:color-mix(in oklab, var(--text) 45%, transparent);outline:none}.atlasFilters label{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--text) 45%, transparent);gap:4px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9.5px;display:grid}.atlasFilters select:disabled{color:color-mix(in oklab, var(--text) 35%, transparent)}.atlasMark{z-index:20;letter-spacing:.02em;color:var(--text);font-size:17px;font-weight:700;position:absolute;bottom:28px;left:32px}.atlasStatus{z-index:20;max-width:min(62vw,620px);color:color-mix(in oklab, var(--text) 50%, transparent);font-size:12px;position:absolute;bottom:58px;left:32px}.atlasStatus b{color:var(--text);font-weight:500}.atlasModal{z-index:40;background:color-mix(in oklab, var(--bg-base) 86%, transparent);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.atlasModal .sheet{background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border:1px solid color-mix(in oklab, var(--text) 14%, transparent);border-radius:8px;max-width:520px;padding:24px 26px}.atlasModal h3{letter-spacing:-.01em;margin:0 0 12px;font-size:17px;font-weight:700}.atlasModal p{color:var(--text-2);margin:0 0 10px;font-size:14px;line-height:1.75}.atlasModal p.muted{color:color-mix(in oklab, var(--text) 50%, transparent);font-size:13px}.atlasModal button{all:unset;cursor:pointer;background:var(--text);color:var(--bg-light);border-radius:99px;margin-top:8px;padding:8px 18px;font-size:13px}.atlasPanel{z-index:25;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-left:1px solid color-mix(in oklab, var(--text) 10%, transparent);width:min(430px,38vw);box-shadow:-24px 0 60px color-mix(in oklab, var(--text) 7%, transparent);opacity:0;pointer-events:none;overscroll-behavior:contain;flex-direction:column;transition:transform .62s cubic-bezier(.16,1,.3,1),opacity .4s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(101%)}.atlasPanel.open{opacity:1;pointer-events:auto;transform:translate(0)}.occPanel{flex-direction:column;height:100%;min-height:0;display:flex}.occLoading{color:color-mix(in oklab, var(--text) 45%, transparent);letter-spacing:.01em;padding:60px 26px;font-size:13px}.occHead{z-index:2;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-bottom:1px solid color-mix(in oklab, var(--text) 8%, transparent);flex:none;padding:22px 26px 16px;position:sticky;top:0}.occHeadTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.occKicker{letter-spacing:.2em;text-transform:uppercase;color:color-mix(in oklab, var(--text) 42%, transparent);padding-top:5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:500}.occHead h2{letter-spacing:-.015em;color:var(--text);margin:10px 0 0;font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.25}.occMeta{color:color-mix(in oklab, var(--text) 50%, transparent);margin:8px 0 0;font-size:12px;line-height:1.6}.occCode{letter-spacing:.04em;color:color-mix(in oklab, var(--text) 65%, transparent);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.occClose{width:30px;height:30px;color:color-mix(in oklab, var(--text) 50%, transparent);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:color .18s,background .18s;display:flex}.occClose:hover{color:var(--text);background:color-mix(in oklab, var(--text) 7%, transparent)}.occBody{flex:none;padding:4px 26px 40px}.occBody section{margin-top:26px}.occSect{letter-spacing:.02em;color:var(--text);align-items:baseline;gap:8px;margin:0 0 12px;font-size:12px;font-weight:600;display:flex}.occCount{letter-spacing:.06em;color:color-mix(in oklab, var(--text) 42%, transparent);margin-left:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;font-weight:400}.occRungN{background:var(--text);width:20px;height:20px;color:var(--bg-light);border-radius:50%;justify-content:center;align-items:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px;font-weight:500;display:inline-flex}.occTabs{border-bottom:1px solid color-mix(in oklab, var(--text) 10%, transparent);gap:2px;margin:0 0 20px;display:flex}.occTabs button{all:unset;cursor:pointer;letter-spacing:.01em;color:color-mix(in oklab, var(--text) 50%, transparent);border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 12px 9px;font-size:12px;transition:color .12s,border-color .12s;display:inline-flex}.occTabs button:hover{color:color-mix(in oklab, var(--text) 80%, transparent)}.occTabs button.on{color:var(--text);border-bottom-color:var(--text);font-weight:600}.occTabs button:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:4px}.occTabN{color:color-mix(in oklab, var(--text) 40%, transparent);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px}.occTabs button.on .occTabN{color:color-mix(in oklab, var(--text) 55%, transparent)}.occLadder{grid-template-columns:repeat(8,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.occLadder li{border:1px solid color-mix(in oklab, var(--text) 12%, transparent);background:color-mix(in oklab, var(--text) 1.5%, transparent);border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:9px 0 7px;display:flex}.occLadder li .n{color:color-mix(in oklab, var(--text) 30%, transparent);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;font-weight:500}.occLadder li .c{color:#0000;min-height:11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9.5px}.occLadder li button{cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;margin:0;padding:0;display:flex}.occLadder li button:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:6px}.occLadder li.on{border-color:var(--vouched-line);background:var(--vouched-wash);transition:background .12s,border-color .12s}.occLadder li.on .n{color:var(--vouched-ink)}.occLadder li.on .c{color:color-mix(in oklab, var(--vouched-ink) 60%, transparent)}.occLadder li.on:hover{border-color:var(--vouched-line-hover);background:var(--vouched-wash-hover)}.occLadder li.sel,.occLadder li.sel:hover{border-color:var(--text);background:var(--text)}.occLadder li.sel .n{color:var(--bg-light)}.occLadder li.sel .c{color:color-mix(in oklab, var(--bg-light) 60%, transparent)}.occRungLead{color:color-mix(in oklab, var(--text) 60%, transparent);margin:0 0 8px;font-size:11.5px;line-height:1.6}.occRungLead.muted{color:color-mix(in oklab, var(--text) 42%, transparent);margin-top:16px}.occHint{color:color-mix(in oklab, var(--text) 42%, transparent);margin:10px 0 0;font-size:11px;line-height:1.65}.occNote{background:color-mix(in oklab, var(--text) 4%, transparent);color:color-mix(in oklab, var(--text) 60%, transparent);border-radius:8px;margin:26px 0 0;padding:14px 16px;font-size:12.5px;line-height:1.7}.occChips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.occChips li{background:var(--vouched-wash);color:var(--vouched-ink);border-radius:8px;padding:6px 11px;font-size:12.5px;line-height:1.45}.occChips li.new{background:var(--vouched-wash-strong);color:var(--vouched-ink-strong);font-weight:500}.occChips li.soft{background:color-mix(in oklab, var(--text) 4%, transparent);color:color-mix(in oklab, var(--text) 55%, transparent)}.occDistilled{border-top:1px solid color-mix(in oklab, var(--text) 8%, transparent);margin-top:22px;padding-top:18px}.occDistilled .occSect{margin-bottom:10px}.occChips li.ok{background:var(--vouched-wash);color:var(--vouched-ink)}.occChips li.pend{background:var(--pending-wash);color:var(--pending-ink);border:1px dashed var(--pending-line);padding:5px 10px}.occRelated{margin:0;padding:0;list-style:none}.occRelated li+li{border-top:1px solid color-mix(in oklab, var(--text) 7%, transparent)}.occRelated button{all:unset;text-align:left;cursor:pointer;box-sizing:border-box;align-items:baseline;gap:14px;width:100%;padding:11px 0;transition:color .15s;display:flex}.occClose{all:unset;width:30px;height:30px;color:color-mix(in oklab, var(--text) 50%, transparent);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:color .18s,background .18s;display:flex}.occRelated .name{color:var(--text);font-size:13px;line-height:1.5}.occRelated .why{letter-spacing:.04em;color:color-mix(in oklab, var(--text) 38%, transparent);flex:none;align-self:flex-start;margin-left:auto;padding-top:3px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9.5px}.occRelated button:hover .name{color:var(--chosen)}.occFoot{border-top:1px solid color-mix(in oklab, var(--text) 7%, transparent);letter-spacing:.02em;color:color-mix(in oklab, var(--text) 35%, transparent);margin:32px 0 0;padding-top:14px;font-size:10.5px}.atlas.withPanel .atlasIcon.right{transform:translate(max(-430px,-38vw))}.atlasIcon{transition:transform .62s cubic-bezier(.16,1,.3,1),color .2s,background .2s}@media (max-width:720px){.atlasPanel{border-left:none;border-top:1px solid color-mix(in oklab, var(--text) 10%, transparent);width:auto;height:62vh;box-shadow:0 -20px 50px color-mix(in oklab, var(--text) 9%, transparent);border-radius:16px 16px 0 0;top:auto;left:0;transform:translateY(101%)}.atlasPanel.open{transform:translateY(0)}.atlas.withPanel .atlasCanvas,.atlas.withPanel .atlasIcon.right{transform:none}}.atlasFilters{min-width:330px;max-width:380px}.titleSearch{gap:9px;display:grid}.tsInput{font:inherit;color:var(--text);background:var(--glass);border:1px solid color-mix(in oklab, var(--text) 20%, transparent);border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.tsInput:focus{border-color:var(--chosen);outline:none}.tsResult{max-height:46vh;overflow-y:auto}.tsNote{color:color-mix(in oklab, var(--text) 55%, transparent);margin:0 0 8px;font-size:12px;line-height:1.65}.tsVia{letter-spacing:.05em;color:color-mix(in oklab, var(--text) 40%, transparent);margin-left:7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9.5px;display:inline-block}.tsList{margin:0;padding:0;list-style:none}.tsList li+li{border-top:1px solid color-mix(in oklab, var(--text) 8%, transparent)}.tsList button{all:unset;box-sizing:border-box;cursor:pointer;border-radius:8px;gap:2px;width:100%;padding:9px 8px;display:grid}.tsList button:hover{background:var(--chosen-wash)}.tsName{color:var(--text);font-size:13.5px;line-height:1.45}.tsMeta{color:color-mix(in oklab, var(--text) 50%, transparent);font-size:11px;line-height:1.5}.atlasFilterRule{border-top:1px solid color-mix(in oklab, var(--text) 10%, transparent);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--text) 38%, transparent);margin-top:4px;padding-top:11px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9.5px}