@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.css";
@import "https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css";
:root{--color-atomic-cool-neutral-99:#f7f7f8;--color-atomic-green-95:#d4f7e0;--color-atomic-green-40:#00992f;--color-atomic-red-orange-50:#ff5c1f;--color-atomic-violet-50:#6541f2;--color-atomic-violet-95:#f0ecfe;--color-bg-normal:#fff;--color-bg-alternative:#f7f7f8;--color-label-normal:#171719;--color-label-strong:#000;--color-label-neutral:#2e2f33e0;--color-label-alternative:#37383c9c;--color-label-assistive:#37383c47;--color-label-disable:#37383c29;--color-line-normal-normal:#70737c38;--color-line-normal-neutral:#70737c29;--color-line-normal-alternative:#70737c14;--color-fill-normal:#70737c0d;--color-fill-strong:#70737c1f;--color-fill-neutral:#70737c14;--color-fill-alternative:#70737c0a;--color-primary-normal:#06f;--color-primary-strong:#005eeb;--color-primary-bg:#eaf2fe;--color-status-positive:#00bf40;--color-status-cautionary:#ff9c00;--color-status-negative:#ff4242;--color-accent-violet-bg:#f0ecfe;--color-accent-red-orange-bg:#ffe9dc;--pp-bg:var(--color-bg-normal);--pp-surface:#fff;--pp-surface-soft:var(--color-atomic-cool-neutral-99);--pp-ink:var(--color-label-normal);--pp-ink-soft:var(--color-label-alternative);--pp-ink-dim:var(--color-label-assistive);--pp-line:var(--color-line-normal-alternative);--pp-line-strong:var(--color-line-normal-neutral);--pp-primary:var(--color-primary-normal);--pp-primary-bg:var(--color-primary-bg);--pp-pain:var(--color-atomic-red-orange-50);--pp-pain-bg:var(--color-accent-red-orange-bg);--pp-violet:var(--color-atomic-violet-50);--pp-violet-bg:var(--color-accent-violet-bg);--pp-positive:var(--color-status-positive);--pp-warn:var(--color-status-cautionary);--pp-neg:var(--color-status-negative);--font-display:"Wanted Sans Variable", "Pretendard", -apple-system, sans-serif;--font-base:"Pretendard JP", "Pretendard", -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-base);background:var(--pp-bg);color:var(--pp-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}a{color:inherit}.pp-wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-label-strong);align-items:center;gap:8px;font-size:18px;font-weight:900;text-decoration:none;display:inline-flex}.pp-wordmark .dot{background:var(--pp-pain);border-radius:9999px;width:9px;height:9px;animation:2s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ff5c1f80}70%{box-shadow:0 0 0 8px #ff5c1f00}to{box-shadow:0 0 #ff5c1f00}}.pp-pill{height:26px;font:600 12px/1 var(--font-base);letter-spacing:.01em;background:var(--color-fill-alternative);color:var(--pp-ink-soft);border-radius:9999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pp-pill[data-tone=primary]{background:var(--pp-primary-bg);color:var(--pp-primary)}.pp-pill[data-tone=pain]{background:var(--pp-pain-bg);color:var(--pp-pain)}.pp-pill[data-tone=violet]{background:var(--pp-violet-bg);color:var(--pp-violet)}.pp-pill[data-tone=positive]{background:var(--color-atomic-green-95);color:var(--color-atomic-green-40)}.pp-pill[data-tone=warn]{color:#b45e00;background:#fff1d6}.pp-pill[data-tone=dark]{background:var(--color-label-normal);color:#fff}.pp-card{background:var(--pp-surface);border:1px solid var(--pp-line);border-radius:20px;padding:24px}.pp-card-soft{background:var(--pp-surface-soft);border-radius:16px;padding:20px}.pp-btn{cursor:pointer;height:44px;font:700 15px/1 var(--font-base);letter-spacing:.01em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:background .15s ease-out,color .15s ease-out;display:inline-flex}.pp-btn[data-variant=primary]{background:var(--color-label-strong);color:#fff}.pp-btn[data-variant=primary]:hover{background:#000}.pp-btn[data-variant=brand]{background:var(--pp-primary);color:#fff}.pp-btn[data-variant=brand]:hover{background:var(--color-primary-strong)}.pp-btn[data-variant=ghost]{color:var(--pp-ink);border:1px solid var(--pp-line-strong);background:0 0}.pp-btn[data-variant=ghost]:hover{background:var(--color-fill-normal)}.pp-btn[data-size=sm]{border-radius:10px;height:36px;padding:0 14px;font-size:13px}.pp-search{background:#fff;border-radius:16px;align-items:center;gap:12px;height:64px;padding:0 8px 0 22px;display:flex;box-shadow:0 8px 28px #17171914,0 1px #1717190a}.pp-search input{height:100%;font:500 17px/1.4 var(--font-base);letter-spacing:-.01em;color:var(--pp-ink);background:0 0;border:none;outline:none;flex:1}.pp-search input::placeholder{color:var(--pp-ink-dim)}.pp-tabs{border-bottom:1px solid var(--pp-line);gap:4px;display:flex}.pp-tab{cursor:pointer;height:48px;font:600 15px/1 var(--font-base);letter-spacing:.005em;color:var(--pp-ink-soft);background:0 0;border:none;align-items:center;gap:8px;padding:0 18px;display:inline-flex;position:relative}.pp-tab[data-active=true]{color:var(--pp-ink)}.pp-tab[data-active=true]:after{content:"";background:var(--color-label-strong);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.pp-tab .count{background:var(--color-fill-alternative);color:var(--pp-ink-soft);border-radius:9999px;padding:2px 7px;font-size:12px}.pp-tab[data-active=true] .count{background:var(--color-label-strong);color:#fff}.sev{gap:3px;display:inline-flex}.sev i{background:var(--color-fill-normal);border-radius:2px;width:14px;height:4px;display:block}.sev[data-level=high] i:nth-child(-n+3){background:var(--pp-pain)}.sev[data-level=mid] i:nth-child(-n+2){background:var(--pp-warn)}.sev[data-level=low] i:nth-child(-n+1){background:var(--pp-ink-soft)}.pp-log{font-family:var(--font-mono);color:var(--pp-ink-soft);font-size:12px;line-height:1.8}.pp-log .ok{color:var(--color-atomic-green-40)}.pp-log .num{color:var(--pp-primary);font-weight:700}.pp-log .src{color:var(--pp-pain);font-weight:700}.fade-in{animation:.24s ease-out both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.scroll-y{overflow-y:auto}.scroll-y::-webkit-scrollbar{width:8px}.scroll-y::-webkit-scrollbar-thumb{background:#70737c38;border-radius:9999px}.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--pp-primary);outline-offset:2px}
