.call-prepare-page{gap:24px}.call-prepare-page .page-heading{margin-bottom:0}.call-prepare-page .page-heading h1{max-width:620px;text-wrap:balance}.call-prepare-page .page-description{max-width:520px;text-wrap:pretty}.call-prepare-steps{display:flex;align-items:center;gap:12px;color:var(--color-text-soft);font-size:11px}.call-prepare-step{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.call-prepare-step>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text-soft);font-size:10px;font-weight:900}.call-prepare-step.is-active{color:var(--color-text-primary)}.call-prepare-step.is-active>span{border-color:var(--color-primary);background:var(--color-primary);color:#6e5b18;box-shadow:0 3px 8px #ffd84d3d}.call-prepare-step strong{font-weight:800}.call-prepare-step-line{width:34px;height:1px;background:var(--color-border)}.call-prepare-grid{align-items:stretch;gap:24px}.call-preview-card,.call-child-card{padding:28px;box-shadow:var(--shadow-card)}.call-preview-card{min-width:0}.call-card-heading{align-items:flex-start}.call-card-heading h2,.call-child-card-heading h2{margin-top:7px;color:var(--color-text-primary);font-size:22px;letter-spacing:-.05em;text-wrap:balance}.ready-badge{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;background:var(--color-secondary-green);color:#628a58}.ready-badge.is-warning{background:#fff0ce;color:#9a751f}.call-preview{min-height:330px;position:relative;display:grid;place-items:center;margin-top:20px;overflow:hidden;border:1px solid rgba(255,255,255,.64);border-radius:16px;background:linear-gradient(145deg,#f3dfc4,#d8b494);box-shadow:inset 0 0 0 1px #42301f0f,0 10px 26px #493d2314}.call-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(28,22,20,.12) 0%,transparent 34%,rgba(28,22,20,.3) 100%)}.call-preview-livekit-slot{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.2),transparent 23%),linear-gradient(145deg,#c9c0b8,#877d75)}.call-preview-livekit-slot>span{width:94px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#ffffff29;color:#ffffffe6;font-size:34px;font-weight:800;box-shadow:inset 0 1px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-preview-overlay{position:absolute;top:16px;right:18px;bottom:16px;left:18px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;color:#fff}.call-preview-label,.call-preview-note{display:inline-flex;align-items:center;gap:7px;text-shadow:0 2px 12px rgba(0,0,0,.26)}.call-preview-label{font-size:12px;font-weight:800}.call-preview-note{color:#ffffffc7;font-size:10px}.call-preview-off-state{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;color:#ffffffe0;text-align:center}.call-preview-off-state strong{font-size:15px}.call-preview-off-state>span:last-child{color:#ffffffa6;font-size:11px}.call-preview-off-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#ffffff24;font-size:30px}.call-preview.is-camera-off{background:linear-gradient(145deg,#4f4a49,#302d2d)}.device-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.device-toggle{min-height:64px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--color-border);border-radius:14px;background:#fffefa;color:var(--color-text-secondary);text-align:left;transition-property:background,border-color,box-shadow,transform;transition-duration:.18s;transition-timing-function:ease}.device-toggle:hover{border-color:#cbbdf0;box-shadow:0 6px 16px #493d2312;transform:translateY(-1px)}.device-toggle:active{transform:scale(.96)}.device-toggle:focus-visible{outline:3px solid rgba(117,98,187,.35);outline-offset:3px}.device-toggle.is-on{border-color:#d8cdfc;background:#faf8ff;color:#6652a8}.device-toggle-icon{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:var(--color-surface-muted)}.device-toggle.is-on .device-toggle-icon{background:var(--color-secondary-purple)}.device-toggle-icon img{width:18px;height:22px;object-fit:contain;opacity:.6}.device-toggle-icon img[src*=camera]{width:21px;height:15px}.device-toggle.is-on .device-toggle-icon img{opacity:.88}.device-toggle-copy{min-width:0;display:grid;gap:3px}.device-toggle-copy strong{color:var(--color-text-primary);font-size:12px;font-weight:800}.device-toggle-copy small{color:var(--color-text-soft);font-size:10px}.device-toggle.is-on .device-toggle-copy small{color:#7762bc}.device-status-message{display:flex;align-items:flex-start;gap:7px;margin-top:14px;color:#9a751f;font-size:11px;line-height:1.5}.device-status-message>span{width:16px;height:16px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#fff0ce;font-size:10px;font-weight:900}.device-status-message.is-ready{color:#7762bc}.call-child-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#fff,#fffdf8 62%,#faf7ff)}.call-child-card:before{content:"";width:180px;height:180px;position:absolute;top:-80px;right:-70px;border-radius:50%;background:var(--color-primary);opacity:.38}.call-child-card>*{position:relative;z-index:1}.call-child-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.call-child-sparkle{color:#b19be7;font-size:25px;line-height:1}.selected-child-main{margin:28px 0 24px;padding:16px;border:1px solid rgba(232,228,220,.9);border-radius:16px;background:#ffffffc7;box-shadow:0 6px 16px #493d230a}.selected-child-label{display:block;color:#9985d0;font-size:10px;font-weight:800}.selected-child-main h3{margin-top:5px;color:var(--color-text-primary);font-size:24px;letter-spacing:-.06em}.selected-child-main p{margin-top:4px;color:var(--color-text-soft);font-size:12px}.call-child-select-wrap{padding-bottom:20px;border-bottom:1px solid var(--color-border)}.call-child-card .field{gap:8px}.call-child-card .field select{min-height:48px;border-radius:12px;background:#fffefa}.call-child-card .field select:focus{border-color:#ae9be7;box-shadow:0 0 0 3px #ae9be729}.call-child-card .check-list{gap:10px;padding:18px 0 4px;border-top:0;border-bottom:0}.call-child-card .check-list p{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.call-child-card .check-list span{width:17px;height:17px;display:inline-grid;place-items:center;flex:0 0 auto;margin-right:0;border-radius:50%;background:#eee9fd;color:#7762bc;font-size:13px}.call-prepare-primary{width:100%;justify-content:space-between;margin-top:14px;padding-right:16px;padding-left:20px;border-radius:14px;box-shadow:0 10px 20px #ffd84d3d}.call-prepare-primary:hover:not(:disabled){box-shadow:0 12px 24px #ffd84d57}.call-prepare-primary:active{transform:scale(.96)}.call-prepare-primary-arrow{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#ffffff7a;font-size:18px;line-height:1;transition-property:transform;transition-duration:.18s;transition-timing-function:ease}.call-prepare-primary:hover:not(:disabled) .call-prepare-primary-arrow{transform:translate(3px)}.call-child-card .helper-text{margin-top:10px;text-align:center;text-wrap:pretty}@media(max-width:600px){.call-prepare-page{gap:20px}.call-prepare-steps{gap:8px;font-size:10px}.call-prepare-step{gap:5px}.call-prepare-step>span{width:22px;height:22px}.call-prepare-step-line{width:12px}.call-preview-card,.call-child-card{padding:20px}.call-card-heading h2,.call-child-card-heading h2{font-size:20px}.ready-badge{padding:6px 8px;font-size:9px}.call-preview{min-height:260px;margin-top:16px}.call-preview-overlay{top:12px;right:12px;bottom:12px;left:12px;align-items:flex-start;flex-direction:column;justify-content:space-between}.call-preview-note{align-self:flex-end}.device-controls{gap:8px}.device-toggle{min-height:58px;gap:8px;padding:8px 10px}.device-toggle-icon{width:31px;height:31px;border-radius:9px}.device-toggle-copy strong{font-size:11px}.device-toggle-copy small{font-size:9px}.selected-child-main{margin-top:20px}}@media(prefers-reduced-motion:reduce){.device-toggle,.call-prepare-primary-arrow{transition:none}}.livekit-call-root{min-height:100svh;color:#f9f8ff;background:#14131e;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}.livekit-call-root>*{min-height:100svh}.role-call-page{min-height:100svh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px;padding:clamp(22px,4vw,58px) clamp(18px,5vw,80px) 28px;overflow:hidden;background:radial-gradient(circle at 78% 12%,rgba(131,106,225,.2),transparent 31%),radial-gradient(circle at 13% 92%,rgba(235,168,61,.1),transparent 32%),#14131e}.role-call-header,.role-call-brand-lockup,.role-call-header-meta,.role-call-invite-heading,.role-call-invite-actions{display:flex;align-items:center}.role-call-header{justify-content:space-between;gap:24px}.role-call-brand-lockup{gap:14px}.role-call-mark{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(245,211,99,.36);border-radius:18px 18px 18px 6px;background:#f5d3631f;color:#f5d363;font-size:24px;box-shadow:0 10px 30px #0000002e}.role-call-mark.is-child{border-color:#deb7ff5c;background:#c296ff1f;color:#dcb7ff}.role-call-kicker,.livekit-panel-kicker{display:block;color:#aaa3c4;font-size:10px;font-weight:900;letter-spacing:.14em}.role-call-header h1{margin-top:4px;color:#fff;font-size:clamp(19px,2vw,27px);font-weight:850;letter-spacing:-.055em;text-wrap:balance}.role-call-header-meta{gap:18px;color:#bdb9ce;font-size:12px;font-variant-numeric:tabular-nums}.role-call-header-meta time{min-width:70px;color:#e4dff1;font-size:14px;font-weight:700;text-align:right}.role-call-status{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0d;white-space:nowrap}.role-call-status i{width:7px;height:7px;display:block;border-radius:50%;background:#f0b84d;box-shadow:0 0 0 4px #f0b84d1f}.role-call-status.is-live i{background:#69dc93;box-shadow:0 0 0 4px #69dc931f}.role-call-stage-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:16px}.role-call-remote-card,.role-call-local-card,.role-call-invite-card,.role-call-kind-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:#201e2deb;box-shadow:0 20px 65px #00000038}.role-call-remote-card{min-height:min(67svh,740px)}.role-call-side-rail{min-width:0;display:grid;grid-template-rows:minmax(190px,.72fr) minmax(230px,1fr);gap:16px}.role-call-local-card{min-height:190px}.role-call-local-card .livekit-video-surface{border-radius:25px}.role-call-local-label,.role-call-video-caption{position:absolute;z-index:2;display:grid;gap:3px;padding:8px 11px;border-radius:10px;background:#111018ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.role-call-local-label{right:12px;bottom:12px;font-size:11px;font-weight:800}.role-call-video-caption{left:16px;bottom:16px}.role-call-video-caption span{font-size:15px;font-weight:850}.role-call-video-caption small{color:#c2bdce;font-size:10px}.role-call-invite-card,.role-call-kind-card{padding:22px}.role-call-invite-card{border-color:#f5d36340;background:linear-gradient(145deg,#362f38fa,#231f2df5)}.role-call-invite-heading{justify-content:space-between;gap:12px}.role-call-invite-card h2{margin-top:6px;color:#fff4ce;font-size:20px;letter-spacing:-.055em}.role-call-invite-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#f5d363;color:#312a1e;font-size:18px;font-weight:900}.role-call-invite-card>p{margin-top:10px;color:#bcb5c4;font-size:12px;line-height:1.5;text-wrap:pretty}.role-call-invite-url{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding:0 12px 0 14px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#ffffff0f;color:#f2edfa;text-align:left}.role-call-invite-url span{min-width:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.role-call-invite-url b{color:#f5d363;font-size:17px}.role-call-invite-actions{gap:8px;margin-top:10px}.role-call-invite-actions button{min-height:40px;flex:1;border-radius:11px;background:#ffffff1a;color:#fff;font-size:11px;font-weight:800;transition-property:background,transform;transition-duration:.16s}.role-call-invite-actions button:first-child{background:#f5d363;color:#30291c}.role-call-invite-actions button:hover{transform:translateY(-1px)}.role-call-kind-card{display:grid;align-content:center;gap:10px;border-color:#c296ff33;background:linear-gradient(145deg,#302843fa,#201e2df5)}.role-call-kind-card strong{color:#fff;font-size:21px;line-height:1.32;letter-spacing:-.06em}.role-call-kind-card>span:last-child{color:#c4bad6;font-size:12px;line-height:1.5}.livekit-video-surface{width:100%;height:100%;position:relative;display:grid;overflow:hidden;background:#252232}.livekit-video-surface video{width:100%;height:100%;display:block;object-fit:cover;background:#252232}.livekit-video-fallback,.livekit-waiting-state{min-height:100%;display:grid;place-items:center;align-content:center;gap:10px;padding:28px;color:#e8e2f1;text-align:center}.livekit-video-fallback img,.livekit-video-fallback>span{width:92px;height:92px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#4b4264;color:#f5d363;font-size:40px;font-weight:850;object-fit:cover;outline:1px solid oklch(1 0 0 / .1)}.livekit-video-fallback strong,.livekit-waiting-state strong{color:#fff;font-size:14px}.livekit-waiting-state span:last-child{max-width:230px;color:#9f98b1;font-size:11px;line-height:1.5}.livekit-waiting-orbit{width:54px;height:54px;display:block;border:1px solid rgba(245,211,99,.22);border-top-color:#f5d363;border-radius:50%;animation:livekit-orbit 1.4s linear infinite}.livekit-controls{width:fit-content;max-width:100%;min-height:78px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#1f1d2be6;box-shadow:0 18px 42px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.livekit-control{min-width:76px;min-height:58px;display:grid;place-items:center;gap:4px;padding:7px 10px;border-radius:15px;background:transparent;color:#c4bfd0;font-size:10px;font-weight:800;transition-property:background,color,transform;transition-duration:.16s}.livekit-control svg{width:22px;height:22px}.livekit-control:hover{background:#ffffff14;color:#fff;transform:translateY(-1px)}.livekit-control.is-off{color:#ffabb0;background:#f0616d1a}.livekit-tool-control.is-selected{background:#c69eff2e;color:#e3caff}.livekit-end-control{color:#fff;background:#e35566}.livekit-end-control:hover{background:#f06b78}.livekit-end-control span:first-child{font-size:25px;font-weight:300;line-height:18px}.livekit-tool-panel{position:fixed;z-index:10;inset:clamp(22px,4vw,58px) clamp(18px,5vw,80px) 128px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;padding:clamp(18px,3vw,34px);border:1px solid rgba(255,255,255,.16);border-radius:28px;background:#191724f7;box-shadow:0 25px 90px #0000006b;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.livekit-tool-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.livekit-tool-panel h2{margin-top:6px;color:#fff;font-size:clamp(21px,2.3vw,31px);letter-spacing:-.065em}.livekit-tool-panel header button,.livekit-canvas-clear{min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:#ffffff0f;color:#dcd6e6;font-size:11px;font-weight:800}.livekit-canvas-frame{min-height:0;position:relative;overflow:hidden;border-radius:19px;background:#fffdf8}.livekit-canvas-frame canvas{width:100%;height:100%;display:block;touch-action:none}.livekit-canvas-clear{position:absolute;right:12px;bottom:12px;border:0;background:#1d1b26cc;color:#fff}.livekit-sticker-workspace{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:16px}.livekit-sticker-stage{position:relative;overflow:hidden;border-radius:19px;background:linear-gradient(130deg,rgba(216,190,255,.42),transparent 45%),#f6f0ff}.livekit-sticker-stage p{position:absolute;inset:50% auto auto 50%;color:#867c9c;font-size:13px;transform:translate(-50%,-50%)}.livekit-sticker-stage>span{position:absolute;z-index:1;font-size:clamp(40px,6vw,84px);line-height:1;transform:translate(-50%,-50%);animation:livekit-sticker-pop .18s ease-out both}.livekit-sticker-picker{display:flex;flex-wrap:wrap;gap:8px}.livekit-sticker-picker button{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#ffffff14;font-size:25px;transition-property:background,transform;transition-duration:.15s}.livekit-sticker-picker button:hover{background:#ffffff29;transform:translateY(-2px) scale(1.04)}.role-call-error,.role-call-toast{position:fixed;z-index:30;display:grid;gap:8px}.role-call-error{min-height:100svh;top:0;right:0;bottom:0;left:0;place-content:center;padding:30px;background:#14131e;color:#fff;text-align:center}.role-call-error strong{font-size:20px}.role-call-error span{color:#bdb7ca;font-size:13px}.role-call-error button{min-height:46px;margin-top:10px;padding:0 18px;border-radius:13px;background:#f5d363;color:#30291c;font-weight:800}.role-call-toast{right:24px;bottom:120px;max-width:320px;padding:12px 15px;border:1px solid rgba(240,97,109,.32);border-radius:13px;background:#3c1d28eb;color:#ffdadd;font-size:11px;box-shadow:0 10px 24px #00000040}@keyframes livekit-orbit{to{transform:rotate(360deg)}}@keyframes livekit-sticker-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:820px){.role-call-page{gap:14px;padding:16px 12px 12px;overflow:auto}.role-call-header{align-items:flex-start}.role-call-header-meta{align-items:flex-end;flex-direction:column;gap:6px}.role-call-stage-grid{grid-template-columns:1fr;align-content:start}.role-call-remote-card{min-height:54svh}.role-call-side-rail{grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);grid-template-rows:minmax(180px,240px)}.role-call-invite-card,.role-call-kind-card{padding:18px}.livekit-controls{position:sticky;z-index:12;bottom:8px;width:100%;overflow-x:auto;justify-content:flex-start}.livekit-control{min-width:68px}.livekit-tool-panel{top:12px;right:12px;bottom:104px;left:12px}}@media(max-width:520px){.role-call-header h1{max-width:160px}.role-call-header-meta .role-call-status{max-width:138px;overflow:hidden;text-overflow:ellipsis}.role-call-side-rail{grid-template-columns:1fr;grid-template-rows:180px auto}.role-call-kind-card{min-height:170px}.role-call-invite-card h2{font-size:18px}.livekit-tool-panel{gap:12px;padding:16px}.livekit-sticker-picker{justify-content:center}}@media(prefers-reduced-motion:reduce){.livekit-waiting-orbit,.livekit-sticker-stage>span{animation:none}.livekit-control,.livekit-invite-actions button,.livekit-sticker-picker button{transition:none}}.call-invite-page{min-height:100svh;display:grid;place-items:center;padding:24px;color:#2d2935;background:radial-gradient(circle at 18% 18%,rgba(224,207,255,.56),transparent 27%),radial-gradient(circle at 83% 82%,rgba(255,226,157,.56),transparent 30%),#faf8f2;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.call-invite-card{width:min(100%,470px);display:grid;justify-items:center;padding:44px 42px 39px;border:1px solid rgba(157,128,196,.16);border-radius:30px;background:#ffffffd1;box-shadow:0 25px 80px #614a7626;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.call-invite-card-mark{width:66px;height:66px;display:grid;place-items:center;margin-bottom:20px;border-radius:24px 24px 24px 8px;background:#efe6ff;color:#8964c5;font-size:31px;box-shadow:0 10px 22px #7953ac1f}.call-invite-card h1{max-width:340px;margin-top:10px;font-size:clamp(25px,5vw,35px);line-height:1.16;letter-spacing:-.07em;text-wrap:balance}.call-invite-card>p{margin-top:12px;color:#908996;font-size:13px;line-height:1.6}.call-invite-profile{width:100%;display:flex;align-items:center;gap:13px;margin-top:28px;padding:14px;border-radius:18px;background:#faf7ff;text-align:left}.call-invite-avatar{width:56px;height:56px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:#e9ddfc;color:#835bbf;font-size:21px;font-weight:900}.call-invite-avatar img{width:100%;height:100%;object-fit:cover}.call-invite-profile div:last-child{display:grid;gap:5px}.call-invite-profile small{color:#a198a8;font-size:10px}.call-invite-profile strong{color:#3b3442;font-size:17px}.call-invite-expiry{width:100%;margin-top:13px!important;color:#9b8f80!important;font-size:11px!important;text-align:left}.call-invite-join{width:100%;min-height:56px;display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:0 18px 0 20px;border-radius:16px;background:#302c38;color:#fff;font-size:14px;font-weight:850;box-shadow:0 13px 24px #31273b2e;transition-property:background,transform;transition-duration:.16s}.call-invite-join:hover:not(:disabled){background:#55436c;transform:translateY(-1px)}.call-invite-join:disabled{opacity:.56}.call-invite-join span{color:#f2ce63;font-size:22px}.call-invite-hint{max-width:330px;font-size:11px!important}.call-invite-error{color:#c74d5b!important}@media(max-width:480px){.call-invite-page{padding:14px}.call-invite-card{padding:35px 22px 28px;border-radius:24px}}@media(prefers-reduced-motion:reduce){.call-invite-join{transition:none}}.app-shell-home{min-height:100dvh;overflow-x:clip}.app-shell-home .main-content{padding-top:clamp(20px,3vh,36px);padding-bottom:clamp(24px,4vh,48px);background:transparent}.app-shell-home .app-body{min-height:calc(100dvh - var(--figma-header-height))}.home-dashboard{position:relative;isolation:isolate;width:min(100%,1406px);height:clamp(430px,calc(100dvh - var(--figma-header-height) - 104px),480px);min-height:430px;display:grid;grid-template-columns:minmax(410px,520px) repeat(2,minmax(0,425px));align-items:stretch;gap:18px;margin:0 auto;color:#2b2b2b}.home-dashboard-decorations{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.home-dashboard-decoration{position:absolute;display:block;opacity:.2}.home-dashboard-decoration-star{top:20px;left:36.7%;width:20px;height:20px;background:#f5c94d;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%);transform:rotate(14deg)}.home-dashboard-decoration-heart{left:24px;bottom:20px;color:#ef9fae;font-size:30px;line-height:1;transform:rotate(-13deg)}.home-dashboard-decoration-heart:before{content:"♡"}.home-dashboard-decoration-wave{top:92px;left:36.9%;width:20px;height:44px;border-left:3px solid #a99ae0;border-radius:50%;transform:rotate(18deg)}.home-dashboard-decoration-wave:after{content:"";position:absolute;top:12px;left:7px;width:14px;height:28px;border-left:3px solid #a99ae0;border-radius:50%}.home-dashboard-decoration-stroke{width:38px;height:5px;border-radius:999px}.home-dashboard-decoration-stroke-sky{left:35.7%;bottom:40px;background:#81c6de;transform:rotate(-28deg)}.home-dashboard-decoration-stroke-pink{top:18px;left:68%;width:30px;background:#ef9fae;transform:rotate(24deg)}.home-dashboard-decoration-dots{top:12px;left:12px;width:7px;height:7px;border-radius:50%;background:#f0bd37;box-shadow:13px 7px #9fcbe7,5px 20px #c2afe8}.home-dashboard-intro,.home-dashboard-card{position:relative;z-index:1}.home-dashboard-intro{min-width:0;align-self:center;padding:0 30px 0 8px}.home-dashboard-intro h1{display:flex;flex-direction:column;margin:0;font-size:clamp(40px,2.65vw,51px);font-weight:700;line-height:1.14;letter-spacing:-.04em}.home-dashboard-intro h1 span{display:block;white-space:nowrap}.home-dashboard-intro h1 span:first-child{margin-bottom:.12em}.home-dashboard-intro p{margin-top:30px;color:#4f4b45;font-size:clamp(17px,1.05vw,20px);line-height:1.55;letter-spacing:-.025em;white-space:nowrap}.home-dashboard-card{display:block;overflow:hidden;border:1px solid #e3dfd5;border-radius:20px;background:#fff;color:#2b2b2b;box-shadow:0 10px 30px #493d230b;transition:border-color .25s ease,background-color .25s ease,box-shadow .28s ease,transform .28s ease}.home-dashboard-card:hover,.home-dashboard-card:focus-visible{z-index:2;border-color:#f5be24b8;outline:none;background:linear-gradient(180deg,#fffdf6,#fff 44%);box-shadow:0 18px 46px #d6a62633;transform:translateY(-6px)}.home-dashboard-card:focus-visible{outline:3px solid rgba(255,197,5,.68);outline-offset:4px}.home-dashboard-card-heading{position:absolute;top:34px;left:32px;right:32px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px}.home-dashboard-card-heading strong{font-size:clamp(27px,1.7vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.035em;white-space:nowrap}.home-dashboard-arrow{width:50px;height:50px;display:grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:50%;background:#fff;box-shadow:0 4px 12px #00000017;transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease}.home-dashboard-arrow img{width:28px;height:25px;display:block}.home-dashboard-card:hover .home-dashboard-arrow,.home-dashboard-card:focus-visible .home-dashboard-arrow{border-color:#f5be2466;background:#fff8df;box-shadow:0 7px 18px #d6a62633;transform:translate(5px)}.home-dashboard-card-image{position:absolute;left:50%;display:block;max-width:none;object-fit:contain;object-position:center bottom;pointer-events:none;transform:translate(-50%) scale(1);transform-origin:center bottom;transition:transform .32s ease}.home-dashboard-card:hover .home-dashboard-card-image,.home-dashboard-card:focus-visible .home-dashboard-card-image{transform:translate(-50%) scale(1.025)}.home-dashboard-call-image{bottom:10px;width:min(94%,400px);height:74%}.home-dashboard-diary-image{bottom:0;width:min(84%,356px);height:73%}@media(prefers-reduced-motion:reduce){.home-dashboard-card,.home-dashboard-arrow,.home-dashboard-card-image{transition:none}.home-dashboard-card:hover,.home-dashboard-card:focus-visible{transform:none}.home-dashboard-card:hover .home-dashboard-card-image,.home-dashboard-card:focus-visible .home-dashboard-card-image{transform:translate(-50%)}.home-dashboard-card:hover .home-dashboard-arrow,.home-dashboard-card:focus-visible .home-dashboard-arrow{transform:none}}@media(max-width:1180px){.home-dashboard{width:min(100%,1000px);height:auto;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.home-dashboard-intro{grid-column:1 / -1;padding:0 0 10px;text-align:center}.home-dashboard-intro h1{font-size:clamp(36px,5vw,48px)}.home-dashboard-intro p{margin-top:18px}.home-dashboard-card{height:auto;aspect-ratio:425 / 480}.home-dashboard-decoration-star,.home-dashboard-decoration-wave,.home-dashboard-decoration-stroke{display:none}}@media(max-width:760px){.home-dashboard{grid-template-columns:1fr;gap:18px}.home-dashboard-intro{grid-column:auto;padding:0 0 12px;text-align:left}.home-dashboard-intro h1{font-size:clamp(34px,10vw,44px)}.home-dashboard-intro h1 span{white-space:normal}.home-dashboard-intro p{margin-top:18px;font-size:16px;white-space:normal}.home-dashboard-card{width:min(100%,500px);justify-self:center}.home-dashboard-card-heading{top:8%;left:8%;right:8%}.home-dashboard-card-heading strong{font-size:clamp(25px,7vw,32px)}.home-dashboard-arrow{width:46px;height:46px}.home-dashboard-arrow img{width:25px;height:22px}.home-dashboard-decoration{display:none}}.call-target-page{min-height:calc(100vh - var(--cmb-gnb-height));margin:-48px -60px -80px;padding:45px 60px 80px;background:#fbfbfb}.call-target-heading{width:100%;margin:0 auto;text-align:center;animation:call-target-reveal .48s cubic-bezier(.22,1,.36,1) both}.call-target-heading h1{margin:0;color:#000;font-size:clamp(32px,3.2vw,46px);font-weight:700;line-height:70px;letter-spacing:-.02em}.call-target-list{width:min(100%,1178px);display:flex;justify-content:center;flex-wrap:wrap;gap:34px;margin:45px auto 0}.call-target-card{width:370px;height:552px;display:flex;flex:0 1 370px;flex-direction:column;align-items:center;padding:53px 41px 32px;overflow:hidden;border:8px solid #fff5d9;border-radius:20px;background:#fff5d9;color:#000;text-align:center;animation:call-target-reveal .56s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(80ms + var(--call-card-index, 0) * 90ms);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.call-target-card:hover{box-shadow:0 16px 30px #be9a2d29;transform:translateY(-6px)}.call-target-card.is-selected{border-color:#ffc505}.call-target-card:focus-visible{outline:3px solid #2b2b2b;outline-offset:4px;transform:translateY(-6px)}.call-target-avatar{width:272px;height:272px;display:block;flex:0 0 272px;overflow:hidden;border:2px solid #fff;border-radius:50%;background:#fff}.call-target-avatar img{width:100%;height:100%;display:block;object-fit:cover}.call-target-card strong{display:block;margin-top:49px;font-size:50px;font-weight:500;line-height:1.4;letter-spacing:-.02em}.call-target-action{min-height:118px;display:grid;justify-items:center;align-content:start;gap:12px;padding-top:55px}.call-target-action>button{width:min(396px,100%);min-height:48px;padding:10px 40px;border-radius:16px;background:#ffc505;color:#000000a3;font-size:23px;font-weight:500;line-height:1.2;animation:call-target-reveal .36s cubic-bezier(.22,1,.36,1) both;transition:background-color .16s ease,transform .16s ease}.call-target-action>button:hover:not(:disabled){background:#f5bf00;transform:translateY(-2px)}.call-target-action>button:focus-visible{outline:3px solid #222;outline-offset:4px}.call-target-action>button:disabled{cursor:wait;opacity:.68}.call-target-error{max-width:520px;color:#c83e3e;font-size:14px;font-weight:600;line-height:1.5;text-align:center}.call-target-state{min-height:420px;display:grid;place-items:center;color:#777;font-size:18px;text-align:center}@keyframes call-target-reveal{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.call-target-heading,.call-target-card,.call-target-action>button{animation:none}.call-target-card,.call-target-action>button{transition:none}}@media(max-width:1300px){.call-target-list{width:min(100%,1040px)}.call-target-card{width:min(31%,330px);height:auto;min-height:490px;flex-basis:min(31%,330px);padding:48px 32px 34px}.call-target-avatar{width:min(100%,238px);height:auto;flex-basis:auto;aspect-ratio:1}.call-target-card strong{margin-top:42px;font-size:42px}}@media(max-width:1100px){.call-target-page{margin-right:-40px;margin-left:-40px;padding-right:40px;padding-left:40px}.call-target-list{align-items:stretch}}@media(max-width:820px){.call-target-page{margin:-32px -24px -60px;padding:42px 24px 60px}.call-target-list{gap:20px;margin-top:34px}.call-target-card{width:min(47%,330px);min-height:430px;flex-basis:min(47%,330px)}.call-target-card strong{font-size:38px}}@media(max-width:600px){.call-target-page{margin:-24px -16px -48px;padding:28px 16px 48px}.call-target-heading h1{font-size:28px;line-height:1.4}.call-target-list{margin-top:28px}.call-target-card{width:min(370px,100%);min-height:0;height:auto;flex-basis:min(370px,100%);padding:32px 24px 28px}.call-target-avatar{width:min(272px,100%);height:auto;aspect-ratio:1}.call-target-card strong{margin-top:30px;font-size:36px}.call-target-action{padding-top:36px}.call-target-action>button{font-size:20px}}