:root{--bg:#f7f8fa;--border:#d8dde6;--border-strong:#b9c2d2;--text:#1b2230;--text-dim:#4c5670;--text-faint:#8791a5;--accent:#3b6fd4;--glow:rgba(59,111,212,0.18);--label-bg:rgba(247,248,250,0.75);--panel:#ffffff;--panel-hover:#f0f2f7;--quad-tl:rgba(233,96,96,0.18);--quad-tr:rgba(91,144,240,0.18);--quad-bl:rgba(96,200,120,0.18);--quad-br:rgba(196,160,84,0.2);--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}@media (prefers-color-scheme:dark){:root{--bg:#0b0e14;--border:#232a3a;--border-strong:#2f3850;--text:#e6e9f0;--text-dim:#9aa3b5;--text-faint:#6b7488;--accent:#93b4f5;--glow:rgba(147,180,245,0.18);--label-bg:rgba(11,14,20,0.72);--panel:#11151f;--panel-hover:#161b28;--quad-tl:rgba(233,96,96,0.13);--quad-tr:rgba(91,144,240,0.13);--quad-bl:rgba(96,200,120,0.13);--quad-br:rgba(196,160,84,0.13)}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:860px;margin:0 auto;padding:64px 20px 48px;min-height:100vh;display:flex;flex-direction:column}header.intro{text-align:center}header.intro h1{font-size:1.6rem;margin:0 0 6px;letter-spacing:-.01em}header.intro p{margin:0 0 32px;color:var(--text-dim);font-size:1rem}.tip{position:relative;border-bottom:1px dotted var(--text-faint);cursor:help}.tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--bg);color:var(--text-dim);border:1px solid var(--border-strong);border-radius:8px;padding:4px 10px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.tip:focus-visible:after,.tip:hover:after{opacity:1}.tip:focus-visible{outline:none}.compass-area{flex-direction:column}.compass-area,.compass-row{display:flex;align-items:center;gap:10px}.compass-row{width:100%;justify-content:center}.axis-label{font-family:var(--mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);-webkit-user-select:none;-moz-user-select:none;user-select:none}.axis-left{transform:rotate(180deg)}.axis-left,.axis-right{writing-mode:vertical-rl}.compass{position:relative;width:min(640px,calc(100vw - 90px));aspect-ratio:1/1;border:1px solid var(--border-strong)}.quad{position:absolute;width:50%;height:50%}.quad-tl{top:0;left:0;background:var(--quad-tl)}.quad-tr{top:0;right:0;background:var(--quad-tr)}.quad-bl{bottom:0;left:0;background:var(--quad-bl)}.quad-br{bottom:0;right:0;background:var(--quad-br)}.axis{position:absolute;background:var(--border-strong)}.axis-x{left:0;right:0;top:50%;height:1px}.axis-y{top:0;bottom:0;left:50%;width:1px}a.point{position:absolute;transform:translate(-50%,-50%);text-decoration:none;z-index:1}a.point,a.point .point-icon{display:block;color:var(--text)}a.point .point-icon{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));transition:transform .15s}a.point .point-icon svg{display:block;width:100%;height:100%}a.point .point-label{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);font-size:.82rem;color:var(--text-dim);white-space:nowrap;background:var(--label-bg);padding:1px 7px;border-radius:6px;transition:color .15s}a.point:focus-visible .point-icon,a.point:hover .point-icon{transform:scale(1.22)}a.point:focus-visible .point-label,a.point:hover .point-label{color:var(--text)}a.point:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}a.point.label-above .point-label{top:auto;bottom:calc(100% + 5px)}.back{margin:0 0 28px;font-size:.85rem}.back a{color:var(--text-faint);text-decoration:none;transition:color .15s}.back a:hover{color:var(--accent)}.projects{display:flex;flex-direction:column;gap:14px;width:100%;max-width:680px;margin:0 auto}a.card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px 20px;text-decoration:none;color:inherit;text-align:left;transition:border-color .15s,background .15s,transform .15s}a.card:hover{background:var(--panel-hover);border-color:var(--border-strong);transform:translateY(-1px)}a.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card-top h2{margin:0;font-size:1.12rem;letter-spacing:-.01em}.card-host{font-family:var(--mono);font-size:.78rem;color:var(--text-faint);white-space:nowrap}.card p{margin:6px 0 0;color:var(--text-dim);font-size:.92rem}.arrow{color:var(--text-faint);transition:transform .15s,color .15s}a.card:hover .arrow{color:var(--accent);transform:translateX(2px)}footer.foot{margin-top:auto;padding-top:40px;color:var(--text-faint);font-size:.85rem;text-align:center}footer.foot a{color:var(--text-dim)}@media (max-width:540px){.wrap{padding:40px 12px 32px}.card-top{flex-direction:column;gap:4px}.card-host{white-space:normal}.compass{width:calc(100vw - 70px)}.axis-label,a.point .point-label{font-size:.68rem}}