:root{--violet-1:#FBF5FF;--violet-2:#F1DEFF;--violet-3:#DDB2FF;--violet-4:#D092FF;--violet-5:#C272FF;--violet-6:#A95DE4;--violet-7:#8C47C2;--violet-8:#742CAB;--violet-9:#57237E;--plum:#715188;--mono-1:#FFFFFF;--mono-2:#F5F5F5;--mono-3:#E2E2E2;--mono-4:#BDBDBD;--mono-5:#A7A7A7;--mono-6:#7F7F7F;--mono-7:#5D5D5D;--mono-8:#565353;--mono-9:#413E3E;--mono-10:#2E2E2E;--bg:#FBFBFB;--red-1:#FFF4F6;--red-3:#FFD9DF;--red-4:#F97489;--red-5:#D94A61;--yellow-1:#FFF9E5;--yellow-2:#FFF1C4;--yellow-3:#FFDE75;--yellow-4:#FFBF1D;--green-1:#ECFFEC;--green-3:#C5E99B;--green-4:#0FA716;--blue-1:#85CCFF;--pink-soft:#FFD7E5;--pink-shade:#FFB3CE;--pink-deep:#FF6385;--magenta:#E61E68;--font-kr: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", system-ui, sans-serif;--font-latin: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--font: var(--font-latin), var(--font-kr);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:24px;--sh-elev:0 1px 6px 0 rgba(20,14,60,.04);--sh-card:0 2px 12px -4px rgba(20,14,60,.04);--sh-pop:0 10px 22px -8px rgba(20,14,60,.08);--sh-pink:0 4px 14px 0 rgba(255,99,133,.22);--sh-violet:0 6px 18px -6px rgba(169,93,228,.3);--sh-diary-glow-positive: 0 0 0 1px rgba(15,167,22,.16), 0 4px 18px -4px rgba(15,167,22,.28), 0 2px 8px -2px rgba(20,14,60,.04);--sh-diary-glow-neutral: 0 0 0 1px rgba(255,191,29,.22), 0 4px 18px -4px rgba(255,191,29,.34), 0 2px 8px -2px rgba(20,14,60,.04);--sh-diary-glow-negative: 0 0 0 1px rgba(249,116,137,.2), 0 4px 18px -4px rgba(249,116,137,.3), 0 2px 8px -2px rgba(20,14,60,.04)}@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;src:local("Pretendard Variable");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF,U+FFA0-FFDC,U+3000-303F,U+FF00-FFEF}html,body{margin:0;height:100%;background:var(--bg);font-family:var(--font)}#root{height:100%}.pa-stage{min-height:100dvh;display:grid;place-items:stretch;background:var(--bg)}.pa-frame{width:100vw;height:100dvh;background:#fff;overflow:hidden;position:relative}.pa-top-inset{height:env(safe-area-inset-top,0);flex-shrink:0}.pa-bottom-inset{height:env(safe-area-inset-bottom,0);flex-shrink:0}@media (min-width: 481px){.pa-stage{place-items:center;padding:24px 12px;background:#f1ecf8}.pa-frame{width:420px;height:min(820px,calc(100dvh - 48px));border-radius:24px;box-shadow:0 30px 60px -20px #140e3c33,0 2px 8px -2px #140e3c0f}.pa-top-inset{height:12px}}.parent-app,.parent-app *{box-sizing:border-box}.parent-app{width:100%;height:100%;font-family:var(--font);color:var(--mono-10);background:#fafafc;display:flex;flex-direction:column;overflow:hidden;letter-spacing:-.01em;font-feature-settings:"ss01";-webkit-font-smoothing:antialiased}.parent-app .tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.parent-app .mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.parent-app .pa-display{font-size:32px;font-weight:700;letter-spacing:-.028em;line-height:1.15;color:var(--mono-10);margin:0}.parent-app .pa-h1{font-size:24px;font-weight:700;letter-spacing:-.022em;line-height:1.25;color:var(--mono-10);margin:0}.parent-app .pa-h2{font-size:18px;font-weight:700;letter-spacing:-.015em;line-height:1.35;color:var(--mono-10);margin:0}.parent-app .pa-h3{font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.4;color:var(--mono-10);margin:0}.parent-app .pa-sub{font-size:14px;color:var(--mono-6);line-height:1.55;letter-spacing:-.005em;margin:0}.pa-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pa-scroll::-webkit-scrollbar{display:none}.pa-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px 14px;gap:12px;background:transparent;flex-shrink:0}.pa-header-title{font-size:22px;font-weight:700;color:var(--mono-10);letter-spacing:-.02em}.pa-header-actions{display:flex;gap:8px}.pa-icon-btn{width:40px;height:40px;border-radius:999px;background:var(--mono-1);border:none;display:grid;place-items:center;color:var(--mono-9);position:relative;cursor:pointer;box-shadow:0 1px 4px -1px #140e3c0f}.pa-icon-btn-ghost{background:transparent;border:none;color:var(--mono-9);box-shadow:none}.pa-icon-btn .dot{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red-4);border:1.5px solid var(--mono-1)}.pa-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:14px;background:var(--violet-7);color:#fff;border:none;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;box-shadow:var(--sh-violet)}.pa-btn-full{width:100%}.pa-btn-secondary{background:var(--mono-1);color:var(--violet-7);border:1px solid var(--violet-2);box-shadow:none}.pa-btn-ghost{background:transparent;color:var(--mono-7);box-shadow:none;border:none}.pa-btn-sm{height:36px;padding:0 14px;font-size:13px;border-radius:10px}.pa-btn-pill{border-radius:999px}.pa-card{background:var(--mono-1);border-radius:22px;box-shadow:var(--sh-card);padding:18px;border:none}.pa-card-bare{background:var(--mono-1);border-radius:var(--r-xl);border:1px solid #EEEDF2;padding:18px}.pa-bottom-nav{flex-shrink:0;padding:10px 8px 14px;background:#fffffff0;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-top:.5px solid rgba(0,0,0,.06);display:flex;align-items:stretch;justify-content:space-around}.pa-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;color:var(--mono-5);font-size:10.5px;font-weight:500;letter-spacing:-.005em;background:none;border:none;cursor:pointer;transition:color .15s}.pa-nav-item.is-active{color:var(--violet-7);font-weight:600}.pa-nav-item.is-active svg{stroke:var(--violet-7)}.pa-input{width:100%;height:52px;padding:0 16px;background:var(--mono-1);border:1px solid var(--mono-3);border-radius:12px;font-family:inherit;font-size:15px;color:var(--mono-10);letter-spacing:-.01em}.pa-input:focus{outline:none;border-color:var(--violet-5)}.pa-input::placeholder{color:var(--mono-5)}.pa-label{font-size:12px;font-weight:500;color:var(--mono-7);margin-bottom:8px;display:block;letter-spacing:.02em}.pa-emoticon{width:44px;height:44px;object-fit:contain;flex-shrink:0}.pa-emoticon-lg{width:80px;height:80px;object-fit:contain}.pa-emoticon-sm{width:28px;height:28px;object-fit:contain}.pa-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.pa-avatar-lg{width:64px;height:64px;font-size:24px}.pa-avatar-xl{width:88px;height:88px;font-size:32px}.pa-avatar-sm{width:32px;height:32px;font-size:13px}.pa-eyebrow{font-size:11px;font-weight:600;color:var(--violet-7);letter-spacing:.08em;text-transform:uppercase}.pa-divider{height:.5px;background:var(--mono-3);margin:0;border:none}.pa-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 24%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 78% 18%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.4px 1.4px at 64% 72%,rgba(255,255,255,.85),transparent 60%),radial-gradient(1px 1px at 28% 80%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1px 1px at 90% 56%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1px 1px at 44% 38%,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 22% 55%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1px 1px at 88% 88%,rgba(255,255,255,.6),transparent 60%)}button{-webkit-tap-highlight-color:transparent}button:active{transform:scale(.985);transition:transform .05s}@keyframes pa-magic-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.pa-magic-shake{animation:pa-magic-shake .4s ease-in-out}.pa-nav-item .pa-nav-icon-wrap{display:grid;place-items:center;width:50px;height:28px;border-radius:999px;transition:background .15s,border-color .15s;border:1.5px solid transparent}.pa-nav-item.is-active .pa-nav-icon-wrap{border-color:var(--violet-7);background:#8c47c20a}