@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Variable.woff2) format("woff2-variations"),url(/fonts/SpaceGrotesk-Variable.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Variable.woff2) format("woff2-variations"),url(/fonts/JetBrainsMono-Variable.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2) format("woff2-variations"),url(/fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-024F,U+1100-11FF,U+2000-206F,U+25A0-25FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+FB00-FB4F}@font-face{font-family:Pretendard;src:url(/fonts/PretendardJPVariable.woff2) format("woff2-variations"),url(/fonts/PretendardJPVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+4E00-9FFF,U+FF00-FFEF}:root{--bg-base: #020617;--bg-deep: #040a1f;--bg-raised: #0b1426;--bg-card: #111b32;--bg-warm: #1a1a2e;--navy: #0f172a;--text-primary: #f1f5ff;--text-secondary: #c0c9dd;--text-muted: #7a869f;--text-dim: #4b5878;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--neon-teal: #22d3ee;--neon-cyan: #06b6d4;--neon-indigo: #6366f1;--neon-violet: #8b5cf6;--accent-yellow: #fbbf24;--accent-yellow-hover: #f5b117;--accent-yellow-fg: #1a1a2e;--accent-pink: #f472b6;--accent-coral: #fb7185;--accent-tool-green: #10b981;--accent-cta: #6366f1;--accent-cta-hover: #5558e3;--accent-highlight: #fbbf24;--accent-warm: #ff8a5b;--accent-warm-soft: rgba(255, 138, 91, .14);--glow-teal: rgba(34, 211, 238, .55);--glow-indigo: rgba(99, 102, 241, .45);--glow-violet: rgba(139, 92, 246, .35);--glow-yellow: rgba(251, 191, 36, .35);--glow-pink: rgba(244, 114, 182, .3);--glow-coral: rgba(251, 113, 133, .3);--gradient-brand: linear-gradient(135deg, #22d3ee 0%, #6366f1 55%, #8b5cf6 100%);--gradient-cta: linear-gradient(135deg, #22d3ee 0%, #6366f1 100%);--gradient-headline: linear-gradient(135deg, #22d3ee 0%, #6366f1 60%, #8b5cf6 100%);--gradient-warm: linear-gradient(135deg, #f472b6 0%, #fb7185 100%);--gradient-section-hero: linear-gradient(180deg, #020617 0%, #0a1230 70%, #1a0f2e 100%);--gradient-section-about: linear-gradient(180deg, var(--bg-base) 0%, var(--navy) 100%);--gradient-section-crew: linear-gradient(180deg, var(--navy) 0%, var(--bg-base) 100%);--gradient-footer: linear-gradient(180deg, var(--bg-base) 0%, #0a0f1e 100%);--status-success: #22c55e;--status-warning: #fbbf24;--status-error: #ef4444;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(6, 10, 30, .4);--shadow-md: 0 8px 24px rgba(6, 10, 30, .5);--shadow-lg: 0 20px 60px rgba(6, 10, 30, .65);--shadow-glow-sm: 0 4px 16px rgba(99, 102, 241, .25);--shadow-glow-md: 0 10px 32px rgba(99, 102, 241, .35);--shadow-glow-yellow: 0 8px 28px rgba(251, 191, 36, .28);--s-xs: .5rem;--s-sm: 1rem;--s-md: 2rem;--s-lg: 3rem;--s-xl: 4rem;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--sp-3xl: 64px;--font-display: "Space Grotesk", "Pretendard", system-ui, sans-serif;--font-main: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-code: "JetBrains Mono", "D2Coding", "Courier New", monospace;--font-jp: "Pretendard", "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--type-scale: 1;--font-serif: "Fraunces", "Gowun Batang", "Shippori Mincho", "Space Grotesk", serif;--font-hand: "Caveat", "Gaegu", "Yomogi", "Space Grotesk", cursive;--type-display-xl-size: clamp(48px, 6.4vw, 96px);--type-display-xl-lh: 1.02;--type-display-xl-tracking: -.02em;--type-display-lg-size: clamp(40px, 4.8vw, 72px);--type-display-lg-lh: 1.05;--type-display-lg-tracking: -.02em;--type-h1-size: 40px;--type-h1-lh: 1.15;--type-h2-size: 28px;--type-h2-lh: 1.25;--type-h3-size: 20px;--type-h3-lh: 1.3;--type-body-size: 16px;--type-body-lh: 1.55;--type-small-size: 14px;--type-small-lh: 1.5;--type-eyebrow-size: 11px;--type-eyebrow-tracking: .18em;--paper: #fef8ea;--ink: #0c1324;--stamp: #c2463a;--dur-fast: .18s;--dur-base: .3s;--dur-slow: .6s;--ease: cubic-bezier(.22, .61, .36, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--brand-focus-primary: #6366f1;--brand-focus-accent: #22d3ee;--brand-focus-glow: rgba(99, 102, 241, .45);--brand-words-primary: #8b5cf6;--brand-words-accent: #22d3ee;--brand-words-glow: rgba(139, 92, 246, .35);--brand-dday-primary: #22d3ee;--brand-dday-accent: #6366f1;--brand-dday-glow: rgba(34, 211, 238, .55);--brand-log-primary: #6366f1;--brand-log-accent: #8b5cf6;--brand-log-glow: rgba(99, 102, 241, .45)}html,body{background:var(--bg-base);color:var(--text-primary);color-scheme:light dark;font-synthesis:none;font-feature-settings:"ss01","cv01";font-family:var(--font-main);font-size:calc((16px) * var(--type-scale));line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{font-size:16px}html[data-type-scale=large]{--type-scale: 1.15}html[data-type-scale=xlarge]{--type-scale: 1.3}h1{font-family:var(--font-display);font-size:calc((32px) * var(--type-scale));font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.01em;margin:0}h2{font-family:var(--font-display);font-size:calc((24px) * var(--type-scale));font-weight:600;line-height:1.3;color:var(--text-primary);margin:0}h3{font-family:var(--font-display);font-size:calc((20px) * var(--type-scale));font-weight:600;line-height:1.3;color:var(--accent-highlight);margin:0}p{font-size:calc((16px) * var(--type-scale));line-height:1.5;color:var(--text-secondary);margin:0}small{font-size:calc((12px) * var(--type-scale));line-height:1.4;color:var(--text-muted)}.eyebrow{font-family:var(--font-display);font-size:calc((10px) * var(--type-scale));font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-highlight)}.button,button.pipi-btn{font-family:var(--font-display);font-size:calc((16px) * var(--type-scale));font-weight:600;line-height:1;letter-spacing:0;padding:12px 20px;border-radius:var(--radius-md);background:var(--accent-cta);color:var(--text-primary);border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.button:hover,button.pipi-btn:hover{background:var(--accent-cta-hover)}.button:active,button.pipi-btn:active{transform:scale(.98)}.btn{font-family:var(--font-display);font-size:calc((15px) * var(--type-scale));font-weight:600;line-height:1;letter-spacing:0;padding:14px 22px;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn-primary{background:var(--accent-yellow);color:var(--accent-yellow-fg);box-shadow:var(--shadow-glow-yellow)}.btn-primary:hover{background:var(--accent-yellow-hover);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--neon-teal)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--border-subtle)}code,pre,.mono{font-family:var(--font-code);font-size:calc((14px) * var(--type-scale));letter-spacing:.03em;color:var(--text-primary)}.brand-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient{background:var(--gradient-headline);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-warm{background:var(--gradient-warm);-webkit-background-clip:text;background-clip:text;color:transparent}.data-large{font-family:var(--font-code);font-size:calc((48px) * var(--type-scale));font-weight:700;line-height:1.1;letter-spacing:.04em}.data-medium{font-family:var(--font-code);font-size:calc((24px) * var(--type-scale));font-weight:700;line-height:1.2;letter-spacing:.02em}.data-small{font-family:var(--font-code);font-size:calc((14px) * var(--type-scale));font-weight:400;line-height:1.3;letter-spacing:.01em}.pipi-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.pipi-card-glass{background:linear-gradient(180deg,#111b32d9,#111b328c);border:1px solid var(--border-default);border-radius:var(--radius-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}:focus-visible{outline:2px solid var(--neon-teal);outline-offset:2px;box-shadow:0 0 0 4px var(--glow-teal)}html[lang^=ko]{--font-serif: "Gowun Batang", "Fraunces", serif;--font-hand: "Gaegu", "Caveat", cursive}html[lang^=ja]{--font-serif: "Shippori Mincho", "Fraunces", serif;--font-hand: "Yomogi", "Caveat", cursive}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{overflow-x:hidden;background-image:radial-gradient(1200px 600px at 85% -10%,rgba(99,102,241,.18),transparent 60%),radial-gradient(900px 500px at 10% 40%,rgba(34,211,238,.12),transparent 60%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);background-size:auto,auto,28px 28px;background-attachment:fixed,fixed,fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:screen;opacity:.55}body>*{position:relative;z-index:1}.pipi-sticker{filter:drop-shadow(0 0 1.5px #f5f1e4) drop-shadow(0 0 1.5px #f5f1e4) drop-shadow(0 0 4px rgba(245,241,228,.55)) drop-shadow(0 10px 20px rgba(0,0,0,.45)) drop-shadow(0 0 14px rgba(139,92,246,.25));transition:transform var(--dur-base) var(--ease)}.pipi-sticker:hover{transform:translateY(-3px) scale(1.04)}.pipi-sticker-card{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);--sticker-accent: 139, 92, 246}.pipi-sticker-card:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;background:radial-gradient(80% 45% at 50% 0%,rgba(var(--sticker-accent),.1),transparent 72%),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border-subtle)}.pipi-sticker-card:after{content:"";position:absolute;left:50%;top:50%;width:74%;aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;z-index:0;background:radial-gradient(circle at 50% 55%,rgba(var(--sticker-accent),.3) 0%,rgba(var(--sticker-accent),.12) 45%,transparent 62%);filter:blur(6px);opacity:.7;pointer-events:none}.pipi-sticker-card>*{position:relative;z-index:1}.pipi-logo{filter:drop-shadow(0 0 1px #f5f1e4) drop-shadow(0 0 1px #f5f1e4) drop-shadow(0 0 2px rgba(245,241,228,.5))}.pipi-sticker-card[data-accent=teal]{--sticker-accent: 34, 211, 238}.pipi-sticker-card[data-accent=cyan]{--sticker-accent: 6, 182, 212}.pipi-sticker-card[data-accent=indigo]{--sticker-accent: 99, 102, 241}.pipi-sticker-card[data-accent=violet]{--sticker-accent: 139, 92, 246}.pipi-sticker-card[data-accent=amber]{--sticker-accent: 251, 191, 36}.pipi-sticker-card[data-accent=coral]{--sticker-accent: 255, 138, 91}header .pipi-sticker{filter:none}header .pipi-sticker:hover{transform:translateY(-1px)}.ak-eyebrow{font-family:var(--font-code);font-size:calc((.72rem) * var(--type-scale));font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-highlight);display:inline-block}.ak-grad{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.ak-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);position:relative}.pw-guide{max-width:1200px;margin:32px auto 0;padding:0 clamp(20px,2.4vw,32px);color:var(--text-secondary);line-height:1.7;font-size:calc((16px) * var(--type-scale));word-break:keep-all}.pw-guide h2{font-family:var(--font-display);font-size:calc((clamp(22px,2.4vw,32px)) * var(--type-scale));line-height:1.25;font-weight:700;color:var(--text-primary);margin:32px 0 12px;letter-spacing:-.01em}.pw-guide h2:first-child{margin-top:0}.pw-guide h3{font-family:var(--font-display);font-size:calc((16px) * var(--type-scale));font-weight:600;color:var(--accent-highlight);margin:24px 0 8px;text-transform:uppercase;letter-spacing:.04em}.pw-guide p{color:var(--text-secondary);font-size:calc((16px) * var(--type-scale));line-height:1.7;margin:8px 0;max-width:760px}.pw-guide ul,.pw-guide ol{color:var(--text-secondary);line-height:1.7;padding-left:24px;margin:8px 0;max-width:760px}.pw-guide ul li,.pw-guide ol li{margin:4px 0}.pw-guide code{font-family:var(--font-code);font-size:calc((13px) * var(--type-scale));padding:2px 6px;border-radius:var(--radius-xs);background:var(--bg-raised);color:var(--neon-teal)}.pw-guide strong{color:var(--text-primary);font-weight:700}.pw-guide details{border:1px solid var(--border-default);border-radius:var(--radius-md);margin:12px 0;background:var(--bg-card)}.pw-guide details summary{cursor:pointer;padding:14px 18px;font-family:var(--font-display);font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center}.pw-guide details summary::-webkit-details-marker{display:none}.pw-guide details summary:after{content:"+";font-family:var(--font-code);font-size:calc((18px) * var(--type-scale));color:var(--text-muted);transition:transform var(--dur-fast) var(--ease)}.pw-guide details[open] summary:after{transform:rotate(45deg);color:var(--neon-teal)}.pw-guide details .body{padding:0 18px 16px;color:var(--text-secondary);line-height:1.7;font-size:calc((14px) * var(--type-scale))}.pw-guide .pw-guide-foot,.pw-guide-foot{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));color:var(--text-dim);letter-spacing:.02em;line-height:1.6;margin:24px 0 0;padding:16px 20px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--text-dim) 4%,transparent);border:1px dashed var(--border-default)}:root[data-theme=light]{--bg-base: #f4f7fb;--bg-deep: #eaeef6;--bg-raised: #ffffff;--bg-card: #ffffff;--bg-warm: #fdf2f8;--navy: #e6ecf5;--text-primary: #0b1426;--text-secondary: #36405a;--text-muted: #687490;--text-dim: #98a2b8;--border-subtle: rgba(15, 23, 42, .06);--border-default: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--neon-teal: #0891b2;--neon-cyan: #0e7490;--brand-words-accent: #0e7490;--accent-highlight: #b45309;--accent-warm: #d2541b;--accent-warm-soft: rgba(210, 84, 27, .12);--glow-teal: rgba(8, 145, 178, .3);--glow-indigo: rgba(79, 70, 229, .22);--glow-violet: rgba(124, 58, 237, .2);--glow-yellow: rgba(217, 119, 6, .2);--glow-pink: rgba(219, 39, 119, .18);--glow-coral: rgba(244, 63, 94, .18);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .1);--shadow-md: 0 6px 20px rgba(15, 23, 42, .12);--shadow-lg: 0 18px 48px rgba(15, 23, 42, .16);--shadow-glow-sm: 0 4px 16px rgba(79, 70, 229, .14);--shadow-glow-md: 0 10px 32px rgba(79, 70, 229, .18);--shadow-glow-yellow: 0 8px 28px rgba(217, 119, 6, .16);--gradient-section-hero: linear-gradient(180deg, #f4f7fb 0%, #eef1fb 70%, #f6f0fb 100%);--gradient-footer: linear-gradient(180deg, var(--bg-base) 0%, #eef1fb 100%)}:root[data-theme=light] body{background-image:radial-gradient(1200px 600px at 85% -10%,rgba(99,102,241,.1),transparent 60%),radial-gradient(900px 500px at 10% 40%,rgba(34,211,238,.08),transparent 60%),radial-gradient(circle at 1px 1px,rgba(15,23,42,.05) 1px,transparent 0)}:root[data-theme=light] body:before{display:none}:root[data-theme=light] .pipi-card-glass{background:linear-gradient(180deg,#ffffffeb,#ffffffb8)}:root[data-theme=light] .pipi-sticker{filter:drop-shadow(0 1px 1px rgba(15,23,42,.18)) drop-shadow(0 8px 18px rgba(15,23,42,.2)) drop-shadow(0 0 10px rgba(139,92,246,.12))}html,body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-main);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:inherit}html[lang^=ko]{word-break:keep-all;line-break:strict;overflow-wrap:break-word}html[lang^=ja]{line-break:strict;overflow-wrap:break-word}html[lang^=en]{overflow-wrap:break-word}.pw-page{--tool-anchor: var(--neon-teal)}.pw-page[data-anchor=teal]{--tool-anchor: #22d3ee}.pw-page[data-anchor=indigo]{--tool-anchor: #6366f1}.pw-page[data-anchor=violet]{--tool-anchor: #8b5cf6}.pw-page[data-anchor=yellow]{--tool-anchor: #fbbf24}.pw-page[data-anchor=coral]{--tool-anchor: #fb7185}.pw-page[data-anchor=pink]{--tool-anchor: #f472b6}.pw-page[data-anchor=green]{--tool-anchor: #10b981}.pw-page[data-anchor] :focus-visible{outline-color:var(--tool-anchor);box-shadow:0 0 0 4px color-mix(in oklab,var(--tool-anchor) 25%,transparent)}.pw-page[data-anchor] .ak-eyebrow{color:var(--tool-anchor)}:root[data-theme=light] .pw-page[data-anchor] .ak-eyebrow{color:color-mix(in oklab,var(--tool-anchor) 56%,var(--text-primary))}.pw-page[data-anchor] .ak-chip.active,.pw-page[data-anchor] .ak-seg b.on,.pw-page[data-anchor] .ak-seg b[aria-pressed=true],.pw-page[data-anchor] .ak-seg button.active,.pw-page[data-anchor] .ak-seg button[aria-selected=true]{background:color-mix(in oklab,var(--tool-anchor) 18%,transparent);color:var(--tool-anchor);border-color:color-mix(in oklab,var(--tool-anchor) 40%,transparent)}.pw-page[data-anchor] .ak-btn.primary:not([disabled]){background:var(--tool-anchor);color:#fff;border-color:transparent;box-shadow:0 2px 10px color-mix(in oklab,var(--tool-anchor) 32%,transparent)}.pw-page[data-anchor=yellow] .ak-btn.primary:not([disabled]){color:var(--accent-yellow-fg)}.pw-page[data-anchor] .ak-btn.primary:not([disabled]):hover{filter:brightness(1.06)}.pw-page[data-anchor] .ak-btn:not(.primary):not(.ak-btn-secondary):hover{border-color:var(--tool-anchor)}.pw-page[data-anchor] .ak-grad-anchor{color:var(--tool-anchor)}.pw-page{min-height:100vh;position:relative;isolation:isolate}.pw-page:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(900px 500px at 88% -8%,rgba(99,102,241,.22),transparent 60%),radial-gradient(800px 500px at 8% 30%,rgba(34,211,238,.14),transparent 60%),radial-gradient(700px 500px at 50% 100%,rgba(139,92,246,.18),transparent 60%),var(--bg-base)}.pw-page:after{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);background-size:28px 28px;pointer-events:none}.pw-container{width:100%;max-width:1280px;padding:0 32px;margin:0 auto}@media(max-width:720px){.pw-container{padding:0 20px}}.pw-section{padding:96px 0;position:relative}.pw-section-tight{padding:64px 0}.pw-eyebrow{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-yellow);margin:0 0 14px;display:block}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.app-sidebar{position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;background:#070c1cb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--border-subtle);padding:22px 14px 18px;display:flex;flex-direction:column;gap:22px;z-index:50}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:999px}.app-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 6px;text-decoration:none}.app-brand img{width:36px;height:36px;object-fit:contain}.app-brand-name{font-family:var(--font-display);font-weight:700;font-size:calc((18px) * var(--type-scale));letter-spacing:-.01em;color:var(--text-primary)}.app-brand-name .w{background:linear-gradient(135deg,#22d3ee,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.app-section-label{font-family:var(--font-code);font-size:calc((10px) * var(--type-scale));font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin:0 8px 8px}.app-tool-group+.app-tool-group{margin-top:16px}.app-apps{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-subtle)}.app-apps .app-section-label{color:var(--neon-violet)}.app-app-row .app-app-icon{width:26px;height:26px;border-radius:8px;flex-shrink:0;object-fit:cover;box-shadow:0 0 0 1px var(--border-default)}.app-app-row .lbl{flex:1;word-break:keep-all}.app-app-row .app-tag{flex-shrink:0;font-family:var(--font-code);font-size:calc((9px) * var(--type-scale));font-weight:600;letter-spacing:.12em;padding:2px 7px;border-radius:999px;color:var(--row-anchor, var(--neon-indigo));background:color-mix(in oklab,var(--row-anchor, #6366f1) 16%,transparent);border:1px solid color-mix(in oklab,var(--row-anchor, #6366f1) 34%,transparent)}.app-app-row.active .app-tag{background:color-mix(in oklab,var(--row-anchor, #6366f1) 26%,transparent)}.app-nav ul,.app-tools ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.app-nav a,.app-tools a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-family:var(--font-display);font-size:calc((13px) * var(--type-scale));font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.app-nav a:hover,.app-tools a:hover{background:#ffffff0a;color:var(--text-primary)}.app-nav a.active{background:linear-gradient(90deg,#6366f133,#8b5cf61a);color:var(--text-primary)}.app-nav a>svg{color:var(--text-muted);flex-shrink:0}.app-nav a.active>svg{color:var(--neon-violet)}.app-tools a .ic{width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--row-anchor, #22d3ee) 14%,transparent);flex-shrink:0}.app-tools a .lbl{flex:1;word-break:keep-all}.app-tools a.active{background:color-mix(in oklab,var(--row-anchor, #22d3ee) 16%,transparent);color:var(--text-primary)}.app-tools a.active .ic{background:color-mix(in oklab,var(--row-anchor, #22d3ee) 28%,transparent)}.app-lang{margin-top:auto;padding-top:12px;border-top:1px solid var(--border-subtle)}.app-lang-row{display:flex;gap:4px;padding:0 4px}.app-lang-row a{flex:1;text-align:center;padding:8px 0;font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));letter-spacing:.08em;color:var(--text-muted);text-decoration:none;border-radius:8px;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.app-lang-row a:hover{color:var(--text-primary);background:#ffffff0a}.app-lang-row a.active{color:var(--text-primary);background:#6366f12e}.app-typescale{padding-top:12px}.app-typescale-row{display:flex;gap:4px;padding:0 4px}.app-ts-btn{flex:1;min-height:36px;display:inline-flex;align-items:center;justify-content:center;appearance:none;background:transparent;border:0;border-radius:8px;font-family:var(--font-display);font-weight:600;line-height:1;color:var(--text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.app-ts-btn:hover{color:var(--text-primary);background:#ffffff0a}.app-ts-btn[aria-pressed=true]{color:var(--text-primary);background:#6366f12e}.app-theme{padding-top:12px}.app-theme-row{display:flex;gap:4px;padding:0 4px}.app-theme-btn{flex:1;min-height:34px;display:inline-flex;align-items:center;justify-content:center;appearance:none;background:transparent;border:0;border-radius:8px;font-family:var(--font-display);font-size:calc((11px) * var(--type-scale));font-weight:600;line-height:1;color:var(--text-muted);cursor:pointer;word-break:keep-all;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.app-theme-btn:hover{color:var(--text-primary);background:#ffffff0a}.app-theme-btn[aria-pressed=true]{color:var(--text-primary);background:#6366f12e}.app-main{min-width:0;position:relative;padding-left:clamp(24px,4vw,80px);padding-right:clamp(24px,4vw,80px)}@media(max-width:1023px){.app-main{padding-left:0;padding-right:0}}.app-mobile-topbar{display:none;align-items:center;gap:12px;padding:12px 18px;background:#020617d9;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:40}.app-hamburger{width:40px;height:40px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent;border:1px solid var(--border-default);border-radius:10px;cursor:pointer}.app-hamburger span{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:1px;transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.app-mobile-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:calc((16px) * var(--type-scale));color:var(--text-primary)}.app-mobile-logo img{width:28px;height:28px;object-fit:contain}.app-mobile-logo .w{background:linear-gradient(135deg,#22d3ee,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.app-backdrop{display:none;position:fixed;inset:0;background:#0206178c;backdrop-filter:blur(2px);z-index:45;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease)}.app-backdrop.open{opacity:1;pointer-events:auto}@media(max-width:1023px){.app-shell{grid-template-columns:1fr}.app-mobile-topbar{display:flex}.app-backdrop{display:block}.app-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;padding-bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-100%);transition:transform var(--dur-base) var(--ease);box-shadow:var(--shadow-lg)}.app-sidebar.open{transform:translate(0)}}@media(min-width:1024px){.app-mobile-topbar,.app-backdrop{display:none}}.app-main .pw-page>main>.tool-shell,.app-main>.pw-page .tool-shell{max-width:1200px;margin:0 auto;padding:clamp(20px,2.4vw,32px)}main.app-main header[style]{display:none!important}.tool-content-wrap{max-width:1200px;margin:0 auto}.tool-guide-grid{margin:32px auto 0;padding:0 clamp(20px,2.4vw,32px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:clamp(32px,4vw,64px);align-items:start}.tool-guide-col{min-width:0}.tool-guide-grid>.tool-guide-col>.pw-guide{max-width:none;margin:0;padding:0}.tool-guide-grid.toc-empty{grid-template-columns:minmax(0,1fr)}@media(max-width:980px){.tool-guide-grid{grid-template-columns:minmax(0,1fr);gap:24px}}.tool-footer{max-width:1200px;margin:32px auto 0;padding:0 clamp(20px,2.4vw,32px);display:flex;flex-direction:column;gap:28px}.tool-footer-sources{padding:16px 18px;display:flex;flex-direction:column;gap:8px}.tool-footer-eyebrow{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.tool-footer-sources-text{margin:0;font-size:calc((13px) * var(--type-scale));color:var(--text-secondary);line-height:1.55}.tool-footer-sources-list{margin:0;padding-left:18px;font-size:calc((13px) * var(--type-scale));color:var(--text-secondary);line-height:1.7}.tool-footer-sources-list a{color:var(--neon-teal);text-decoration:none}.tool-footer-sources-list a:hover{text-decoration:underline}.tool-footer-related{display:flex;flex-direction:column;gap:16px}.tool-footer-related-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}.tool-footer-related-title{font-family:var(--font-display);font-size:calc((clamp(18px,2vw,22px)) * var(--type-scale));font-weight:600;margin:0;color:var(--text-primary);letter-spacing:-.01em}.tool-footer-related-all{font-family:var(--font-display);font-size:calc((13px) * var(--type-scale));font-weight:500;color:var(--neon-teal);text-decoration:none}.tool-footer-related-all:hover{text-decoration:underline}.tool-footer-related-grid{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.tool-footer-related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tool-footer-related-grid{grid-template-columns:repeat(4,1fr)}}.tool-footer-related-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;text-decoration:none;color:inherit;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tool-footer-related-card:hover{transform:translateY(-2px);border-color:var(--neon-teal)}.tool-footer-related-eyebrow{text-transform:uppercase;font-family:var(--font-code);font-size:calc((10px) * var(--type-scale));letter-spacing:.08em;color:var(--neon-teal)}.tool-footer-related-card-title{font-family:var(--font-display);font-size:calc((15px) * var(--type-scale));font-weight:600;color:var(--text-primary);line-height:1.35}.tool-footer-related-card-desc{font-size:calc((12px) * var(--type-scale));color:var(--text-secondary);line-height:1.5;flex:1}.tool-footer-related-read{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));color:var(--neon-teal);letter-spacing:.04em}.tool-footer-copyright{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));letter-spacing:.04em;color:var(--text-muted);text-align:center;padding:16px 0 0;border-top:1px dashed var(--border-subtle)}.tool-action-bar{max-width:1200px;margin:0 auto;padding:clamp(16px,2vw,24px) clamp(20px,2.4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.tool-action-meta{display:flex;align-items:center;gap:12px;min-width:0}.tool-action-meta .ic{width:36px;height:36px;border-radius:10px;background:color-mix(in oklab,var(--tool-anchor) 16%,transparent);color:var(--tool-anchor);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tool-action-meta .text{min-width:0}.tool-action-meta .title{font-family:var(--font-display);font-size:calc((16px) * var(--type-scale));font-weight:600;letter-spacing:-.01em;color:var(--text-primary);word-break:keep-all}.tool-action-meta .sub{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));letter-spacing:.06em;color:var(--text-muted);margin-top:2px}.tool-action-actions{display:flex;gap:8px;flex-shrink:0}.tool-action-actions .tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-family:var(--font-display);font-size:calc((13px) * var(--type-scale));font-weight:500;background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.tool-action-actions .tab-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:#ffffff0a}.tool-action-actions .tab-btn.primary{background:color-mix(in oklab,var(--tool-anchor) 18%,transparent);color:var(--tool-anchor);border-color:color-mix(in oklab,var(--tool-anchor) 35%,transparent)}.tool-action-actions .tab-btn.primary:hover{background:color-mix(in oklab,var(--tool-anchor) 28%,transparent)}.app-main .pw-page[data-anchor] h1,.app-main .pw-page[data-anchor] h2,.app-main .pw-page[data-anchor] h3{font-family:var(--font-display);word-break:keep-all}.app-main .pw-page .pw-guide{margin:64px auto 32px}.pw-header{position:sticky;top:0;z-index:50;padding:18px 0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0206178c;border-bottom:1px solid var(--border-subtle)}.pw-header-inner{display:flex;align-items:center;gap:24px}.pw-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.pw-logo img{width:40px;height:40px;object-fit:contain}.pw-logo .name{font-family:var(--font-display);font-weight:700;font-size:calc((22px) * var(--type-scale));letter-spacing:-.01em;color:var(--text-primary)}.pw-logo .name .w{background:linear-gradient(135deg,#22d3ee,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.pw-nav{display:flex;gap:6px;margin-left:32px}.pw-nav a{padding:8px 14px;font-family:var(--font-display);font-size:calc((14px) * var(--type-scale));font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:10px;position:relative;transition:color var(--dur-fast) var(--ease)}.pw-nav a:hover,.pw-nav a.active{color:var(--text-primary)}.pw-nav a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;border-radius:2px;background:var(--neon-violet)}.pw-header-cta{margin-left:auto;display:flex;align-items:center;gap:12px}.pw-header-cta a,a.btn,a.btn-primary,a.btn-secondary,a.btn-ghost{text-decoration:none}@media(max-width:720px){.pw-nav,.pw-header-cta .btn-secondary{display:none}}.pw-icon-plate{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.pw-announce{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--border-default);background:#111b32b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);font-size:calc((13px) * var(--type-scale));font-family:var(--font-display)}.pw-announce .spark{color:var(--accent-yellow);display:inline-flex}.pw-hero{padding:120px 0 96px;position:relative;overflow:hidden}.pw-hero-bg{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#02061766,#02061700 30%,#020617b3),radial-gradient(ellipse at 30% 80%,rgba(251,191,36,.1),transparent 50%),radial-gradient(ellipse at 70% 20%,rgba(99,102,241,.2),transparent 60%);pointer-events:none}.pw-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.pw-hero-inner{grid-column:span 2;min-width:0}.pw-hero-grid>.pw-hero-side{grid-column:span 2}@media(max-width:920px){.pw-hero-grid{grid-template-columns:1fr;gap:32px;align-items:stretch}.pw-hero-inner,.pw-hero-grid>.pw-hero-side{grid-column:auto}}.pw-hero-headline{font-family:var(--font-display);font-size:calc((clamp(36px,4vw,64px)) * var(--type-scale));font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--text-primary);margin:24px 0;word-break:keep-all}.pw-hero-headline .grad{background:linear-gradient(135deg,#22d3ee,#6366f1 60%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.pw-hero-sub{font-size:calc((18px) * var(--type-scale));line-height:1.6;color:var(--text-secondary);max-width:560px;margin:0 0 32px;word-break:keep-all}.pw-cta-row{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:920px){.pw-hero{padding:80px 0 64px}.pw-hero-headline{font-size:calc((clamp(32px,7vw,56px)) * var(--type-scale))}}.pw-hero-side{display:flex;flex-direction:column;gap:16px;position:relative;min-width:0;padding-top:8px}.pw-spotlight{--spot-anchor: var(--neon-indigo);display:block;text-decoration:none;color:inherit;background:linear-gradient(180deg,color-mix(in oklab,var(--spot-anchor) 14%,rgba(17,27,50,.92)),#0b1426eb);border:1px solid color-mix(in oklab,var(--spot-anchor) 32%,var(--border-default));border-radius:20px;padding:22px 22px 20px;box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in oklab,var(--spot-anchor) 14%,transparent),0 24px 60px color-mix(in oklab,var(--spot-anchor) 18%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.pw-spotlight:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--spot-anchor) 50%,transparent)}.pw-spotlight-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pw-spotlight-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--spot-anchor) 75%,var(--text-secondary))}.pw-spotlight-date{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));color:var(--text-muted);letter-spacing:.04em}.pw-spotlight-title{font-family:var(--font-display);font-size:calc((clamp(18px,1.6vw,22px)) * var(--type-scale));font-weight:700;line-height:1.3;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.01em;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pw-spotlight-desc{font-size:calc((14px) * var(--type-scale));line-height:1.55;color:var(--text-secondary);margin:0 0 16px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pw-spotlight-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--border-subtle)}.pw-spotlight-tag{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));color:var(--text-muted);letter-spacing:.04em}.pw-spotlight-cta{font-family:var(--font-code);font-size:calc((12px) * var(--type-scale));font-weight:600;color:color-mix(in oklab,var(--spot-anchor) 80%,var(--text-primary));letter-spacing:.04em}.pw-spotlight-empty{cursor:default;text-align:left;color:var(--text-muted)}.pw-spotlight-empty .pw-spotlight-desc{margin:8px 0 0}.pw-mini-list{display:flex;flex-direction:column;gap:6px}.pw-mini-card{display:grid;grid-template-columns:minmax(72px,auto) 1fr auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:10px;background:#0b142680;text-decoration:none;color:inherit;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.pw-mini-card:hover{border-color:color-mix(in oklab,var(--mini-anchor, var(--neon-indigo)) 40%,var(--border-default));background:#111b32b3;transform:translateY(-1px)}.pw-mini-tag{font-family:var(--font-code);font-size:calc((10px) * var(--type-scale));letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--mini-anchor, var(--neon-indigo)) 75%,var(--text-secondary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pw-mini-title{font-family:var(--font-display);font-size:calc((13px) * var(--type-scale));font-weight:600;color:var(--text-primary);line-height:1.35;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:keep-all}.pw-mini-date{font-family:var(--font-code);font-size:calc((10px) * var(--type-scale));color:var(--text-muted);letter-spacing:.04em;white-space:nowrap}.pw-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#0b142680;border:1px solid var(--border-subtle);border-radius:14px;padding:14px 12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pw-hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:4px 6px;min-width:0}.pw-hero-stat .num{font-family:var(--font-display);font-size:calc((clamp(20px,1.8vw,26px)) * var(--type-scale));font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;min-height:clamp(22px,1.98vw,28.6px);display:flex;align-items:center;justify-content:center}.pw-hero-stat .num.pw-hero-stat-langs{font-family:var(--font-code);font-size:calc((13px) * var(--type-scale));letter-spacing:.04em;font-weight:600;color:color-mix(in oklab,var(--neon-teal) 70%,var(--text-primary))}.pw-hero-stat .label{font-family:var(--font-code);font-size:calc((10px) * var(--type-scale));letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);line-height:1.3}@media(max-width:920px){.pw-hero-stats{padding:12px 10px}.pw-hero-stat .num{font-size:calc((20px) * var(--type-scale))}.pw-spotlight{padding:18px 18px 16px}}.pw-dash{background:linear-gradient(180deg,#111b32eb,#0b1426d9);border:1px solid var(--border-default);border-radius:24px;box-shadow:var(--shadow-lg),0 0 0 1px #6366f11a,0 30px 80px #6366f12e;overflow:hidden;display:grid;grid-template-columns:200px 1fr;min-height:480px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative}.pw-dash-side{background:#070c1c99;border-right:1px solid var(--border-subtle);padding:18px 14px;display:flex;flex-direction:column}.pw-dash-brand{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-bottom:18px}.pw-dash-brand img{width:24px;height:24px}.pw-dash-brand .name{font-family:var(--font-display);font-weight:700;font-size:calc((15px) * var(--type-scale));color:var(--text-primary)}.pw-dash-brand .name .w{color:var(--neon-teal)}.pw-dash-nav{display:flex;flex-direction:column;gap:4px}.pw-dash-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:calc((13px) * var(--type-scale));color:var(--text-secondary);text-decoration:none;cursor:pointer}.pw-dash-nav a.active{background:linear-gradient(90deg,#6366f133,#8b5cf61a);color:var(--text-primary)}.pw-dash-nav a:hover{color:var(--text-primary)}.pw-dash-guide{margin-top:auto;padding:14px;border:1px solid var(--border-subtle);border-radius:14px;background:#ffffff05;display:flex;flex-direction:column;gap:8px}.pw-dash-guide .glabel{font-family:var(--font-display);font-size:calc((12px) * var(--type-scale));font-weight:600;color:var(--text-primary)}.pw-dash-guide .gsub{font-size:calc((11px) * var(--type-scale));color:var(--text-muted)}.pw-dash-main{padding:22px 22px 18px;position:relative}.pw-dash-greet{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.pw-dash-greet h3{font-family:var(--font-display);font-size:calc((18px) * var(--type-scale));font-weight:600;color:var(--text-primary);margin:0}.pw-dash-greet p{font-size:calc((12px) * var(--type-scale));color:var(--text-muted);margin-top:2px}.pw-streak{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);color:#fcd34d;font-family:var(--font-display);font-size:calc((11px) * var(--type-scale));font-weight:600}.pw-dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pw-tool-tile{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;padding:14px 10px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pw-tool-tile:hover{transform:translateY(-2px);border-color:var(--border-strong)}.pw-tool-tile .ic{margin-bottom:2px}.pw-tool-tile h5{font-family:var(--font-display);font-size:calc((12px) * var(--type-scale));font-weight:600;color:var(--text-primary);margin:0}.pw-tool-tile p{font-size:calc((10px) * var(--type-scale));color:var(--text-muted);line-height:1.3;margin:0}.pw-quick-actions{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-top:14px;background:#070c1c80;border:1px solid var(--border-subtle);border-radius:14px;flex-wrap:wrap}.pw-quick-actions h6{font-family:var(--font-display);font-size:calc((12px) * var(--type-scale));font-weight:600;color:var(--text-secondary);margin:0;min-width:88px}.pw-quick-action{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:calc((10px) * var(--type-scale));color:var(--text-muted);cursor:pointer}.pw-quick-action:hover{color:var(--text-primary)}.pw-mascot-float{position:absolute;top:-42px;right:18px;width:110px;height:110px;pointer-events:none}.pw-mascot-float img{width:100%;height:100%}@media(max-width:720px){.pw-dash{grid-template-columns:1fr;min-height:auto}.pw-dash-side,.pw-mascot-float{display:none}}.pw-cat-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:#070c1c99;border:1px solid var(--border-subtle);border-radius:14px;margin-bottom:24px}.pw-cat-tab{appearance:none;background:transparent;border:0;padding:8px 14px;border-radius:10px;font-family:var(--font-display);font-size:calc((13px) * var(--type-scale));font-weight:500;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:8px}.pw-cat-tab span.count{font-family:var(--font-code);font-size:calc((10px) * var(--type-scale));letter-spacing:.1em;padding:2px 8px;border-radius:999px;background:#ffffff0d;color:var(--text-muted)}.pw-cat-tab.active{background:linear-gradient(90deg,#6366f138,#8b5cf629);color:var(--text-primary)}.pw-cat-tab.active span.count{color:var(--neon-teal);background:#22d3ee1a}.pw-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1024px){.pw-cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pw-cat-grid{grid-template-columns:1fr}}.pw-cat-card{background:linear-gradient(180deg,#111b32eb,#0b1426d9);border:1px solid var(--border-default);border-radius:18px;padding:20px;min-height:180px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pw-cat-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.pw-cat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.pw-pick-band{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}@media(max-width:1024px){.pw-pick-band{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pw-pick-band{grid-template-columns:1fr}}.pw-pick-card{position:relative;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#111b32f2,#0b1426e6);border:1px solid var(--border-default);border-radius:18px;padding:22px 22px 18px;min-height:212px;text-decoration:none;color:inherit;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pw-pick-card:hover{transform:translateY(-3px)}.pw-pick-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.pw-pick-icon{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pw-pick-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-code);font-size:calc((10px)*var(--type-scale));letter-spacing:.1em;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:999px}.pw-pick-card h3{font-family:var(--font-display);font-size:calc((20px)*var(--type-scale));font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.02em}.pw-pick-card p{font-size:calc((13px)*var(--type-scale));color:var(--text-secondary);line-height:1.5;margin:0}.pw-pick-card .pw-cat-foot{margin-top:auto}.pw-cat-card h3{font-family:var(--font-display);font-size:calc((16px) * var(--type-scale));font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.pw-cat-card p{font-size:calc((12px) * var(--type-scale));color:var(--text-muted);line-height:1.5;margin:0}.pw-cat-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-code);font-size:calc((10px) * var(--type-scale));letter-spacing:.1em;color:var(--text-dim)}.pw-cat-foot .open{color:var(--neon-teal)}.pw-spot{background:linear-gradient(135deg,#22d3ee24,#6366f11a 60%,#0b1426d9);border:1px solid color-mix(in oklab,#22d3ee 30%,transparent);border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media(max-width:920px){.pw-spot{grid-template-columns:1fr;padding:32px}}.pw-spot-copy h2{font-family:var(--font-display);font-size:calc((44px) * var(--type-scale));font-weight:700;color:var(--text-primary);margin:14px 0;letter-spacing:-.02em;line-height:1.05}.pw-spot-copy p{font-size:calc((16px) * var(--type-scale));color:var(--text-secondary);line-height:1.55;margin:0;max-width:440px}.pw-spot-bullets{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:10px;font-size:calc((13px) * var(--type-scale));color:var(--text-muted)}.pw-spot-bullets b{color:var(--text-primary);font-weight:600}.pw-spot-vis{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pw-spot-tile{background:linear-gradient(180deg,#22d3ee33,#070c1c99);border:1px solid color-mix(in oklab,#22d3ee 35%,transparent);border-radius:18px;padding:24px}.pw-spot-tile.alt{background:linear-gradient(180deg,#6366f133,#070c1c99);border-color:color-mix(in oklab,#6366f1 35%,transparent)}.pw-spot-tile.alt2{background:linear-gradient(180deg,#8b5cf633,#070c1c99);border-color:color-mix(in oklab,#8b5cf6 35%,transparent)}.pw-spot-tile.zod{background:linear-gradient(180deg,#fbbf242e,#070c1c99);border-color:color-mix(in oklab,#fbbf24 35%,transparent)}.pw-spot-num{font-family:var(--font-display);font-size:calc((54px) * var(--type-scale));font-weight:700;color:#fff;letter-spacing:-.03em;line-height:1}.pw-spot-lbl{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-top:6px}.pw-priv{background:linear-gradient(180deg,#0b142680,#070c1c66);border:1px solid var(--border-subtle);border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:center}@media(max-width:920px){.pw-priv{grid-template-columns:1fr;padding:32px}}.pw-priv-head h2{font-family:var(--font-display);font-size:calc((36px) * var(--type-scale));font-weight:700;color:var(--text-primary);margin:14px 0;letter-spacing:-.02em;line-height:1.1}.pw-priv-head p{font-size:calc((14px) * var(--type-scale));color:var(--text-muted);line-height:1.55;margin:0}.pw-priv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:720px){.pw-priv-grid{grid-template-columns:1fr}}.pw-priv-tile{background:#070c1c99;border:1px solid var(--border-subtle);border-radius:14px;padding:20px}.pw-priv-ic{width:44px;height:44px;border-radius:12px;background:#22d3ee1a;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:var(--neon-teal)}.pw-priv-tile h4{font-family:var(--font-display);font-size:calc((15px) * var(--type-scale));font-weight:600;color:var(--text-primary);margin:0 0 6px}.pw-priv-tile p{font-size:calc((12px) * var(--type-scale));color:var(--text-muted);line-height:1.5;margin:0}.pw-lang{background:linear-gradient(180deg,#0b142680,#070c1c66);border:1px solid var(--border-subtle);border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:stretch}@media(max-width:920px){.pw-lang{grid-template-columns:1fr;padding:32px}}.pw-lang-copy h2{font-family:var(--font-display);font-size:calc((36px) * var(--type-scale));font-weight:700;color:var(--text-primary);margin:14px 0;letter-spacing:-.02em;line-height:1.1}.pw-lang-copy p{font-size:calc((14px) * var(--type-scale));color:var(--text-muted);line-height:1.55;margin:0 0 24px}.pw-lang-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:720px){.pw-lang-tiles{grid-template-columns:1fr}}.pw-lang-tile{border-radius:18px;padding:24px;min-height:160px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;border:1px solid var(--border-subtle);transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pw-lang-tile:hover{transform:translateY(-3px);border-color:var(--border-strong)}.pw-lang-tile.kr{background:linear-gradient(180deg,#22d3ee33,#10b9811a 60%,#070c1c99);border-color:color-mix(in oklab,#22d3ee 30%,transparent)}.pw-lang-tile.jp{background:linear-gradient(180deg,#8b5cf638,#0b1426b3);border-color:color-mix(in oklab,#8b5cf6 30%,transparent)}.pw-lang-tile.en{background:linear-gradient(180deg,#fbbf242e,#0b1426b3);border-color:color-mix(in oklab,#fbbf24 30%,transparent)}.pw-lang-tile .code{font-family:var(--font-code);font-size:calc((11px) * var(--type-scale));letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.pw-lang-tile h3{font-family:var(--font-display);font-size:calc((22px) * var(--type-scale));font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.pw-lang-tile p{font-size:calc((13px) * var(--type-scale));color:var(--text-secondary);line-height:1.5;margin:0}.pw-feat-wrap{background:linear-gradient(180deg,#0b142680,#070c1c66);border:1px solid var(--border-subtle);border-radius:24px;padding:48px}@media(max-width:920px){.pw-feat-wrap{padding:32px}}.pw-feat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}@media(max-width:1024px){.pw-feat-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.pw-feat-row{grid-template-columns:repeat(2,1fr)}}.pw-feat{background:#070c1c80;border:1px solid var(--border-subtle);border-radius:14px;padding:20px 18px;display:flex;flex-direction:column;gap:10px}.pw-feat .ic{width:36px;height:36px;border-radius:10px;background:#22d3ee1a;display:flex;align-items:center;justify-content:center;color:var(--neon-teal)}.pw-feat h5{font-family:var(--font-display);font-size:calc((14px) * var(--type-scale));font-weight:600;color:var(--text-primary);margin:0}.pw-feat p{font-size:calc((12px) * var(--type-scale));color:var(--text-muted);line-height:1.5;margin:0}.pw-footer{border-top:1px solid var(--border-subtle);padding:64px 0 24px;background:linear-gradient(180deg,transparent 0%,rgba(2,6,23,.6) 100%);margin-top:96px}.pw-footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:48px}.pw-footer p.tagline{font-size:calc((13px) * var(--type-scale));color:var(--text-muted);line-height:1.55;margin-top:12px;max-width:240px}.pw-footer h6{font-family:var(--font-display);font-size:calc((13px) * var(--type-scale));font-weight:600;color:var(--text-primary);margin:0 0 14px;text-transform:none}.pw-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.pw-footer a{color:var(--text-muted);text-decoration:none;font-size:calc((14px) * var(--type-scale))}.pw-footer a:hover{color:var(--text-primary)}.pw-footer-bottom{margin-top:48px;padding-top:22px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-code);font-size:calc((12px) * var(--type-scale));color:var(--text-dim);flex-wrap:wrap;gap:16px}@media(max-width:720px){.pw-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}:root[data-theme=light] .pw-page:after{background-image:radial-gradient(circle at 1px 1px,rgba(15,23,42,.05) 1px,transparent 0)}:root[data-theme=light] .app-sidebar{background:#ffffffc7}:root[data-theme=light] .app-nav a:hover,:root[data-theme=light] .app-tools a:hover,:root[data-theme=light] .app-lang-row a:hover,:root[data-theme=light] .app-ts-btn:hover,:root[data-theme=light] .app-theme-btn:hover{background:#0f172a0d}:root[data-theme=light] .app-mobile-topbar{background:#ffffffd9}:root[data-theme=light] .app-backdrop{background:#0f172a52}:root[data-theme=light] .pw-header{background:#ffffffc7}:root[data-theme=light] .pw-announce{background:#fffc}:root[data-theme=light] .pw-hero-bg{background:linear-gradient(180deg,#f4f7fb66,#f4f7fb00 30%,#f4f7fbb3),radial-gradient(ellipse at 30% 80%,rgba(251,191,36,.1),transparent 50%),radial-gradient(ellipse at 70% 20%,rgba(99,102,241,.16),transparent 60%)}:root[data-theme=light] .pw-spotlight{background:linear-gradient(180deg,color-mix(in oklab,var(--spot-anchor) 10%,rgba(255,255,255,.95)),#ffffffe6)}:root[data-theme=light] .pw-mini-card{background:#ffffffb3}:root[data-theme=light] .pw-mini-card:hover{background:#fffffff2}:root[data-theme=light] .pw-hero-stats{background:#ffffffb3}:root[data-theme=light] .pw-dash{background:linear-gradient(180deg,#fffffff2,#ffffffd9)}:root[data-theme=light] .pw-dash-side{background:#f8fafccc}:root[data-theme=light] .pw-dash-guide{background:#0f172a08}:root[data-theme=light] .pw-streak{background:#fbbf2429;border-color:#d9770666;color:#92400e}:root[data-theme=light] .pw-quick-actions{background:#f8fafcb3}:root[data-theme=light] .pw-cat-tabs{background:#f8fafcbf}:root[data-theme=light] .pw-cat-tab span.count{background:#0f172a0d}:root[data-theme=light] .pw-cat-card{background:linear-gradient(180deg,#fffffff2,#ffffffd9)}:root[data-theme=light] .pw-pick-card{background:linear-gradient(180deg,#fffffff7,#ffffffe6)}:root[data-theme=light] .pw-spot{background:linear-gradient(135deg,#22d3ee1f,#6366f114 60%,#ffffffe6)}:root[data-theme=light] .pw-spot-tile{background:linear-gradient(180deg,#22d3ee29,#ffffffd9)}:root[data-theme=light] .pw-spot-tile.alt{background:linear-gradient(180deg,#6366f129,#ffffffd9)}:root[data-theme=light] .pw-spot-tile.alt2{background:linear-gradient(180deg,#8b5cf629,#ffffffd9)}:root[data-theme=light] .pw-spot-tile.zod{background:linear-gradient(180deg,#fbbf2429,#ffffffd9)}:root[data-theme=light] .pw-spot-num{color:var(--text-primary)}:root[data-theme=light] .pw-priv,:root[data-theme=light] .pw-lang,:root[data-theme=light] .pw-feat-wrap{background:linear-gradient(180deg,#ffffffb3,#ffffff80)}:root[data-theme=light] .pw-priv-tile{background:#ffffffbf}:root[data-theme=light] .pw-feat{background:#ffffffb8}:root[data-theme=light] .pw-lang-tile.kr{background:linear-gradient(180deg,#22d3ee2e,#10b9811a 60%,#ffffffd9)}:root[data-theme=light] .pw-lang-tile.jp{background:linear-gradient(180deg,#8b5cf62e,#ffffffd9)}:root[data-theme=light] .pw-lang-tile.en{background:linear-gradient(180deg,#fbbf242e,#ffffffd9)}:root[data-theme=light] .pw-footer{background:linear-gradient(180deg,transparent 0%,rgba(234,238,246,.8) 100%)}:root[data-theme=light] .tool-action-actions .tab-btn:hover{background:#0f172a0d}.pw-doc{max-width:1100px;margin:0 auto;padding:clamp(48px,6vw,80px) clamp(20px,2.4vw,32px);line-height:1.75;color:var(--text-secondary)}.pw-doc>main>section,.pw-doc>section,.pw-doc-head,.pw-doc>.pw-faq-item,.pw-doc-footer{max-width:760px}.pw-doc-head{margin-bottom:40px}.pw-doc-head h1{font-family:var(--font-display);font-size:calc((clamp(28px,3.4vw,44px)) * var(--type-scale));font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary);margin:12px 0 16px;word-break:keep-all}.pw-doc-meta{color:var(--text-muted);font-size:calc((13px) * var(--type-scale));font-family:var(--font-code);letter-spacing:.04em;margin-bottom:24px}.pw-doc-lede{font-size:calc((clamp(16px,1.3vw,18px)) * var(--type-scale));color:var(--text-secondary);line-height:1.75;margin:0;word-break:keep-all}.pw-doc h2{font-family:var(--font-display);font-size:calc((clamp(20px,2vw,24px)) * var(--type-scale));font-weight:600;color:var(--text-primary);margin:36px 0 14px;letter-spacing:-.01em;line-height:1.3;word-break:keep-all}.pw-doc h3{font-family:var(--font-display);font-size:calc((17px) * var(--type-scale));font-weight:600;color:var(--text-primary);margin:24px 0 8px;letter-spacing:-.005em}.pw-doc section{margin-bottom:36px}.pw-doc p,.pw-doc li{color:var(--text-secondary);line-height:1.75;word-break:keep-all}.pw-doc ul,.pw-doc ol{padding-left:22px}.pw-doc ul li,.pw-doc ol li{margin-bottom:8px}.pw-doc strong{color:var(--text-primary);font-weight:600}.pw-doc a{color:var(--neon-teal);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .2s var(--ease, ease-out),color .2s var(--ease, ease-out);padding-bottom:1px}.pw-doc a:hover{background-size:100% 1px;color:var(--text-primary)}.pw-doc a:focus-visible{outline:2px solid var(--neon-teal);outline-offset:3px;border-radius:2px}.pw-doc a[href^="mailto:"],.pw-doc a[href^=http]:not([href*="pipi-worlds.com"]){background-size:100% 1px}.pw-doc .pw-faq-item{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--border-subtle)}.pw-doc .pw-faq-item:last-of-type{border-bottom:none}.pw-doc .pw-faq-item h2{font-size:calc((clamp(18px,1.8vw,22px)) * var(--type-scale));margin:0 0 14px}.pw-contact-mail{font-size:calc((18px) * var(--type-scale));font-family:var(--font-code);margin:12px 0 0}.pw-doc-footer{margin-top:64px;padding-top:28px;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:24px;font-size:calc((13px) * var(--type-scale));font-family:var(--font-display)}.pw-doc-footer a{color:var(--text-muted);text-decoration:none;background-image:none;background-size:0 0;padding:4px 0;letter-spacing:.01em;transition:color .2s var(--ease, ease-out)}.pw-doc-footer a:hover{color:var(--neon-teal);background-size:0 0}.pw-doc-footer a:focus-visible{color:var(--neon-teal);outline:2px solid var(--neon-teal);outline-offset:3px;border-radius:4px}@media(max-width:720px){.pw-doc{padding:clamp(40px,8vw,56px) clamp(16px,4vw,24px)}.pw-doc-footer{gap:16px;font-size:calc((12px) * var(--type-scale))}}.blog-toc[data-astro-cid-3ty5fftu]{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;padding:18px 16px;background:#070c1c80;border:1px solid var(--border-subtle);border-radius:14px}.blog-toc-label[data-astro-cid-3ty5fftu]{font-family:var(--font-code);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.blog-toc-nav[data-astro-cid-3ty5fftu] ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.blog-toc-nav[data-astro-cid-3ty5fftu] a{display:block;padding:6px 8px;font-family:var(--font-display);font-size:13px;line-height:1.45;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;border-radius:0 6px 6px 0;word-break:keep-all;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.blog-toc-nav[data-astro-cid-3ty5fftu] a:hover{color:var(--text-primary);background:#ffffff0a}.blog-toc-nav[data-astro-cid-3ty5fftu] li.level-3 a{padding-left:18px;font-size:12px}.blog-toc-nav[data-astro-cid-3ty5fftu] a.active{color:var(--text-primary);border-left-color:var(--tool-anchor, var(--neon-teal));background:color-mix(in oklab,var(--tool-anchor, var(--neon-teal)) 12%,transparent)}@media(max-width:980px){.blog-toc[data-astro-cid-3ty5fftu]{position:static;max-height:none}}:root[data-theme=light] .blog-toc[data-astro-cid-3ty5fftu]{background:#ffffffb8}:root[data-theme=light] .blog-toc-nav[data-astro-cid-3ty5fftu] a:hover{background:#0f172a0d}