:root{--bg:#f6f8fb;--bg-soft:#edf2f5;--surface:#fff;--surface-deep:#edf2f5;--ink:#23333d;--ink-soft:#536672;--ink-dim:#61717d;--line:#e3e9ed;--line-deep:#e3e9ed;--slot-light:#e3e9ed;--accent:#18745f;--accent-strong:#115846;--accent-soft:#def5ec;--highlight:#946416;--danger:#b6384b;--water:#245e93;--partner-bg:#bdebdc;--partner-ink:#163c32;--radius-panel:28px;--radius-control:14px;--shadow:0 12px 40px rgb(35 51 61 / .06);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif}body{margin:0;min-height:100dvh;word-break:keep-all;overflow-wrap:break-word;line-height:1.7}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}a{color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.04em}.pixel-font{font-family:inherit}.pixel-img{object-fit:contain}.shell{width:min(100%,1040px);margin:auto;padding:24px 32px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 0 48px}.topbar::after{content:"매일 만나는 나의 포켓몬";font-size:13px;color:var(--ink-dim)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:36px;height:36px}.brand-title{display:grid;line-height:1.35;gap:2px}.brand-title strong{font-size:18px;letter-spacing:-.04em}.brand-title>span{font-size:12px;letter-spacing:.13em;color:var(--ink-dim)}
.left-stack{display:grid;grid-template-columns:1.1fr 1fr;grid-template-areas:"intro birthday" "welcome birthday" "landing landing";gap:28px 56px;align-items:start}.intro{grid-area:intro}.splash{display:block;color:var(--accent);font-size:14px;font-weight:700;margin-bottom:12px}.intro h1{font-size:44px;line-height:1.2;letter-spacing:-.065em}.lead{font-size:16px;color:var(--ink-soft);margin-top:16px;max-width:360px}.welcome{grid-area:welcome;background:var(--partner-bg);border-radius:var(--radius-panel);position:relative;min-height:320px;padding:28px;overflow:hidden;color:var(--partner-ink)}.welcome h2{font-size:26px}.welcome-label{font-size:12px;font-weight:700;letter-spacing:.08em}.welcome-number{position:absolute;right:28px;top:28px;font-size:14px;font-weight:700}.welcome img{position:absolute;width:280px;height:280px;right:24px;bottom:0;z-index:1;filter:drop-shadow(0 12px 8px rgb(22 60 50 / .09))}.welcome::before,.result-head::before{content:"";position:absolute;width:240px;height:240px;border:28px solid rgb(255 255 255 / .24);border-radius:50%;right:-32px;bottom:-44px}.welcome-caption{position:absolute;left:28px;bottom:28px;font-size:13px;max-width:90px;z-index:2}.birthday-card{grid-area:birthday;background:var(--surface);padding:32px;border-radius:var(--radius-panel);box-shadow:var(--shadow);margin-top:4px;display:grid;gap:20px}.eyebrow{font-size:12px;color:var(--ink-dim);font-weight:700;letter-spacing:.03em}.birthday-card h2{font-size:24px}.birthday-form{display:grid;gap:24px}.birthday-inputs{display:flex;gap:12px}.birth-field{display:grid;gap:8px;min-width:0;flex:1;font-size:13px;font-weight:600;color:var(--ink-soft)}.birth-field:first-child{flex:1.4}.birth-num{width:100%;min-height:56px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--bg);color:var(--ink);text-align:center;font-size:20px;font-variant-numeric:tabular-nums}.birth-num::placeholder{color:var(--ink-dim)}.gender-row{display:grid;gap:8px}.gender-label{font-size:13px;font-weight:600;color:var(--ink-soft)}.gender-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gender-option{padding:10px 4px;border:1px solid var(--line);background:var(--surface);border-radius:12px;color:var(--ink-soft);font-size:14px;min-height:44px}.gender-option.is-selected{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.birthday-error{font-size:14px;color:var(--danger)}.birthday-card .gauge-note{font-size:12px;line-height:1.7}.mc-btn,.mc-btn-stone{min-height:48px;padding:12px 20px;border-radius:var(--radius-control);font-weight:700;font-size:14px;transition:background .15s,transform .15s}.mc-btn{background:var(--accent);color:var(--surface);border:1px solid var(--accent)}.mc-btn:hover{background:var(--accent-strong)}.mc-btn-stone{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.mc-btn-stone:hover{background:var(--bg-soft)}.mc-btn:active,.mc-btn-stone:active{transform:translateY(1px)}.action-row{display:flex;gap:12px;flex-wrap:wrap}.action-row>button{flex:1}.birthday-form .mc-btn{width:100%;font-size:16px}.form-footnote{font-size:13px;color:var(--ink-dim)}
.landing{grid-area:landing;border-top:1px solid var(--line);padding-top:24px;margin-top:12px}.collection-title{font-size:15px;font-weight:600;color:var(--ink-soft);padding:8px 0;letter-spacing:0}.collection-title span{font-weight:400;font-size:13px;margin-left:8px;color:var(--ink-dim)}.mob-track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;list-style:none;padding:24px 0 0;margin:0}.mob-chip{display:grid;place-items:center;gap:4px;border-radius:18px;background:var(--tile-bg,var(--accent-soft));padding:12px 4px;font-size:13px;font-weight:600}.mob-chip img{width:64px;height:64px}.has-result .left-stack{display:block;max-width:760px;margin:auto}.has-result .intro{margin:0 0 24px}.has-result .intro h1,.has-result .intro .lead,.has-result .intro .splash,.has-result .welcome{display:none}.has-result .birthday-card{margin:0 0 24px}.next-drop{flex-basis:100%;font-size:13px;color:var(--ink-dim)}#hero-actions{justify-content:flex-end}#hero-actions button{flex:none;min-height:40px;padding:8px 16px;font-weight:500;font-size:13px}.result-panel{border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.result-head{position:relative;min-height:320px;background:var(--partner-bg);padding:32px 40px 0;color:var(--partner-ink)}.result-head>div:first-child{position:relative;z-index:2}.result-head .eyebrow{color:var(--partner-ink);font-weight:500}.result-head h2{font-size:48px;margin:16px 0 4px}.one-liner{font-size:14px;color:var(--partner-ink);max-width:70%;line-height:1.5}.badge-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.pixel-badge,.type-badge{display:inline-flex;border-radius:999px;background:rgb(255 255 255 / .5);padding:4px 12px;font-size:12px;font-weight:600;color:var(--partner-ink)}.partner-number{position:absolute;right:0;top:0;font-size:15px;letter-spacing:.06em}.mob-img{display:block;position:relative;z-index:3;width:240px;height:240px;margin:-24px auto -28px;filter:drop-shadow(0 16px 8px rgb(35 51 61 / .08));object-fit:contain}.mob-placeholder{height:240px;display:grid;place-items:center;font-size:80px}.result-body{position:relative;z-index:1;border-radius:32px 32px 0 0;background:var(--surface);padding:52px 40px 32px;display:grid;gap:20px}.headline{font-size:24px;font-weight:750;letter-spacing:-.035em;line-height:1.45}.interpretation{color:var(--ink-soft);font-size:15px;line-height:1.85}.meter-wrap{padding:12px 0 20px;border-bottom:1px solid var(--line)}.meter-label{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;margin-bottom:12px}.meter-label output{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent)}.meter,.share-meter-track{height:8px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.meter-fill,.share-meter-fill{height:100%;border-radius:999px;background:var(--accent);width:0}.section-title{font-size:20px;margin-top:4px}.detail-gauges{display:grid;gap:16px}.gauge-card{padding-bottom:16px;border-bottom:1px solid var(--line)}.gauge-top,.time-top,.share-gauge-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600}.gauge-top>span:first-child{color:var(--ink-soft)}.gauge-status{font-size:12px;font-style:normal;color:var(--ink-dim);font-weight:500}.mc-seg-row{display:flex;height:6px;overflow:hidden;border-radius:999px;background:var(--bg-soft);margin:8px 0 10px}.mc-seg{height:100%;display:block;border-radius:999px;background:var(--accent)}.gauge-summary{display:block;font-size:14px;font-weight:500;color:var(--ink-soft)}.gauge-note{font-size:13px;color:var(--ink-dim);line-height:1.7;margin:6px 0 0}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fact{background:var(--bg);padding:16px;border-radius:16px;min-width:0}.fact>span{font-size:12px;color:var(--ink-dim);display:block;margin-bottom:8px}.fact>strong{font-size:17px;display:block}.fact p{font-size:13px;line-height:1.75;color:var(--ink-soft);margin-top:8px}.fact-with-icon{display:flex!important;align-items:center;gap:8px}.fact-icon{width:28px;height:28px;image-rendering:pixelated}.lucky-color{display:flex!important;align-items:center;gap:8px}.color-swatch{width:16px;height:16px;border-radius:50%;display:block;background:var(--lucky-color);border:1px solid rgb(35 51 61 / .12)}.time-fortunes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.time-card{padding:16px 0;border-top:2px solid var(--line)}.time-note{font-size:13px;color:var(--ink-soft);margin-top:8px}.time-status{font-size:12px;color:var(--accent)}.time-status.is-caution{color:var(--danger)}.time-status.is-normal{color:var(--ink-dim)}.radar-chart{width:min(100%,300px);height:250px;display:block;margin:8px auto}.caution{font-size:14px;line-height:1.8;color:var(--ink-soft);border-left:3px solid var(--danger);padding-left:16px}.result-actions{padding-top:8px}.result-actions #save-btn{color:var(--surface);background:var(--accent);border-color:var(--accent)}.closing-card{text-align:center;border-top:1px solid var(--line);padding-top:24px}.closing-title{font-size:15px;font-weight:650}.closing-note{font-size:12px;color:var(--ink-dim);margin-top:8px}.selfwiki-card{display:grid;gap:8px;background:var(--accent-soft);border-radius:16px;padding:24px}.selfwiki-eyebrow{color:var(--accent)}.selfwiki-title{font-size:20px}.selfwiki-note,.selfwiki-cost{font-size:14px;color:var(--ink-soft);line-height:1.6}.selfwiki-cost{font-size:13px;color:var(--ink-dim)}.wiki-preview{display:grid;gap:6px;margin-top:8px;padding:10px 12px;border-radius:10px;background:var(--surface);color:#1b1c1e;font-size:12px;line-height:1.4}.wiki-preview-top{display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--line);font-size:11px}.wiki-preview-logo{font-weight:800;color:var(--accent-strong)}.wiki-preview-doc{font-weight:600;color:var(--ink-dim)}.wiki-preview-fortune{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid #b7dcbc;border-radius:8px;background:#eef8ef}.wiki-preview-img{width:40px;height:40px;object-fit:contain;flex:none}.wiki-preview-text{display:grid;gap:1px;min-width:0}.wiki-preview-label{font-size:10px;font-weight:700;color:var(--accent)}.wiki-preview-text strong{font-size:14px;font-weight:800}.wiki-preview-sub{font-size:10px;color:var(--ink-dim)}.wiki-preview-body{display:flex;gap:10px;align-items:flex-start;padding-top:2px}.wiki-preview-main{display:grid;gap:5px;flex:1;min-width:0;padding-top:2px}.wiki-preview-h{font-size:12px;font-weight:700}.wiki-preview-p{height:6px;border-radius:3px;background:var(--bg-soft)}.wiki-preview-p.short{width:60%}.wiki-preview-infobox{order:2;flex:none;width:104px;display:grid;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface);font-size:9px}.wiki-preview-ib-name{padding:4px;background:var(--accent);color:var(--surface);font-weight:800;font-size:10px;text-align:center}.wiki-preview-avatar{width:64px;height:64px;margin:6px auto;display:block;object-fit:contain}.wiki-preview-ib-row{display:flex;align-items:center;gap:5px;padding:3px 5px;border-top:1px solid var(--line)}.wiki-preview-ib-row span{flex:none;width:26px;color:var(--ink-dim);font-weight:700}.wiki-preview-ib-row i{flex:1;height:5px;border-radius:3px;background:var(--bg-soft)}.selfwiki-btn{width:100%;margin-top:8px;font-size:16px}
.share-wrap{position:fixed;left:-9999px;top:0;width:420px;pointer-events:none}.share-card{width:420px;background:var(--surface);border-radius:24px;overflow:hidden;color:var(--ink)}.share-top{display:flex;justify-content:space-between;background:var(--partner-bg);padding:24px 24px 0;font-size:12px;color:var(--partner-ink)}.share-main{background:var(--partner-bg);padding:16px 24px 24px;display:grid;justify-items:center;text-align:center}.share-main img{width:200px;height:200px;object-fit:contain}.share-name{font-size:32px;color:var(--partner-ink);margin:8px 0}.share-desc{font-size:15px;color:var(--partner-ink);line-height:1.6;max-width:340px}.share-reason{font-size:13px;padding:24px 24px 0;color:var(--ink-soft)}.share-meter{padding:16px 24px}.share-meter-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px}.share-meter-top strong{font-size:24px;color:var(--accent)}.share-facts{display:grid;grid-template-columns:1fr 1fr;padding:0 24px;gap:12px}.share-fact{background:var(--bg);padding:12px;border-radius:12px}.share-fact span{display:block;font-size:12px;color:var(--ink-dim)}.share-fact strong{font-size:14px}.share-gauges{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 24px 0;gap:12px}.share-gauge-top{font-size:12px;gap:4px}.share-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 24px 0;padding:14px 0 20px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-dim)}.share-footer strong{font-size:14px;color:var(--accent);letter-spacing:-.01em}.share-placeholder{height:200px;font-size:64px}
.site-footer{margin:64px auto 0;padding:24px 0;border-top:1px solid var(--line);color:var(--ink-dim);font-size:12px;line-height:1.8;max-width:976px}.footer-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}.footer-nav a{display:inline-flex;align-items:center;min-height:32px;color:var(--ink-soft);font-size:12px;text-decoration:none}.site-footer p{margin-top:4px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);opacity:0;background:var(--ink);color:var(--surface);border-radius:12px;padding:12px 20px;font-size:14px;max-width:calc(100% - 32px);width:max-content;pointer-events:none;z-index:20;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:768px){.has-result .topbar{padding-bottom:20px}.has-result .intro{margin:0 0 12px}#hero-actions{align-items:center}.next-drop{flex-basis:auto;margin-right:auto}.result-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:0;padding:28px 40px 20px}.result-head h2{font-size:40px;margin:10px 0 4px}.one-liner{max-width:none}.result-head::before{width:200px;height:200px;border-width:22px;right:-40px;bottom:-60px}.mob-img{width:200px;height:200px;margin:0 12px 0 0}.mob-placeholder{height:160px}.result-body{padding:36px 40px 32px}.detail-gauges{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.time-fortunes{gap:24px}}
@media(max-width:767px){.shell{padding:20px}.topbar{padding:4px 0 32px}.topbar::after{font-size:12px}.left-stack{grid-template-columns:1fr;grid-template-areas:"intro" "welcome" "birthday" "landing";gap:24px}.intro h1{font-size:32px}.lead{font-size:14px;margin-top:12px}.welcome{min-height:200px;padding:24px}.welcome img{width:210px;height:210px;right:4px;bottom:-4px}.welcome h2{font-size:23px}.welcome-number{right:24px;top:24px;font-size:12px}.welcome-caption{left:24px;bottom:24px;font-size:12px}.birthday-card{padding:24px;gap:16px;margin-top:0}.birthday-card h2{font-size:22px}.birthday-form{gap:20px}.mob-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mob-chip{font-size:12px;padding:10px 2px}.mob-chip img{width:56px;height:56px}.collection-title span{display:block;margin-left:0}.has-result .shell{padding:20px 16px}.result-head{padding:28px 24px 0;min-height:340px}.result-head h2{font-size:36px;margin-top:16px}.one-liner{max-width:82%;font-size:13px}.mob-img{width:240px;height:240px;margin:-12px auto -28px}.result-body{padding:60px 24px 28px;gap:24px}.headline{font-size:22px}.interpretation{font-size:14px}.fact{padding:16px}.fact>strong{font-size:15px}.fact p{font-size:12px}.time-fortunes{grid-template-columns:1fr;gap:8px}.time-note{font-size:14px}.time-card{padding:12px 0}.site-footer{margin-top:40px}.partner-number{font-size:13px}.gauge-top{font-size:13px}.gauge-top>span:first-child{max-width:62%}.share-wrap{width:420px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:767px){.welcome-number{left:24px;right:auto;top:92px;z-index:3}}

@media(min-width:768px) and (max-width:1000px){.welcome img{width:220px;height:220px;right:4px}}