:root{--color-primary:#b8a4ff;--color-primary-deep:#8b7be0;--color-primary-soft:#e8e0ff;--color-primary-mid:#b9aeff;--color-primary-strong:#7c6aef;--color-secondary:#ffb5a7;--color-secondary-soft:#ffe5de;--color-tertiary:#a8e6cf;--color-tertiary-soft:#e0f5ec;--color-cream:#fffbf5;--color-cream-deep:#fff4e6;--color-marshmallow:#fff8fa;--color-surface:#fff;--color-overlay:#fff;--color-text-dark:#3d3654;--color-text-mid:#6f6889;--color-text-light:#a89fbe;--color-emotion-joy:#ffd89e;--color-emotion-calm:#b8e6d5;--color-emotion-sad:#a8c8f0;--color-emotion-anxiety:#ffb5c5;--color-emotion-anger:#f99;--color-emotion-hope:#ffcba4;--color-emotion-gratitude:#c8f0d8;--color-emotion-lonely:#c9c0e8;--color-emotion-excited:#ffb8d9;--color-emotion-tired:#ccd3e0;--color-emotion-proud:#ffe0a8;--color-emotion-neutral:#e0dceb;--radius-xs:12px;--radius-sm:16px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-pill:999px;--shadow-soft:0 8px 24px -4px #b8a4ff24;--shadow-pillow:0 12px 32px -6px #b8a4ff2e, 0 4px 16px -2px #ffb5a714;--gradient-warm:linear-gradient(135deg, #f3eeff, #fff4e6);--gradient-warm-border:#e8e0ff;--landing-bg:linear-gradient(180deg, #fffbf5 0%, #f7f1ff 100%);--landing-heading:#3d3654;--landing-body:#6f6889;--landing-muted:#a89fbe;--landing-card-bg:#ffffffb3;--landing-card-border:#f0ebfacc;--landing-card-shadow:0 8px 32px -4px #b8a4ff1f;--landing-section-alt:#fff8faa6;--landing-table-highlight:#f3eeff;--landing-table-row-border:#b8a4ff2e;--glass-bg:#ffffffb3;--glass-border:#f0ebfacc;--glass-shadow:0 8px 32px -4px #b8a4ff1f}html.dark{--color-cream:#0b0914;--color-cream-deep:#15112a;--color-marshmallow:#181430;--color-surface:#1f1a36;--color-overlay:#2a2347;--color-primary-soft:#7c6aef38;--color-text-dark:#f0ebfa;--color-text-mid:#c9c0e8;--color-text-light:#8b85a3;--landing-bg:linear-gradient(180deg, #0b0914 0%, #15112a 100%);--landing-heading:#f0ebfa;--landing-body:#c9c0e8;--landing-muted:#8b85a3;--landing-card-bg:#ffffff0a;--landing-card-border:#b8a4ff2e;--landing-card-shadow:0 8px 32px -4px #00000073;--landing-section-alt:#ffffff08;--landing-table-highlight:#7c6aef2e;--landing-table-row-border:#b8a4ff1f;--glass-bg:#ffffff0f;--glass-border:#b8a4ff26;--glass-shadow:0 8px 32px -4px #0006;--shell-frame:#050208;--page-bg-1:#0b0914;--page-bg-2:#100c1f;--page-bg-3:#15112a;--gradient-warm:linear-gradient(135deg, #251f3d, #2a1f2d);--gradient-warm-border:#b8a4ff38}@font-face{font-family:Pretendard;font-weight:45 920;font-style:normal;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/packages/pretendard/dist/web/variable/woff2/PretendardVariable.woff2)format("woff2-variations")}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:var(--color-cream);color:var(--color-text-dark);letter-spacing:-.01em;margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}img{max-width:100%;display:block}.btn-marshmallow{border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn-marshmallow:hover{box-shadow:var(--shadow-pillow);background:var(--color-primary-deep);transform:translateY(-1px)}.btn-marshmallow:active{transform:translateY(0)}.btn-gradient{border-radius:var(--radius-pill);color:#fff;background:linear-gradient(135deg,#b9aeff,#7c6aef);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .12s,filter .15s;display:inline-flex;box-shadow:0 12px 32px -6px #8b7be080}.btn-gradient:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-gradient:active{transform:translateY(0)}.btn-outline{border-radius:var(--radius-pill);background:var(--landing-card-bg);-webkit-backdrop-filter:blur(8px);color:var(--landing-heading);border:1px solid var(--landing-card-border);box-shadow:var(--landing-card-shadow);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:transform .12s,border-color .15s;display:inline-flex}.btn-outline:hover{border-color:var(--color-primary);transform:translateY(-1px)}.card-glass{background:var(--landing-card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--landing-card-border);box-shadow:var(--landing-card-shadow);border-radius:var(--radius-lg)}@keyframes murmurWave{0%{height:3px}to{height:22px}}@keyframes murmurDot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes murmurFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes murmurCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes murmurPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes murmurImgIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes murmurFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.demo-enter{animation:.4s ease-out both murmurFadeUp}.demo-cursor{color:#b9aeff;font-weight:300;animation:.8s step-end infinite murmurCursor}.demo-img-enter{animation:.45s ease-out both murmurImgIn}.scroll-thin::-webkit-scrollbar{width:6px;height:6px}.scroll-thin::-webkit-scrollbar-thumb{background:#b8a4ff4d;border-radius:999px}.scroll-thin::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--shell-frame:#1c1812;--phone-maxw:420px;--phone-h:880px;--page-bg-1:#f7f1ff;--page-bg-2:#efe7fe;--page-bg-3:#e7dcfa}.phone-page{background:radial-gradient(120% 120% at 50% 0%, var(--page-bg-1) 0%, var(--page-bg-2) 55%, var(--page-bg-3) 100%);background-attachment:fixed;min-height:100svh}@media (width>=600px){.phone-page{justify-content:center;align-items:center;padding:32px 20px;display:flex}}.phone-shell{max-width:var(--phone-maxw);background:var(--color-cream);flex-direction:column;min-height:100svh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=600px){.phone-shell{width:var(--phone-maxw);height:var(--phone-h);border:11px solid var(--shell-frame);border-radius:44px;outline:1px solid #0000000a;min-height:0;max-height:calc(100vh - 64px);margin:0;box-shadow:0 50px 90px -30px #7c6aef73,0 0 0 1px #0000000f}}.demo-banner{color:#fff;letter-spacing:.2px;background:linear-gradient(90deg,#b9aeff,#7c6aef);flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:800;display:flex}.phone-topbar{z-index:20;background:color-mix(in srgb, var(--color-cream) 88%, transparent);-webkit-backdrop-filter:saturate(1.3)blur(14px);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 10px;display:flex;position:sticky;top:0}.phone-topbar-brand{letter-spacing:-.3px;color:var(--color-text-dark);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.phone-topbar-brand .logo-badge{border:1px solid var(--color-primary-soft);background:linear-gradient(135deg,#fff8fa,#f3eeff);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.phone-top-actions{align-items:center;gap:8px;display:flex}.phone-icon-btn{background:var(--color-marshmallow);width:36px;height:36px;color:var(--color-text-mid);border:1px solid var(--color-primary-soft);border-radius:999px;place-items:center;transition:background .15s,color .15s;display:grid}.phone-icon-btn:hover{background:var(--color-primary-soft);color:var(--color-primary-strong)}.phone-tabbar{background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3);border-top:1px solid var(--color-primary-soft);padding:9px 8px calc(14px + env(safe-area-inset-bottom));flex-shrink:0;display:flex;position:relative}.phone-tabbar button{min-height:48px;color:var(--color-text-light);letter-spacing:-.01em;flex-direction:column;flex:1;align-items:center;gap:5px;font-size:10.5px;font-weight:700;transition:color .18s;display:flex}.phone-tabbar button .tab-ic{width:48px;height:30px;color:var(--color-text-light);background:0 0;border-radius:11px;place-items:center;transition:background .2s,transform .2s cubic-bezier(.34,1.4,.5,1);display:grid}.phone-tabbar button.active{color:var(--color-primary-strong)}.phone-tabbar button.active .tab-ic{background:var(--color-primary-soft);color:var(--color-primary-strong);transform:translateY(-1px)}.phone-tabbar button.write-fab .tab-ic{color:#fff;background:linear-gradient(135deg,#b9aeff,#7c6aef);width:52px;height:36px;transform:translateY(-6px);box-shadow:0 6px 16px -4px #7c6aef8c}.phone-tabbar button.write-fab{color:var(--color-primary-strong)}.phone-page-body{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;animation:.4s cubic-bezier(.22,.61,.36,1) pageIn;overflow-y:auto}.phone-page-body::-webkit-scrollbar{display:none}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger>*{opacity:0;animation:.5s cubic-bezier(.22,.61,.36,1) forwards riseIn}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.13s}.stagger>:nth-child(4){animation-delay:.19s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.31s}.stagger>:nth-child(7){animation-delay:.37s}.stagger>:nth-child(8){animation-delay:.43s}