.pebble-experience{--pebble-font:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;box-sizing:border-box;width:min(1000px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:24px 26px 22px;border:0;background:transparent;color:#f6f1e7;overflow:auto;overscroll-behavior:contain;font-family:var(--pebble-font);font-size:14px;letter-spacing:-.035em;scrollbar-width:thin}
.pebble-experience::backdrop{background:#201e1ac9;backdrop-filter:blur(5px)}
.pebble-experience button,.pebble-experience textarea{font-family:var(--pebble-font);letter-spacing:-.03em}
.pebble-experience-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:760px;margin:0 auto}
.pebble-experience-heading h2{margin:0;font:500 21px/1.5 var(--pebble-font);letter-spacing:-.05em;color:inherit}
.pebble-experience-close{flex-shrink:0;min-width:44px;min-height:44px;background:transparent;color:inherit;font-size:13px;opacity:.8;border-radius:8px}
.pebble-experience-close:hover{background:#ffffff12;opacity:1}
.pebble-reader-intro{margin:5px auto 0;max-width:760px;min-height:24px;color:#d6d1c7;font-size:13px;line-height:1.8;font-weight:400}
.pebble-reading-track{--pebble-step:310px;position:relative;isolation:isolate;height:405px;width:100%;overflow:hidden;touch-action:pan-y;user-select:none;perspective:1000px}
.pebble-reading-stone{position:absolute;left:50%;top:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:365px;height:340px;margin:0;padding:38px 39px;background:radial-gradient(ellipse at 34% 18%,#ffffff73,transparent 58%),var(--pebble-tone,#d9d4c8);color:#3e4039;border-radius:47% 53% 49% 51% / 46% 43% 57% 54%;box-shadow:inset 3px 5px 9px #ffffff6b,inset -6px -13px 22px #6a695b26,0 13px 20px #0d0c0a21;transform:translateX(calc(-50% + var(--pebble-offset)*var(--pebble-step))) rotate(var(--pebble-tilt)) scale(.77);opacity:.50;transition:transform .48s cubic-bezier(.22,.7,.22,1),opacity .4s,filter .4s;filter:saturate(.65);font-weight:400;will-change:transform;z-index:1;cursor:pointer}
.pebble-reading-stone::before{content:'';position:absolute;inset:6px;border-radius:inherit;border-top:1px solid #ffffff3b;pointer-events:none}
.pebble-reading-stone[data-active=true]{transform:translateX(-50%) rotate(0) scale(1);opacity:1;filter:none;z-index:3;cursor:default}
.pebble-reading-text{display:block;max-height:250px;width:100%;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;font-size:18px;line-height:1.95;font-weight:400;text-wrap:pretty}
.pebble-reading-signature{display:block;max-width:100%;font-size:11px;font-weight:400;line-height:1.65;color:#6a6a60;overflow-wrap:anywhere}
.pebble-reading-stone:not([data-active=true]) .pebble-reading-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pebble-reader-empty{position:absolute;left:10%;right:10%;top:42%;margin:0;text-align:center;line-height:1.9;font-size:15px;color:#d6d1c7}
.pebble-reader-nav{display:flex;align-items:center;justify-content:center;gap:24px;margin:-2px auto 0}
.pebble-reader-arrow{width:48px;height:44px;border:1px solid #eee9de42;border-radius:10px;background:#eeeadc0d;color:#f3eee3;font-size:22px;line-height:1;transition:background .2s,transform .2s}
.pebble-reader-arrow:hover:not(:disabled){background:#eeeadc22}.pebble-reader-arrow:active:not(:disabled){transform:scale(.96)}
.pebble-reader-arrow:disabled{opacity:.25;cursor:default}
.pebble-reader-count{min-width:82px;text-align:center;font-size:12px;letter-spacing:.04em;color:#ded8cb;font-variant-numeric:tabular-nums}
.pebble-reader-footer{display:flex;justify-content:center;gap:12px;margin-top:14px}
.pebble-reader-compose,.pebble-reader-retry{min-height:44px;padding:8px 14px;background:transparent;color:#e5dfd3;font-size:12px;border-radius:8px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#e5dfd355}
.pebble-reader-compose:hover,.pebble-reader-retry:hover{background:#ffffff0c}
.pebble-experience[open][data-mode=read] .pebble-reading-track{animation:pebble-unfold .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes pebble-unfold{from{opacity:0;transform:translateY(34px) scaleX(.82) scaleY(.93)}to{opacity:1;transform:translateY(0) scale(1)}}
.pebble-experience[data-mode=stack]{width:min(420px,calc(100vw - 28px));padding:24px 28px 27px;border-radius:18px;background:#f5f2eb;color:#39443b;box-shadow:0 24px 80px #18150f3b}
.pebble-compose-intro{margin:13px 0 23px;font-size:13px;line-height:1.9;color:#71766c}
.pebble-compose-field{display:block;margin:0}.pebble-compose-field>span{display:block;margin-bottom:10px;font-size:12px;font-weight:500;color:#636b60}
.pebble-compose-field textarea{display:block;box-sizing:border-box;width:100%;min-height:144px;resize:vertical;margin:0;padding:14px;border:1px solid #c8cdc1;border-radius:10px;outline:none;background:#fdfbf6;color:#3e453c;font-size:15px;line-height:1.85;box-shadow:none}
.pebble-compose-field textarea::placeholder{color:#92968b}.pebble-compose-field textarea:focus{border-color:#6b7d68;box-shadow:0 0 0 2px #6b7d681c}
.pebble-experience .pebble-length{display:block;margin:7px 0 18px;color:#858a7e;font-size:11px;text-align:right;font-variant-numeric:tabular-nums}
.pebble-compose-submit{width:100%;min-height:46px;padding:11px 18px;border-radius:10px;background:#526b57;color:#fffdf7;font-size:14px;font-weight:500;transition:background .2s,transform .2s}
.pebble-compose-submit:hover:not(:disabled){background:#435d49}.pebble-compose-submit:active:not(:disabled){transform:scale(.985)}.pebble-compose-submit:disabled{opacity:.6;cursor:wait}
.pebble-compose-status{margin:16px 0 0;text-align:center;color:#8b8d82;font-size:11px;line-height:1.8}
.pebble-experience button:focus-visible{outline:2px solid #d4bf8f;outline-offset:4px}.pebble-experience [hidden]{display:none!important}
@media(max-width:600px){.pebble-experience{width:calc(100vw - 12px);max-height:calc(100dvh - 20px);padding:14px 6px 16px}.pebble-experience-heading,.pebble-reader-intro{margin-left:16px;margin-right:16px}.pebble-experience-heading h2{font-size:20px}.pebble-reader-intro{font-size:12px;line-height:1.9}.pebble-reading-track{--pebble-step:calc(100vw - 76px);height:370px}.pebble-reading-stone{width:calc(100vw - 70px);max-width:350px;height:324px;top:23px;padding:32px 28px;gap:18px;box-sizing:border-box}.pebble-reading-text{font-size:17px;line-height:1.9;max-height:245px}.pebble-reading-signature{font-size:10px}.pebble-reader-nav{gap:15px}.pebble-reader-footer{margin-top:8px}.pebble-experience[data-mode=stack]{padding:20px 22px 24px}.pebble-experience[data-mode=stack] .pebble-experience-heading{margin:0}}
@media(max-width:360px){.pebble-reading-stone{width:calc(100vw - 52px);padding:31px 26px;gap:14px;height:338px;top:16px}.pebble-reading-text{font-size:16px;line-height:1.85}.pebble-reading-track{height:372px;--pebble-step:calc(100vw - 66px)}.pebble-reading-signature{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pebble-reading-stone,.pebble-reader-arrow,.pebble-compose-submit{transition:none}.pebble-experience[open][data-mode=read] .pebble-reading-track{animation:none}.pebble-experience::backdrop{backdrop-filter:none}}
.pebble-reading-stone{box-sizing:border-box}
.pebble-reading-stone[data-active=true] .pebble-reading-text{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;user-select:text;touch-action:pan-y}