html,body,#portfolio-root{width:100%;height:100%;margin:0;overflow:hidden;background:#c4dcf0;color:#1a2330;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#portfolio-root{position:relative;isolation:isolate}#portfolio-root canvas{display:block}#portfolio-root:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(120% 120% at 50% 42%,transparent 58%,rgba(8,16,28,.28) 100%)}.portfolio-overlay{position:absolute;left:16px;bottom:16px;display:grid;gap:4px;padding:10px 14px;border:1px solid rgba(255,255,255,.6);border-radius:10px;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1a2330;font-size:13px;line-height:1.4;z-index:10;pointer-events:none;box-shadow:0 8px 24px #14283c24}.portfolio-overlay strong{font-size:14px;letter-spacing:.01em}.portfolio-overlay span[data-summary]{color:#2c3a4d}.portfolio-overlay span[data-hint]{color:#6a7a8d;font-size:12px}.portfolio-overlay span[data-credit]{margin-top:6px;padding-top:6px;border-top:1px solid rgba(0,0,0,.08);color:#7a8898;font-size:11px;letter-spacing:.02em}.portfolio-back{position:absolute;right:18px;top:18px;padding:8px 14px;border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);color:#1a2330;font-size:12px;text-decoration:none;letter-spacing:.02em;box-shadow:0 6px 18px #14283c1f;z-index:10;transition:transform .18s ease,background .18s ease}.portfolio-back:hover{background:#ffffffeb;transform:translateY(-1px)}.portfolio-mode{position:absolute;left:18px;top:18px;padding:8px 15px;border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);color:#1a2330;font-size:12px;font-family:inherit;letter-spacing:.02em;cursor:pointer;box-shadow:0 6px 18px #14283c1f;z-index:10;transition:transform .18s ease,background .18s ease}.portfolio-mode:hover{background:#ffffffeb;transform:translateY(-1px)}.portfolio-weather{position:absolute;left:18px;top:62px;padding:8px 15px;border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);color:#1a2330;font-size:12px;font-family:inherit;letter-spacing:.02em;cursor:pointer;box-shadow:0 6px 18px #14283c1f;z-index:10;transition:transform .18s ease,background .18s ease}.portfolio-weather:hover{background:#ffffffeb;transform:translateY(-1px)}.portfolio-walk-prompt{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;pointer-events:none;text-align:center;color:#f4f7f2;text-shadow:0 2px 12px rgba(0,0,0,.75);font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.portfolio-walk-prompt strong{font-size:clamp(1rem,2.4vw,1.5rem);letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(163,230,53,.7);background:#0a0a0b73;padding:.7rem 1.4rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.portfolio-walk-prompt span{font-size:clamp(.55rem,1.2vw,.7rem);letter-spacing:.22em;text-transform:uppercase;color:#f4f7f2b8}