:root{font-family:Segoe UI Variable,Noto Sans KR,system-ui,sans-serif;color:#172934;background:#fffaf0;--paper:#fffaf0;--blue:#dceff4;--ink:#172934;--accent:#ba532c;--muted:#567079;--line:#b9d1d6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit}.top{height:78px;display:flex;align-items:center;gap:38px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{text-decoration:none;font-size:1.34rem;font-weight:900;letter-spacing:-.06em}.brand span{color:var(--accent)}nav{display:flex;gap:28px;margin-left:auto}nav a{text-decoration:none;font-size:.91rem;font-weight:700}.lang,.secondary{background:transparent;border:1px solid var(--ink);color:var(--ink)}button,.primary{font:inherit;border:0;border-radius:999px;padding:12px 19px;background:var(--accent);color:#fff;font-weight:800;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,filter .15s}button:hover:not(:disabled),.primary:hover{filter:brightness(.93);transform:translateY(-1px)}button:active,.primary:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;background:#789097;color:#f6fbfc}button:focus-visible,a:focus-visible{outline:3px solid #14728b;outline-offset:4px}.hero{min-height:calc(100dvh - 78px);max-width:1180px;margin:auto;padding:68px 24px;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}.hero-copy{padding-bottom:4vh}.kicker{letter-spacing:.18em;font-weight:900;font-size:.72rem;color:var(--accent)}h1{font-size:clamp(3.5rem,7vw,6.8rem);line-height:.94;letter-spacing:-.07em;margin:18px 0 28px;white-space:pre-line}h2{font-size:clamp(1.8rem,3vw,3.1rem);letter-spacing:-.045em;line-height:1.05;margin:0 0 16px}.hero-copy>p:not(.kicker){font-size:1.12rem;line-height:1.75;color:var(--muted);max-width:54ch}.hero .primary{margin-top:20px}.price{display:block;color:var(--muted);font-size:.83rem;margin-top:12px}.bear-picture{margin:0;position:relative;transform:rotate(1.7deg)}.bear-picture:before{content:"";position:absolute;top:8%;right:-4%;bottom:-3%;left:4%;background:var(--blue);border-radius:46% 54% 45% 55%;z-index:-1}.bear-picture img{display:block;width:100%;max-height:610px;object-fit:contain}.bear-picture figcaption{text-align:right;font-size:.74rem;font-weight:800;letter-spacing:.08em;margin-top:8px}.features{background:var(--blue);padding:100px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px}.features article{border-top:2px solid var(--ink);padding-top:18px}.features article:nth-child(2){margin-top:70px}.features span{font-size:.74rem;font-weight:900;color:var(--accent)}.features h2{font-size:1.55rem;margin-top:42px}.features p,.download p,.account p{line-height:1.7;color:var(--muted)}.download{max-width:1180px;margin:auto;padding:120px 24px;display:grid;grid-template-columns:1fr auto;gap:80px;align-items:end}.download>div{max-width:680px}.download h2{font-size:clamp(2.5rem,5vw,5rem)}.account{min-height:calc(100dvh - 156px);max-width:1050px;margin:auto;padding:90px 24px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:90px}.account h1,.callback h1{font-size:clamp(3rem,7vw,6rem)}.bear-picture.small img{max-height:450px}.license{margin:28px 0;padding:20px;border-left:4px solid var(--accent);background:#fff;display:flex;justify-content:space-between;gap:20px}.actions{display:flex;gap:12px}.error{color:#8d321e!important;font-weight:700}.callback{min-height:calc(100dvh - 156px);display:grid;place-items:center;text-align:center;padding:60px 24px}.callback .small{max-width:330px}.callback h1{font-size:clamp(2rem,5vw,4rem);max-width:14ch}footer{min-height:78px;padding:24px max(24px,calc((100vw - 1180px)/2));background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}footer span{color:#bfd2d7;font-size:.82rem}@media(max-width:760px){.top{height:auto;padding:18px;flex-wrap:wrap;gap:18px}.top nav{order:3;width:100%;justify-content:space-between;gap:12px}.hero,.account{grid-template-columns:1fr;padding-top:48px;gap:35px}.hero-copy{order:2}.hero h1{font-size:clamp(3.2rem,14vw,5.5rem)}.bear-picture{max-width:500px}.features{grid-template-columns:1fr;padding-top:70px;padding-bottom:70px;gap:48px}.features article:nth-child(2){margin-top:0}.features h2{margin-top:22px}.download{grid-template-columns:1fr;padding-top:80px;padding-bottom:80px;gap:24px}.account>div:first-child{order:2}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}:root{font-synthesis:none}.hero h1{font-size:clamp(2.6rem,4.4vw,4.3rem);line-height:1.13;word-break:keep-all;letter-spacing:-.055em}.hero-copy>p{word-break:keep-all}.policy{max-width:1180px;margin:auto;padding:20px 24px 90px}.policy h2{font-size:2rem;margin-bottom:28px}.policy>div{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.policy p{font-size:.94rem;line-height:1.8;color:var(--muted);margin:0;word-break:keep-all}.info-page{max-width:860px;min-height:70vh;margin:auto;padding:70px 24px}.info-page h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.2}.info-page h2{font-size:1.6rem;margin-top:40px}.info-page p,.info-page li{line-height:1.9;color:var(--muted)}.support-contact{margin:32px 0;padding:26px 28px;background:var(--blue);border:1px solid var(--line);border-radius:20px}.info-page .support-contact h2{margin:0;font-size:1.55rem}.support-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 4px}.info-page .support-address{margin:12px 0 0;font-size:clamp(1.2rem,3vw,1.65rem);font-weight:800;overflow-wrap:anywhere}.support-copy-status{min-height:1.5em;margin:8px 0 0;font-size:.9rem}.support-contact .secondary{color:var(--ink)}.devices{display:grid;gap:12px;margin-bottom:24px}.devices>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;background:#fff;border:1px solid var(--line)}.devices code{overflow-wrap:anywhere;flex:1 1 180px}.devices span{font-size:.85rem;color:var(--muted)}.pair-confirm{display:grid;gap:20px;max-width:420px}.pair-confirm label{display:grid;gap:12px;font-weight:700}.pair-confirm input{font:inherit;font-size:1.8rem;text-align:center;letter-spacing:.25em;padding:14px;border:1px solid var(--line);border-radius:8px;max-width:100%}.callback>p{max-width:56ch;line-height:1.8;color:var(--muted)}@media(max-width:760px){.hero h1{font-size:clamp(2.2rem,10.5vw,3.4rem)}.policy>div{grid-template-columns:1fr;gap:20px}.policy{padding-bottom:60px}.actions{flex-wrap:wrap}}.order{padding:1rem 0;border-bottom:1px solid currentColor;overflow-wrap:anywhere}.devices code{overflow-wrap:anywhere;min-width:0}.account>div{min-width:0}footer nav{display:flex;flex-wrap:wrap;gap:.5rem}.launch-check-note{max-width:1050px;margin:24px auto 0;padding:16px 24px;line-height:1.7;color:var(--muted)}.top nav button:disabled{padding:0;background:transparent;color:var(--muted);font-size:.91rem;white-space:nowrap}:root{font-family:Malgun Gothic,Apple SD Gothic Neo,Segoe UI,sans-serif;--site-bg:#ffe9df;--paper:#fff9f3;--ink:#56362f;--muted:#77584e;--accent:#a54334;--on-accent:#fff9f3;--line:#dfb8a9;--blue:#fbd7c7;--soft:#fbd7c7;--backing:#ecb39d;--rule:#e6cdbf;--paper-shadow:rgba(129,62,40,.13);--stamp:#e9b9a2;color:var(--ink);background:var(--site-bg);color-scheme:light}:root[data-theme=dark]{--site-bg:#302623;--paper:#3c302a;--ink:#fff0e7;--muted:#d5baad;--accent:#efb19b;--on-accent:#30221e;--line:#70564b;--blue:#49352e;--soft:#49352e;--backing:#745143;--rule:#59463b;--paper-shadow:rgba(11,7,5,.18);--stamp:#715347;color-scheme:dark}body{background:var(--site-bg);color:var(--ink);word-break:keep-all}html{scroll-padding-top:28px}button,.primary{color:var(--on-accent)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.site-container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.top{width:min(1180px,calc(100% - 80px));margin:auto;padding:0;min-height:80px;height:auto;gap:24px}.top .brand{display:block;line-height:1.15;white-space:nowrap;font-size:26px}.top .brand-note{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:4px}.top nav{gap:23px;align-items:center}.top nav a{font-size:12px;white-space:nowrap}.site-tools{display:flex;gap:8px;align-items:center}.site-tools button{border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:11px;padding:8px 13px;min-height:38px;white-space:nowrap}.site-skip{position:absolute;top:-80px;left:20px;z-index:10;background:var(--accent);color:var(--on-accent);padding:10px 16px}.site-skip:focus{top:10px}.stationery-landing h1,.stationery-landing h2,.stationery-landing h3,.stationery-landing p,.stationery-landing figure{margin:0}.stationery-landing h1,.stationery-landing h2,.stationery-landing h3{letter-spacing:-.05em;line-height:1.35}.stationery-landing h2{font-size:clamp(28px,3vw,40px)}.stationery-landing h3{font-size:22px}.stationery-landing p{color:var(--muted);line-height:1.9}.stationery-landing .primary{font-size:14px;min-height:50px;padding:14px 25px;white-space:nowrap}.paper-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:94px;padding-top:68px;padding-bottom:98px}.paper-hero-copy{padding-bottom:24px}.stationery-landing .paper-eyebrow{margin-bottom:27px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.025em}.stationery-landing .paper-hero h1{font-size:clamp(39px,4.2vw,60px);line-height:1.27;letter-spacing:-.065em;max-width:560px;white-space:normal}.stationery-landing .paper-description{margin:25px 0 30px;font-size:15px}.letter-stack{position:relative;isolation:isolate;padding:18px 17px 16px 0;max-width:480px;width:100%}.letter-backing{position:absolute;top:27px;right:0;bottom:9px;left:13px;z-index:-1;border:1px solid var(--line);border-radius:8px;background:var(--backing);transform:rotate(6deg)}.friend-letter{padding:28px 28px 26px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 15px 34px var(--paper-shadow);transform:rotate(-3deg);text-align:center}.letter-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;color:var(--muted);font-size:12px;text-align:left}.letter-mark{display:grid;place-items:center;width:40px;height:47px;flex-shrink:0;border:1px solid var(--line);outline:4px dotted var(--stamp);outline-offset:-6px;color:var(--accent);font-size:15px;font-weight:800}.letter-portrait{display:block;width:min(100%,265px);height:auto;margin:0 auto 18px}.friend-letter figcaption{font-size:13px;font-weight:700;margin-bottom:16px}.letter-preview-link{display:inline-flex;align-items:center;gap:17px;min-height:42px;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:12px;text-decoration:none}.letter-preview-link:hover{background:var(--soft)}.paper-friends{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:26px;padding-top:47px;padding-bottom:65px;border-top:1px solid var(--line)}.paper-friends-intro p{margin-top:16px;font-size:13px}.friend-note{min-height:198px;padding:30px 27px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.bomi-note{transform:rotate(-2deg)}.gomi-note{transform:rotate(2deg);background:var(--soft)}.friend-name{display:inline-block;margin-bottom:20px;font-size:11px;font-weight:700;color:var(--accent)}.friend-note p{font-size:12px;margin-top:13px}.paper-day{padding:60px 0 80px}.paper-day-heading{margin-bottom:37px}.paper-day-heading p{font-size:14px;margin-top:18px}.daily-letter{padding:12px 58px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.day-moment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;padding:28px 0}.day-moment+.day-moment{border-top:1px solid var(--rule)}.moment-visual{display:flex;align-items:center;justify-content:center;min-height:222px}.paper-pet-still{width:205px;aspect-ratio:192/208;background-size:800% auto;background-position:0 0;background-repeat:no-repeat}.typing-still{background-image:url(/pet/typing-keyboard.png)}.stretch-still{background-image:url(/pet/stretch.png)}.moment-copy{max-width:330px}.moment-copy h3{font-size:25px}.moment-copy p{margin:16px 0 23px;font-size:14px}.moment-copy>span{font-size:11px;color:var(--accent);font-weight:700}.paper-reactions{padding:15px 0 92px}.meet-letter{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:46px;padding:44px 48px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.meet-letter h2{font-size:30px}.meet-letter p{margin-top:15px;font-size:14px}.meet-details{padding-left:35px;border-left:1px solid var(--line);align-self:center}.meet-details>strong{font-size:17px}.meet-details p{margin-top:6px;font-size:12px}.meet-details .primary,.meet-details button{margin-top:19px;min-height:44px;padding:11px 18px;font-size:12px}.meet-details button:disabled{background:var(--paper);color:var(--muted);border:1px solid var(--line)}.meet-details .release-note{margin-top:16px;font-size:11px}.paper-faq{padding:68px 0 70px}.paper-faq h2{font-size:28px;margin-bottom:25px}.paper-faq details{padding:20px 0;border-bottom:1px solid var(--line)}.paper-faq summary{cursor:pointer;font-size:14px;font-weight:700}.paper-faq details p{font-size:13px;max-width:800px;margin-top:15px}body>#root>footer{width:min(1180px,calc(100% - 80px));margin:auto;background:transparent;border-top:1px solid var(--line);color:var(--ink);padding:30px 0;min-height:96px}body>#root>footer span{color:var(--muted)}.account .license,.devices>div{background:var(--paper)}@media(max-width:1100px){.top{gap:15px;flex-wrap:wrap;padding:17px 0}.top nav{gap:15px;flex-wrap:wrap}.site-tools{margin-left:auto}.paper-hero{gap:30px;padding-top:48px;padding-bottom:65px}.stationery-landing .paper-hero h1{font-size:44px}.paper-hero-copy{padding-bottom:0}.stationery-landing .paper-description{font-size:13px}.friend-letter{padding:22px 18px}.letter-portrait{width:230px}.letter-heading{font-size:10px}.paper-friends{gap:16px}.friend-note{padding:25px 19px}.friend-note p{font-size:11px}.daily-letter{padding:8px 35px}.day-moment{gap:25px}.meet-letter{gap:20px;padding:35px}.meet-details{padding-left:25px}.meet-letter h2{font-size:26px}}@media(max-width:767px){.site-container,.top,body>#root>footer{width:calc(100% - 40px)}.top{gap:15px}.top .brand{font-size:23px}.top .brand-note{font-size:9px}.top nav{order:3;width:100%;justify-content:space-between;gap:12px 8px;margin:0}.top nav a{font-size:11px}.site-tools{gap:6px}.site-tools button{font-size:10px;padding:7px 10px}.paper-hero{grid-template-columns:minmax(0,1fr);gap:38px;padding:35px 0 58px}.stationery-landing .paper-hero h1{font-size:clamp(34px,10.8vw,43px)}.stationery-landing .paper-eyebrow{font-size:11px;margin-bottom:18px}.stationery-landing .paper-description{font-size:13px;margin:22px 0 25px}.letter-stack{width:min(100%,365px);margin:0 auto;padding-right:15px}.letter-backing{top:27px;right:10px;bottom:9px;left:13px;transform:rotate(2deg)}.friend-letter{padding:24px 19px}.letter-portrait{width:225px}.letter-heading{font-size:11px}.paper-friends{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:34px 0 40px}.paper-friends-intro{grid-column:1/-1;padding-bottom:10px}.paper-friends-intro h2 br{display:none}.paper-friends-intro p{font-size:12px}.friend-note{min-height:180px;padding:23px 17px}.friend-note h3{font-size:17px}.friend-note p{font-size:11px}.friend-name{margin-bottom:15px}.paper-day{padding:40px 0 42px}.stationery-landing h2{font-size:30px}.paper-day-heading p{font-size:12px}.daily-letter{padding:14px 25px}.day-moment{grid-template-columns:minmax(0,1fr);gap:6px;padding:20px 0 30px}.moment-visual{min-height:180px}.paper-pet-still{width:175px}.moment-copy{max-width:none}.moment-copy h3{font-size:22px}.moment-copy p{font-size:12px;margin:12px 0 14px}.rest-moment .moment-visual{grid-row:1}.moment-copy>span{font-size:10px}.paper-reactions{padding:10px 0 52px}.meet-letter{grid-template-columns:minmax(0,1fr);gap:25px;padding:30px 25px}.meet-letter h2{font-size:25px}.meet-letter p{font-size:12px}.meet-details{padding:21px 0 0;border-left:0;border-top:1px solid var(--line)}.meet-details>strong{font-size:15px}.meet-details p{font-size:11px}.paper-faq{padding:42px 0 45px}.paper-faq h2{font-size:25px}.paper-faq summary{font-size:13px}.paper-faq details p{font-size:12px}body>#root>footer{min-height:0;gap:10px;padding:26px 0}footer span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}:root[data-theme=dark] .error{color:#ffbba8!important}.paper-reactions .reaction-showcase{padding:24px 0 0}.paper-reactions .rs-intro>div{align-items:center}.paper-reactions .rs-intro h2{font-size:clamp(30px,3vw,40px);max-width:none}.top nav .site-account-link{display:inline-block;min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.top nav .site-account-pending{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.reaction-showcase .rs-stage.rs-os-desktop{display:block;height:330px;isolation:isolate;background:#8caed4;color:#263348;font-family:Arial,Malgun Gothic,sans-serif;border-bottom:1px solid var(--line)}.reaction-showcase .rs-os-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 53% 40% at 90% 68%,#65a8ed 0 60%,transparent 61%),radial-gradient(ellipse 62% 72% at 74% 78%,#367ec7 0 62%,transparent 63%),radial-gradient(ellipse 50% 52% at 48% 95%,#9bc8f4 0 66%,transparent 67%),linear-gradient(140deg,#a8c7e7,#5e91c9)}.reaction-showcase .rs-os-wallpaper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,transparent 20%,#fff2 31%,transparent 47%);pointer-events:none}.reaction-showcase .rs-os-icons{position:absolute;top:31px;left:10px;display:grid;gap:12px;font-size:9px;color:#f8fbff;text-align:center;text-shadow:0 1px 2px #1d4879}.reaction-showcase .rs-os-icon{display:grid;justify-items:center;gap:3px;width:38px}.reaction-showcase .rs-os-icon i{display:block;width:23px;height:17px;border-radius:3px;background:linear-gradient(#ffe59c 25%,#f6c75c 25%);box-shadow:0 1px 2px #183d64aa}.reaction-showcase .rs-os-icon+.rs-os-icon i{width:18px;height:22px;background:linear-gradient(#f9fcff,#dceafb);border:1px solid #9fb5cb}.reaction-showcase .rs-os-window{position:absolute;z-index:1;top:35px;left:55px;width:61%;height:224px;background:#f9fbfe;border:1px solid #d1dbe7;border-radius:7px;box-shadow:0 12px 25px #173e6c57;overflow:hidden}.reaction-showcase .rs-os-titlebar{height:28px;display:flex;align-items:center;gap:6px;padding:0 9px;border-bottom:1px solid #e6eaf0;background:#f4f8fd;font-size:9px;font-weight:600;color:#3f5065}.reaction-showcase .rs-os-appmark{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,#6ba7e0,#3267b1);flex:none}.reaction-showcase .rs-os-window-actions{margin-left:auto;color:#738399;font-size:11px;white-space:nowrap}.reaction-showcase .rs-os-editor{height:calc(100% - 28px);display:flex;flex-direction:column;padding:11px 13px 7px;gap:7px}.reaction-showcase .rs-os-editor label{font-size:10px;font-weight:700;color:#31445f}.reaction-showcase .rs-os-editor textarea{width:100%;min-width:0;flex:1;resize:none;background:#fff;color:#28364a;border:1px solid #e1e7ef;border-radius:4px;padding:8px;font:11px/1.65 Consolas,Courier New,monospace}.reaction-showcase .rs-os-editor textarea::placeholder{color:#3c4d62;opacity:1}.reaction-showcase .rs-os-editor-hint{font-size:8px;color:#687b90}.reaction-showcase .rs-os-document{height:calc(100% - 28px);padding:12px 15px;overflow:auto;overscroll-behavior:contain;font-size:10px;line-height:1.65;background:#fff;color:#33455b}.reaction-showcase .rs-os-document strong{font-size:12px}.reaction-showcase .rs-os-document p{margin:10px 0 24px}.reaction-showcase .rs-os-work{height:calc(100% - 28px);padding:16px;display:flex;flex-direction:column;gap:18px;background:#fff;color:#38495d;font-size:11px}.reaction-showcase .rs-os-code{display:block;border-radius:4px;background:#29384a;color:#d9eafb;padding:13px 11px;font:10px/1.5 Consolas,Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reaction-showcase .rs-os-caret{animation:rs-os-blink .7s steps(1) infinite}.reaction-showcase .rs-os-work-state{border:1px solid #d7e0ea;background:#f3f7fc;border-radius:4px;padding:8px;color:#5e6f84}.reaction-showcase .rs-os-work-state.is-done{border-color:#a9cfc2;color:#286c5e;background:#eaf7f1}.reaction-showcase .rs-os-timer{align-items:center;justify-content:center;gap:10px}.reaction-showcase .rs-os-timer strong{font-size:31px;font-variant-numeric:tabular-nums;color:#364f6d}.reaction-showcase .rs-os-timer span{text-align:center;color:#60728a}.reaction-showcase .rs-os-notes{gap:12px}.reaction-showcase .rs-os-note-line{height:7px;width:70%;border-radius:4px;background:#e7eef6}.reaction-showcase .rs-os-note-line:nth-child(3){width:45%}.reaction-showcase .rs-os-notes strong{margin-top:4px;font-size:11px;line-height:1.5}.reaction-showcase .rs-os-toast{position:absolute;z-index:5;right:10px;top:12px;width:min(205px,46%);display:flex;gap:8px;padding:9px;background:#f8fbffec;border:1px solid #e3ebf3;border-radius:7px;box-shadow:0 5px 15px #224d7840;color:#263c55;font-size:10px;line-height:1.4}.reaction-showcase .rs-os-toast-mark{font-size:14px;color:#dd9477}.reaction-showcase .rs-os-toast strong,.reaction-showcase .rs-os-toast span{display:block}.reaction-showcase .rs-os-toast strong{font-size:9px;margin-bottom:3px}.reaction-showcase .rs-os-cursor{position:absolute;z-index:6;left:52%;top:52%;font:27px/1 Arial,sans-serif;color:#fff;text-shadow:-1px -1px #1c3650,1px -1px #1c3650,-1px 1px #1c3650,1px 1px #1c3650;pointer-events:none;animation:rs-os-cursor-path 2.5s ease-in-out 1}.reaction-showcase .rs-os-cursor.is-direct{animation:none}.reaction-showcase .rs-os-pet{position:absolute;z-index:4;right:14px;bottom:26px;width:145px;height:157px;overflow:hidden;touch-action:none;cursor:grab;line-height:0;filter:drop-shadow(0 6px 5px #0e37665e)}.reaction-showcase .rs-os-pet:active{cursor:grabbing}.reaction-showcase .rs-os-pet .rs-canvas{width:145px;height:157px;max-width:none}.reaction-showcase .rs-os-pet.is-peeking{height:89px;border-bottom:2px solid #d9e5f1}.reaction-showcase .rs-os-bubble{position:absolute;z-index:5;right:36px;bottom:181px;max-width:150px;padding:6px 9px;background:#fff;color:#35475f;border:1px solid #c8d8e7;border-radius:8px;font-size:10px;font-weight:700;line-height:1.35;text-align:center;box-shadow:0 2px 5px #214b7529}.reaction-showcase .rs-os-bubble:after{content:"";position:absolute;right:16px;bottom:-6px;width:9px;height:9px;background:#fff;border-right:1px solid #c8d8e7;border-bottom:1px solid #c8d8e7;transform:rotate(45deg)}.reaction-showcase .rs-os-taskbar{position:absolute;z-index:7;bottom:0;left:0;right:0;height:27px;background:#f7faffdb;border-top:1px solid #e1e9f3;display:flex;align-items:center;justify-content:center;gap:10px;color:#396899}.reaction-showcase .rs-os-start{font-size:19px;line-height:1}.reaction-showcase .rs-os-task-dot{width:15px;height:15px;border-radius:4px;background:linear-gradient(135deg,#a8d1f2,#488aca)}.reaction-showcase .rs-os-task-dot+.rs-os-task-dot{background:linear-gradient(135deg,#ffe4a1,#e8ba59)}.reaction-showcase .rs-os-task-clock{position:absolute;right:11px;font-size:9px;color:#4e637e}.reaction-showcase .rs-os-overlay{position:absolute;z-index:8;left:10px;bottom:38px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 170px);font-size:9px;color:#f9fcff;text-shadow:0 1px 2px #17456d}.reaction-showcase .rs-os-overlay button{min-height:28px;padding:5px 8px;border:1px solid #e5ecf3;border-radius:4px;background:#f9fcff;color:#2e4d6c;font-size:10px;font-weight:700;white-space:nowrap;text-shadow:none}.reaction-showcase .rs-os-overlay button:hover{background:#e6f2ff;transform:none}html[data-theme=dark] .reaction-showcase .rs-os-wallpaper{filter:brightness(.75) saturate(.78)}html[data-theme=dark] .reaction-showcase .rs-os-window{background:#26354a;border-color:#4c5c73}html[data-theme=dark] .reaction-showcase .rs-os-titlebar{background:#26354a;color:#e2ebf7;border-color:#45566d}html[data-theme=dark] .reaction-showcase .rs-os-editor,html[data-theme=dark] .reaction-showcase .rs-os-document,html[data-theme=dark] .reaction-showcase .rs-os-work{background:#304158;color:#e7eef8}html[data-theme=dark] .reaction-showcase .rs-os-editor label,html[data-theme=dark] .reaction-showcase .rs-os-timer strong{color:#e7eef8}html[data-theme=dark] .reaction-showcase .rs-os-editor textarea{background:#243246;color:#ecf4ff;border-color:#5a6d84}html[data-theme=dark] .reaction-showcase .rs-os-editor textarea::placeholder{color:#bdcfe4}html[data-theme=dark] .reaction-showcase .rs-os-editor-hint{color:#b4c4d6}html[data-theme=dark] .reaction-showcase .rs-os-toast{background:#2b3b50f2;border-color:#57708e;color:#f4f8ff}html[data-theme=dark] .reaction-showcase .rs-os-taskbar{background:#24364ee9;border-color:#4c6682}html[data-theme=dark] .reaction-showcase .rs-os-task-clock{color:#dce8f5}@keyframes rs-os-cursor-path{0%{transform:translate(35px,45px)}30%{transform:translate(-35px,-18px)}58%{transform:translate(-28px,-14px)}to{transform:translate(6px,2px)}}@keyframes rs-os-blink{50%{opacity:0}}@media(max-width:760px){.reaction-showcase .rs-os-window{left:42px;width:64%}.reaction-showcase .rs-os-pet{right:4px;width:125px;height:135px}.reaction-showcase .rs-os-pet .rs-canvas{width:125px;height:135px}.reaction-showcase .rs-os-bubble{right:12px;bottom:155px}.reaction-showcase .rs-os-overlay{max-width:calc(100% - 128px)}.reaction-showcase .rs-os-toast{right:5px}}@media(max-width:390px){.reaction-showcase .rs-os-window{left:36px;width:66%}.reaction-showcase .rs-os-pet,.reaction-showcase .rs-os-pet .rs-canvas{width:106px;height:115px}.reaction-showcase .rs-os-bubble{bottom:133px}.reaction-showcase .rs-os-overlay{flex-direction:column;align-items:start;max-width:calc(100% - 110px)}}.reaction-showcase .rs-situations>button{font-size:.68rem;color:var(--muted);border:1px solid var(--line);background:var(--paper);padding:6px 9px;border-radius:3px;line-height:1.45}.reaction-showcase .rs-situations>button[aria-pressed=true]{color:var(--ink);border-color:var(--accent);font-weight:800;background:var(--soft)}.reaction-showcase{max-width:1180px;margin:0 auto;padding:100px 24px;scroll-margin-top:28px}.reaction-showcase .rs-intro{margin-bottom:34px}.reaction-showcase .rs-intro>div{display:flex;justify-content:space-between;align-items:end;gap:36px}.reaction-showcase .rs-intro h2{max-width:16ch;font-size:clamp(2rem,4vw,3.35rem);line-height:1.18;margin:10px 0 0;word-break:keep-all}.reaction-showcase .rs-intro>div>p{max-width:39ch;margin:0;color:var(--muted);line-height:1.8;font-size:.95rem;word-break:keep-all}.reaction-showcase .rs-notebook{border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:4px;background:var(--paper);box-shadow:5px 6px color-mix(in srgb,var(--line) 35%,transparent);overflow:hidden}.reaction-showcase .rs-notebook-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid var(--line)}.reaction-showcase .rs-notebook-heading>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reaction-showcase .rs-notebook-heading strong{font-size:.95rem;letter-spacing:-.02em}.reaction-showcase .rs-count{color:var(--muted);font-size:.73rem;padding-left:12px;border-left:1px solid var(--line)}.reaction-showcase button{font:inherit;box-shadow:none;letter-spacing:0}.reaction-showcase button:disabled{background:transparent;color:var(--muted);opacity:.5;cursor:default;transform:none}.reaction-showcase .rs-tools{display:flex;gap:20px;justify-content:space-between;align-items:end;padding:22px 26px 18px}.reaction-showcase .rs-filters{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.reaction-showcase .rs-filter{color:var(--muted);background:transparent;border-radius:4px;padding:10px 12px;font-size:.81rem;font-weight:700;min-height:42px}.reaction-showcase .rs-filter[aria-pressed=true]{background:var(--ink);color:var(--paper)}.reaction-showcase .rs-search{display:grid;gap:6px;flex:0 1 205px;min-width:145px}.reaction-showcase .rs-search>span{color:var(--muted);font-size:.69rem}.reaction-showcase .rs-search input{font:inherit;font-size:.81rem;color:var(--ink);background:var(--site-bg,var(--paper));border:1px solid var(--line);border-radius:4px;width:100%;padding:11px 12px;min-height:42px}.reaction-showcase .rs-search input::placeholder{color:var(--muted);opacity:1}.reaction-showcase :is(button,input):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reaction-showcase .rs-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;padding:0 26px 26px;align-items:start}.reaction-showcase .rs-list{border-top:1px solid var(--line);max-height:596px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-y:contain;padding-right:8px}.reaction-showcase .rs-row{border-bottom:1px solid var(--line);position:relative}.reaction-showcase .rs-row.is-selected{background:var(--soft,var(--blue))}.reaction-showcase .rs-row.is-selected:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;background:var(--accent)}.reaction-showcase .rs-select{width:100%;min-width:0;display:flex;justify-content:flex-start;align-items:center;gap:16px;text-align:left;border:0;border-radius:2px;padding:12px;background:transparent;color:var(--ink)}.reaction-showcase .rs-select:hover{transform:none;filter:none}.reaction-showcase .rs-select strong{display:block;font-size:.88rem;line-height:1.55;font-weight:800;word-break:keep-all}.reaction-showcase .rs-select-copy{flex:1;min-width:0}.reaction-showcase .rs-select-copy>span{display:block;margin-top:5px;color:var(--muted);font-weight:400;font-size:.72rem;line-height:1.6}.reaction-showcase .rs-select-arrow{font-size:1rem;color:var(--muted);flex-shrink:0}.reaction-showcase .rs-empty{padding:32px 18px;color:var(--ink)}.reaction-showcase .rs-empty>strong{font-size:.95rem}.reaction-showcase .rs-empty>p{font-size:.83rem;color:var(--muted);line-height:1.7}.reaction-showcase .rs-reset{font-size:.78rem;padding:10px 14px;border-radius:4px;background:var(--accent);color:var(--on-accent,#fff)}.reaction-showcase .rs-preview{min-width:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}.reaction-showcase .rs-stage{height:330px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:var(--soft,var(--blue));border-bottom:1px solid var(--line)}.reaction-showcase .rs-stage-label{position:absolute;top:16px;left:18px;font-size:.66rem;color:var(--muted);letter-spacing:.035em}.reaction-showcase .rs-bubble{position:absolute;top:47px;left:50%;transform:translate(-50%);z-index:1;text-align:center;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:9px 17px;width:max-content;max-width:calc(100% - 32px);font-size:.8rem;line-height:1.55;font-weight:700;overflow-wrap:anywhere}.reaction-showcase .rs-pet-window{position:absolute;bottom:0;width:230px;height:249.167px;max-width:100%;overflow:hidden;line-height:0}.reaction-showcase .rs-canvas{display:block;width:230px;height:249.167px;max-width:100%;object-fit:contain;transform-origin:50% 50%}.reaction-showcase .rs-pet-window.is-peeking{height:120px}.reaction-showcase .rs-peek-edge{position:absolute;bottom:0;width:100%;height:3px;background:var(--accent)}.reaction-showcase .rs-shaking{animation:rs-pet-shake .35s ease-in-out}.reaction-showcase .rs-caption{padding:20px 20px 16px}.reaction-showcase .rs-caption-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.reaction-showcase .rs-caption h3{margin:0;font-size:1.04rem;line-height:1.5;color:var(--ink);letter-spacing:-.025em}.reaction-showcase .rs-caption-top>span{font-size:.69rem;color:var(--muted);white-space:nowrap}.reaction-showcase .rs-when{display:block;margin-top:17px;font-size:.68rem;color:var(--accent)}.reaction-showcase .rs-caption>p{font-size:.8rem;line-height:1.75;color:var(--muted);margin:6px 0 0;word-break:keep-all}.reaction-showcase .rs-situations{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.reaction-showcase .rs-situations>span{font-size:.64rem;color:var(--muted);border:1px solid var(--line);padding:4px 6px;border-radius:3px;line-height:1.45}.reaction-showcase .rs-playback{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:14px;border-top:1px dashed var(--line)}.reaction-showcase .rs-status{margin:0;font-size:.72rem;line-height:1.6;color:var(--muted)}.reaction-showcase .rs-status.is-error{color:var(--accent);font-weight:700}.reaction-showcase .rs-replay{flex-shrink:0;display:flex;gap:9px;align-items:center;font-size:.73rem;padding:8px 0;background:transparent;color:var(--ink);border-radius:0;border-bottom:1px solid var(--ink);min-height:36px}.reaction-showcase .rs-replay>span{font-size:1rem}.reaction-showcase .rs-footnote{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 26px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem;line-height:1.7;background:var(--site-bg,var(--paper))}@keyframes rs-pet-shake{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-6deg)}40%,80%{transform:rotate(6deg)}}@media(max-width:900px){.reaction-showcase .rs-tools{align-items:stretch;flex-direction:column;gap:13px}.reaction-showcase .rs-search{display:flex;align-items:center;flex:auto;gap:12px;max-width:100%}.reaction-showcase .rs-search>span{white-space:nowrap}.reaction-showcase .rs-search input{flex:1;min-width:0}.reaction-showcase .rs-layout{gap:18px}.reaction-showcase .rs-select{padding:10px 8px;gap:10px}}@media(max-width:760px){.reaction-showcase{padding:70px 18px}.reaction-showcase .rs-intro>div{display:block}.reaction-showcase .rs-intro h2{max-width:none}.reaction-showcase .rs-intro>div>p{margin-top:17px;max-width:48ch;font-size:.87rem}.reaction-showcase .rs-notebook-heading{padding:18px 16px;gap:12px;align-items:flex-start}.reaction-showcase .rs-notebook-heading>div{gap:8px}.reaction-showcase .rs-notebook-heading strong{font-size:.82rem}.reaction-showcase .rs-count{font-size:.67rem}.reaction-showcase .rs-tools{padding:16px}.reaction-showcase .rs-filters{gap:3px}.reaction-showcase .rs-filter{padding:9px 10px;font-size:.77rem;min-height:42px}.reaction-showcase .rs-layout{grid-template-columns:1fr;padding:0 16px 20px;gap:20px}.reaction-showcase .rs-preview{grid-row:1}.reaction-showcase .rs-list{max-height:350px}.reaction-showcase .rs-stage{height:330px}.reaction-showcase .rs-select{padding:10px;gap:12px}.reaction-showcase .rs-select strong{font-size:.88rem}.reaction-showcase .rs-caption{padding:17px}.reaction-showcase .rs-footnote{display:block;padding:14px 16px}.reaction-showcase .rs-footnote>span{display:block}.reaction-showcase .rs-footnote>span+span{margin-top:5px}}@media(prefers-reduced-motion:reduce){.reaction-showcase .rs-shaking{animation:none;transform:none}.reaction-showcase *{scroll-behavior:auto}}.reaction-showcase .rs-motion-note{padding:14px 26px 0;font-size:.76rem;line-height:1.75;color:var(--muted)}.reaction-showcase .rs-select:focus-visible{outline-offset:-3px}.reaction-showcase .rs-thumbnail{display:block;flex:0 0 96px;position:relative;width:96px;height:104px;border-radius:6px;background:var(--soft);overflow:hidden}.reaction-showcase .rs-thumb-window{display:block;position:absolute;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.reaction-showcase .rs-thumbnail .rs-canvas{width:96px;height:104px;max-width:none}.reaction-showcase .rs-thumb-window.is-peeking{height:50%;border-bottom:2px solid var(--accent)}.reaction-showcase .rs-thumb-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:1.3rem;font-weight:700}.reaction-showcase .rs-row-error{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 12px 12px;font-size:.72rem;color:var(--muted)}.reaction-showcase .rs-retry{padding:8px 10px;min-height:36px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);font-size:.72rem;white-space:nowrap}@media(max-width:1100px){.reaction-showcase .rs-thumbnail{flex-basis:72px;width:72px;height:78px}.reaction-showcase .rs-thumbnail .rs-canvas{width:72px;height:78px}}@media(max-width:760px){.reaction-showcase .rs-motion-note{padding:12px 16px 0;font-size:.73rem}.reaction-showcase .rs-notebook-heading{flex-wrap:wrap;align-items:center}.reaction-showcase .rs-list{max-height:420px}}@media(prefers-reduced-motion:reduce){.reaction-showcase[data-motion-override=true] .rs-shaking{animation:rs-pet-shake .35s ease-in-out!important}}