/* 메모팅 0.0.2 · three little widgets, one happy desktop */
:root{--paper:#fffcf7;--ink:#3d354b;--muted:#85808e;--coral:#8a79bd;--green:#81729e;--line:#e9e4ed;--note:#fff0b6}
body{background:var(--paper)}.site-header{height:80px;background:#fffcf7ed;border-bottom-color:#ede8ee}.nav-wrap{max-width:1200px}.brand{letter-spacing:-1.2px;font-size:25px}.brand img{transform:rotate(-7deg)}nav a{color:#82778f}nav a:hover{color:#7764a8}.brand-dot{color:#a891cf}.button{border-radius:100px;gap:15px}.nav-download{border-color:#e2d9ee;background:#f0eaf8;color:#756293;padding:12px 20px}.button-primary{background:#8270b2;box-shadow:0 5px 0 #67539714;color:#fff}.button-primary:hover{background:#71609e;box-shadow:0 8px 22px #8270b225}.button-dark{background:#8270b2}.button-dark:hover{background:#6d5a9a}.eyebrow{color:#aa97bb;font-size:10px;letter-spacing:1.9px}.text-link{color:#8f819e}.hero{display:block;text-align:center;min-height:0;padding-top:58px;padding-bottom:34px;max-width:1100px}.hero-copy{padding-bottom:0}.hero-kicker{display:inline-flex;align-items:center;gap:10px;background:#f3edf8;border:1px solid #ede3f4;border-radius:100px;color:#9b85b4;font-size:11px;padding:8px 14px;line-height:1.5}.hero-kicker span{color:#7e669e;font-weight:700}.hero-kicker i{font-style:normal;color:#b6a0cf;font-size:12px}h1{font-size:52px;line-height:1.37;letter-spacing:-2.5px;margin:24px 0 19px;font-weight:800}h1 em{color:#8f78b5}.hero-description{font-size:14px;line-height:1.9;color:#99909f;margin-bottom:25px}.hero-description strong{font-weight:600;color:#8a7a9c}.hero-actions,.hero-meta{justify-content:center}.hero-actions{gap:24px}.hero-actions .button{font-size:13px;padding:16px 23px}.hero-actions .text-link{font-size:11px}.hero-meta{margin-top:18px;font-size:9px;color:#b3a9b9}.hero-meta span+span:before{color:#d3c9dc}.hero-visual{width:100%;max-width:none;margin:40px auto 0}.hero-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:left;position:relative}.hero-trio:before{content:'✧';position:absolute;left:-30px;top:45px;color:#d4b8e5;font-size:32px;transform:rotate(15deg);pointer-events:none}.hero-trio:after{content:'✦';position:absolute;right:-24px;bottom:50px;color:#e9c790;font-size:24px;pointer-events:none}.widget-card{border:1px solid #e6e2eb;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 5px 0 #e4dceb26,0 12px 30px #9b83aa09;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative}.widget-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #9b83aa15}.widget-heading{display:flex;gap:11px;align-items:center;padding:18px 20px;background:#ffffffb0}.widget-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;font-size:22px;background:#e9f0ff;color:#8296bc}.widget-heading strong{display:block;font-size:16px;font-weight:700;letter-spacing:-.5px;color:#58516a}.widget-heading small{display:block;font-size:9px;color:#aaa1b0;margin-top:4px}.widget-go{margin-left:auto;color:#b8afc2;font-size:15px}.widget-body{min-height:270px;padding:15px 22px 21px;display:flex;align-items:center;justify-content:center;position:relative}.widget-foot{border-top:1px solid #e8e5ee8a;padding:12px 18px;font-size:9px;color:#9f94a8;text-align:center;background:#ffffff8c;line-height:1.6}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:#a7bbe1}.dot.yellow{background:#d9b563}.dot.pink{background:#d5a7ba}.widget-calendar{background:#edf3ff;border-color:#dee6f5}.widget-note{background:#fff5d4;border-color:#efe6c7;transform:translateY(7px)}.widget-note .widget-icon{background:#fff0bb;color:#c2a65e}.widget-friend{background:#fbede9;border-color:#f0dfdf}.widget-friend .widget-icon{background:#fce0e1;color:#c28f9c}.hero-trio .mini-calendar{position:static;width:100%;max-width:270px;right:auto;top:auto;border-radius:13px;background:#fff;transform:rotate(-2deg);padding:18px 16px;box-shadow:0 6px 18px #8394bc12}.hero-trio .mini-cal-head{padding-bottom:15px;font-size:11px}.hero-trio .mini-cal-head strong{font-size:22px;color:#77708a}.hero-trio .mini-cal-head>span{font-size:8px;color:#b4aabd}.hero-trio .mini-week{font-size:9px;padding-bottom:8px;color:#b1a7b8}.hero-trio .mini-days{gap:3px}.hero-trio .mini-days span{font-size:10px;line-height:24px;color:#9690a0}.hero-trio .mini-days .is-today{background:#ae9ed1;color:white}.hero-trio .mini-event{background:#edf1fb;color:#9c9ab6;font-size:8px;padding:9px;margin-top:10px}.hero-trio .mini-event>span{background:#a7aad3}.hero-trio .hero-note{position:static;transform:rotate(2deg);width:100%;max-width:270px;background:#ffedaa;border-radius:5px;box-shadow:0 7px 16px #d3bc6f1a}.hero-trio .note-toolbar{font-size:8px;padding:10px 13px;color:#b29b5c}.hero-trio .note-inner{padding:15px 18px}.hero-trio .note-inner small{font-size:6px;color:#b7a46a;letter-spacing:1.3px}.hero-trio .note-inner h3{font-size:16px;margin:9px 0 14px;color:#8c7845;letter-spacing:-.6px}.hero-trio .note-inner label{font-size:10px;line-height:2.1;color:#9d8b57}.hero-trio .note-inner input{accent-color:#c0a65b;width:10px;height:10px}.hero-trio .note-divider{margin:14px 0 10px}.hero-trio .note-inner p{font-size:10px;color:#b49b60;line-height:1.8}.hero-trio .note-bottom{font-size:7px;color:#bca667;padding:8px 12px}.hero-trio .hero-pet{position:static;bottom:auto;right:auto;width:100%;max-width:250px;text-align:center;transform:none}.hero-trio .hero-pet img{width:142px;margin:6px auto 0;filter:drop-shadow(0 5px 2px #dfc4ba20)}.hero-trio .pet-bubble{font-size:11px;background:#fffaf8;color:#bc969b;padding:12px 15px;border:1px solid #eedbdc;border-radius:15px;display:inline-block;white-space:normal;max-width:100%;margin-bottom:0}.hero-trio .pet-bubble:after{background:#fffaf8;border-color:#eedbdc}.hero-trio .pet-name{display:block;margin-top:0;font-size:8px;color:#c2a8aa}.hero-trio[data-focus=calendar] .widget-calendar,.hero-trio[data-focus=note] .widget-note,.hero-trio[data-focus=friend] .widget-friend{box-shadow:0 0 0 3px #b6a3ce35,0 12px 32px #9b83aa13;border-color:#c5b5dc}.demo-tabs{margin-top:26px;gap:8px}.demo-tabs button{border-radius:100px;padding:9px 14px;color:#a89bb0;font-size:10px;background:#f3eff7}.demo-tabs [aria-selected=true]{color:#8971a5;background:#eae1f2}.preview-caption{color:#c0b4c9;font-size:8px;margin-top:12px;letter-spacing:.1px}.benefit-bar{border-color:#eee8ef;justify-content:center;gap:44px;padding:20px 0;color:#aa9fb2}.benefit-bar svg{color:#aa96bd}.benefit-bar span{font-size:10px}.section{padding-top:78px}.section-heading h2{font-size:36px;color:#62576f;letter-spacing:-1.7px}.section-heading>p{color:#a396ac;font-size:12px}.feature-overview{border:0;gap:16px;margin-top:32px;border-radius:0;overflow:visible}.feature-overview>a{border:1px solid #e9e4f0;border-radius:17px;background:#f4f2fa;padding:25px 25px 24px}.feature-overview>a+a{border-left:1px solid #e9e4f0}.feature-overview>a:first-child{background:#edf3ff;border-color:#e1e8f7}.feature-overview>a:nth-child(2){background:#fff5d9;border-color:#f0e8cf}.feature-overview>a:last-child{background:#faeeed;border-color:#f0e1e4}.feature-overview>a:hover{background:#f1eaf7;transform:translateY(-3px)}.feature-number{color:#b2a5bf;font-size:8px;margin-bottom:20px}.feature-overview h3{font-size:18px;color:#7d6d8d}.feature-overview p{font-size:11px;color:#a997ad}.feature-overview svg,.feature-overview .heart-icon{color:#ad98c3}.feature-arrow{color:#b3a2c4}.feature-row,.calendar-row{gap:85px;padding-top:65px;padding-bottom:65px}.feature-copy h2{color:#655771;font-size:35px;letter-spacing:-1.8px}.feature-copy>p{font-size:13px;color:#a091aa}.feature-list li>svg{color:#b4a3c4}.feature-list strong{color:#8b7a98;font-size:13px;font-weight:600}.feature-list span{color:#b2a4bc;font-size:11px}.feature-copy .subtle-note{color:#b8afc3;font-size:9px}.calendar-stage{background:#edf2ff;border-radius:24px;transform:rotate(0deg);padding:32px 30px 23px}.calendar-frame{border-radius:15px;box-shadow:0 10px 22px #9ba7c914;background:#fff}.calendar-header{color:#b0a5bc;border-color:#f2eef7}.calendar-month strong{color:#7b6f90}.calendar-month>span,.calendar-week{color:#b8acc6}.calendar-grid>button{color:#a99bb7;border-color:#f3eff8}.calendar-grid .is-today{background:#e6ddf5;color:#9d85b9}.calendar-grid .is-holiday{background:repeating-linear-gradient(135deg,#fff0e9 0 3px,#fff9f5 3px 7px);color:#c49e9c}.calendar-demo-message{color:#b7abc3;border-color:#f2eef7}.calendar-label{color:#b3a7c1}.note-stage{background:#faf0d6;border-radius:24px;min-height:430px}.stage-grid{opacity:.3;background-size:26px 26px}.large-note{background:#ffedb4;border-radius:8px;box-shadow:0 10px 23px #b09d6719}.editable-note{color:#a08c58}.note-sticker{background:#fff9e9;box-shadow:0 5px 15px #a1845d10;border-radius:3px;color:#bcaa81}.shortcut kbd{border-color:#e8dfef;background:#f7f3fb;color:#aa98ba}.shortcut small{color:#b6a7bf}.ai-strip{background:#f5f0fa;border:1px solid #eae2f2;border-radius:22px;padding:32px 40px;gap:50px}.ai-strip h3{color:#8b749e;font-size:25px}.ai-strip-copy p{color:#ae9abb}.ai-strip-copy small{color:#baa6c7}.mini-badge{color:#ac91c1}.tidy-example{background:#fffdfd;border-color:#ece4f2;border-radius:14px}.tidy-example>p{color:#ab96b9}.example-label,.tidy-label{color:#c3b0cf}.example-label button{background:#eee5f7;color:#ad8cc3;border-radius:100px;padding:8px 12px}.windomon-section{background:#fbefeb;color:#7b6178;padding:72px 0 60px}.windomon-section .eyebrow{color:#c3a0b6}.windomon-top h2{color:#7c607b;font-size:40px;letter-spacing:-1.8px}.windomon-top>p{color:#b893a4}.pet-playground{background:#fff9f6;border-color:#efdcd9;border-radius:24px;box-shadow:0 8px 25px #bf948e09}.pet-description{padding:35px 40px}.outlined-tag{color:#c6a4b7;border-color:#ebd9e2;border-radius:100px;font-size:8px}.pet-description h3{color:#9a748c;font-size:24px}.pet-description>p{color:#c0a2b0;font-size:12px}.pet-actions button{background:#f6e7ed;color:#af809c;border-color:#edd5e1;border-radius:100px;padding:10px 14px;font-size:11px}.pet-actions button:hover{background:#eed9e6}.pet-description>small{color:#c2a8b7}.pet-stats label{color:#bb98ad;font-size:10px}.pet-stats label>span{background:#f2e5eb;height:7px}.pet-stats label:nth-child(1) i{background:#e6c28a}.pet-stats label:nth-child(2) i{background:#dcb2ca}.pet-stats label:nth-child(3) i{background:#bdcbb4}.pet-scene{background:radial-gradient(ellipse at center,#f5dbe970,transparent 70%)}.friend-speech{color:#bb94ac;background:white;border:1px solid #f0dfe8;border-radius:18px;padding:14px 19px}.friend-speech:after{background:white}.scene-star{color:#d7aec9}.star-b{color:#dbb97e}.star-c{color:#c4b3d9}.scene-floor{background:#edd6df}.scene-caption{color:#c4a7b9}.pet-scene>img{width:205px}.growth-heading h3{font-size:18px;color:#a47895;font-weight:600}.growth-heading>span{color:#c2a1b5}.growth-roadmap{gap:15px}.growth-roadmap button{border-color:#e8d8e3;background:#fff8f7;border-radius:16px;padding:22px 19px;color:#a27b97}.growth-roadmap button:hover,.growth-roadmap .active{background:#f0dfed;border-color:#c9a9c6}.growth-roadmap button>span:first-child{color:#bb96af;font-size:11px}.growth-roadmap strong{font-size:16px;font-weight:600}.growth-roadmap small,.roadmap-arrow{color:#c5a2b7}.growth-caption{color:#bb96ae;font-size:11px}.windomon-details{border-color:#e8d7df;gap:35px}.windomon-details strong{color:#ac819a;font-size:14px}.windomon-details p{color:#c09eaf;font-size:11px}.windomon-details>div>span{color:#d0acbc}.windomon-fineprint{color:#c6aab8;font-size:9px}.start-steps article{border-color:#e4d8ed}.step-no{color:#af97c1}.start-steps h3{color:#887198}.start-steps p{color:#ac99b7}.faq-section h2{color:#80698e}.faq-list,.faq-list details{border-color:#eae1f0}.faq-list summary{color:#9b82aa;font-size:13px}.faq-list summary>span{color:#c0a8cc}.faq-list p{color:#b29bc1}.faq-section .text-link{color:#b29bc1}.download-section{border-color:#e6dcf0;background:#efe6f7;border-radius:26px;padding:45px 25px 38px}.download-icon{background:#fff8e2;color:#c9ae66;box-shadow:0 5px 0 #d1bce132;border-radius:16px}.download-section>.eyebrow{color:#b49ac6}.download-section h2{font-size:39px;color:#8d6da4;letter-spacing:-1.7px}.download-section>p{color:#b498c6;font-size:13px}.download-section .download-note,.download-meta{color:#bfa8ce}.site-footer{padding-top:40px}.site-footer p,.footer-links{color:#b7a7bf}.footer-links small{color:#c6b7ce}
@media(max-width:1000px){.hero{padding-top:45px}h1{font-size:46px}.hero-trio{gap:15px}.widget-heading{padding:15px 14px;gap:8px}.widget-heading strong{font-size:15px}.widget-heading small{font-size:8px}.widget-body{padding:13px 15px 17px;min-height:255px}.hero-trio .note-inner{padding:14px}.hero-trio .note-inner h3{font-size:13px}.hero-trio .note-inner label{font-size:9px}.hero-trio .mini-days span{font-size:9px;line-height:21px}.hero-trio .mini-cal-head>span{font-size:7px}.hero-trio .hero-pet img{width:125px}.widget-foot{font-size:8px;padding:11px}.feature-row,.calendar-row{gap:50px}.benefit-bar{gap:20px}.feature-copy h2{font-size:31px}.windomon-top h2{font-size:35px}.growth-roadmap strong{font-size:14px}.growth-roadmap small{font-size:9px}.pet-description{padding:28px}.pet-description h3{font-size:22px}}
@media(max-width:800px){.site-header{height:74px}.hero{padding-top:40px}.hero-copy{padding:0}.hero-visual{margin-top:32px}.hero-description{font-size:13px}.hero-trio:before,.hero-trio:after{display:none}.widget-body{min-height:220px;padding:10px 11px 17px}.widget-heading{padding:14px 11px;gap:7px}.widget-icon{width:29px;height:29px;font-size:19px;border-radius:9px}.widget-heading strong{font-size:13px}.widget-heading small{font-size:7px}.widget-go{font-size:12px}.hero-trio .mini-calendar{padding:13px 10px}.hero-trio .mini-cal-head strong{font-size:18px}.hero-trio .mini-cal-head>span{display:none}.hero-trio .mini-days span{font-size:8px;line-height:20px}.hero-trio .mini-week{font-size:7px}.hero-trio .mini-event{font-size:6px;padding:7px 5px}.hero-trio .hero-note .note-toolbar{font-size:7px;padding:8px}.hero-trio .hero-note .note-inner{padding:10px}.hero-trio .hero-note .note-inner h3{font-size:11px;margin:7px 0 9px}.hero-trio .hero-note .note-inner label{font-size:7px;line-height:2.1;gap:3px}.hero-trio .hero-note .note-inner p{font-size:8px}.hero-trio .hero-note .note-inner input{width:8px;height:8px}.hero-trio .hero-note .note-divider{margin:9px 0}.hero-trio .hero-pet img{width:108px}.hero-trio .pet-bubble{font-size:9px;padding:9px 10px}.widget-foot{font-size:7px;padding:10px 5px}.benefit-bar{gap:15px}.benefit-bar span{font-size:9px}.section{padding-top:60px}.section-heading h2{font-size:30px}.feature-overview{gap:12px}.feature-overview>a{padding:23px 18px}.feature-overview h3{font-size:14px}.feature-overview p{font-size:10px}.feature-row,.calendar-row{gap:30px;padding:45px 0}.feature-copy h2{font-size:28px}.feature-copy>p{font-size:11px}.note-stage{padding:30px 20px;min-height:390px}.feature-list strong{font-size:11px}.feature-list span{font-size:10px}.calendar-stage{padding:23px 16px}.ai-strip{gap:25px;padding:28px}.ai-strip h3{font-size:22px}.tidy-example>p{font-size:11px}.pet-description h3{font-size:19px}.pet-description>p{font-size:10px}.pet-actions button{font-size:9px;padding:9px 10px}.growth-roadmap{gap:10px}.growth-roadmap button{padding:18px 12px}.growth-roadmap strong{font-size:12px}.growth-roadmap small{font-size:8px}.windomon-details strong{font-size:12px}.windomon-details p{font-size:10px}.download-section h2{font-size:34px}}
@media(max-width:600px){.nav-wrap{gap:12px}.brand{font-size:22px}.nav-download{font-size:10px;padding:10px 13px}nav{background:#fffcf7;border-color:#eee5f3}nav a{font-size:14px;color:#9a86ad}.hero{padding-top:33px;padding-bottom:25px}.hero-kicker{font-size:9px;gap:7px;padding:7px 11px}.hero h1{font-size:35px;letter-spacing:-1.8px;margin:22px 0 17px}.hero-description{font-size:11px;line-height:1.9;margin-bottom:23px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px;padding:15px 18px;max-width:285px}.hero-actions .text-link{font-size:10px}.hero-meta{font-size:7px;margin-top:17px;gap:0}.hero-meta span+span:before{margin:0 7px}.hero-visual{margin-top:27px}.hero-trio{gap:8px}.widget-card{border-radius:14px;box-shadow:0 4px 0 #e4dceb24}.widget-note{transform:translateY(0)}.widget-heading{padding:12px 4px 10px;display:flex;flex-direction:column;gap:6px;text-align:center}.widget-icon{width:31px;height:31px;border-radius:11px;font-size:21px}.widget-heading strong{font-size:12px;font-weight:700}.widget-heading small,.widget-go{display:none}.widget-body{min-height:142px;max-height:150px;padding:9px 7px 14px;overflow:hidden}.widget-foot{font-size:7px;line-height:1.7;padding:9px 6px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:4px}.widget-foot .dot{flex-shrink:0;width:4px;height:4px;margin:0}.hero-trio .mini-calendar{padding:9px 5px;border-radius:6px;transform:rotate(-3deg)}.hero-trio .mini-cal-head{padding-bottom:6px}.hero-trio .mini-cal-head strong{font-size:12px}.hero-trio .mini-week{font-size:4px;gap:1px;padding-bottom:3px}.hero-trio .mini-days{gap:1px}.hero-trio .mini-days span{font-size:4.5px;line-height:11px}.hero-trio .mini-event{font-size:4px;padding:5px 2px;margin-top:4px;overflow:hidden}.hero-trio .mini-event>span{display:none}.hero-trio .hero-note{border-radius:3px;transform:rotate(3deg)}.hero-trio .hero-note .note-toolbar{font-size:4px;padding:5px;white-space:nowrap}.hero-trio .hero-note .note-inner{padding:8px 5px}.hero-trio .hero-note .note-inner small{display:none}.hero-trio .hero-note .note-inner h3{font-size:6px;margin:0 0 6px;letter-spacing:-.3px;white-space:nowrap}.hero-trio .hero-note .note-inner label{font-size:4.5px;line-height:2;gap:2px;white-space:nowrap}.hero-trio .hero-note .note-inner input{width:5px;height:5px}.hero-trio .hero-note .note-divider{margin:7px 0 5px}.hero-trio .hero-note .note-inner p{font-size:5px;line-height:1.8}.hero-trio .hero-note .note-bottom{font-size:4px;padding:4px 5px}.hero-trio .hero-pet{width:100%;max-width:none}.hero-trio .hero-pet img{width:73px;margin-top:7px}.hero-trio .pet-bubble{font-size:6px;padding:6px 5px;border-radius:8px;line-height:1.6;max-width:100%}.hero-trio .pet-name{display:none}.demo-tabs{gap:4px;margin-top:19px}.demo-tabs button{font-size:7px;padding:7px 8px;gap:3px}.demo-tabs svg{width:11px;height:11px}.preview-caption{font-size:6.5px;line-height:1.8;margin-top:9px}.benefit-bar{padding:18px 14px;align-items:flex-start;gap:11px}.benefit-bar span{font-size:9px}.section{padding-top:48px}.section-heading h2{font-size:28px;letter-spacing:-1.5px}.section-heading>p{font-size:11px;line-height:1.9}.feature-overview{grid-template-columns:1fr;gap:10px;margin-top:24px}.feature-overview>a{padding:20px 20px 20px 66px;border-radius:16px}.feature-overview>a+a{border-left:1px solid #e9e4f0}.feature-overview>a>svg,.feature-overview .heart-icon{left:22px;top:42px}.feature-overview h3{font-size:16px;margin-bottom:8px}.feature-number{font-size:7px;margin-bottom:11px}.feature-row,.calendar-row{gap:25px;padding:33px 0}.feature-copy h2{font-size:29px;line-height:1.4}.feature-copy>p{font-size:12px}.feature-list strong{font-size:12px}.feature-list span{font-size:11px}.calendar-stage{padding:23px 18px 20px;border-radius:20px}.calendar-demo-message{font-size:8px}.note-stage{padding:30px;min-height:385px;border-radius:20px}.ai-strip{padding:25px 22px;gap:22px;border-radius:20px}.ai-strip h3{font-size:25px}.ai-strip-copy p{font-size:12px}.tidy-example{padding:18px}.tidy-example>p{font-size:12px}.windomon-section{padding:45px 0 38px;margin-top:30px}.windomon-top h2{font-size:32px}.windomon-top>p{font-size:12px}.pet-playground{border-radius:22px;margin-top:27px}.pet-description{padding:28px 23px 15px}.pet-description h3{font-size:23px}.pet-description>p{font-size:11px}.pet-actions button{font-size:10px;padding:11px 13px}.pet-stats label{font-size:10px}.pet-description>small{font-size:8px}.pet-scene{min-height:290px}.pet-scene>img{width:172px}.friend-speech{font-size:11px;bottom:215px}.growth-heading h3{font-size:17px}.growth-heading>span{font-size:9px}.growth-roadmap{grid-template-columns:1fr 1fr;gap:10px}.growth-roadmap button{padding:20px 16px;border-radius:15px}.growth-roadmap strong{font-size:14px}.growth-roadmap small{font-size:9px}.growth-caption{font-size:10px;line-height:1.8}.windomon-details{gap:23px}.windomon-details strong{font-size:13px}.windomon-details p{font-size:11px}.windomon-fineprint{font-size:9px}.start-section{padding-bottom:35px}.start-steps h3{font-size:17px}.start-steps p{font-size:12px}.faq-section{padding-top:30px;padding-bottom:45px}.faq-section h2{font-size:29px}.faq-list summary{font-size:12px}.faq-list p{font-size:11px}.download-section{padding:34px 20px 29px;border-radius:23px}.download-section h2{font-size:29px}.download-section>p{font-size:11px}.download-section .button-dark{font-size:12px}.download-section .download-note{font-size:8px}.site-footer{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.widget-card{transition:none}.widget-card:hover{transform:none}}

/* Keep the pastel surfaces, with readable text contrast. */
.hero-description,.section-heading>p,.feature-copy>p,.feature-overview p,.start-steps p,.faq-list p{color:#807089}.feature-copy h2,.section-heading h2{color:#62516e}.feature-list strong{color:#796283}.feature-list span{color:#8b7795}.widget-heading small,.widget-foot,.preview-caption{color:#95829f}.hero-meta{color:#96859e}.pet-description>p,.windomon-top>p,.windomon-details p,.growth-caption{color:#9a758a}.pet-description>small,.windomon-fineprint{color:#a18194}.faq-list summary{color:#866b96}.download-section>p,.download-meta,.download-section .download-note{color:#967aa7}.ai-strip-copy p,.tidy-example>p{color:#9580a4}
@media(max-width:600px){.hero h1{font-size:33px}.hero-description{font-size:12px}.feature-copy>p,.section-heading>p{font-size:12px}}

.community-invite{display:flex;flex-direction:column;gap:7px;align-items:flex-start;width:fit-content;margin:22px 0;padding:16px 20px;border:1px solid #ebd154;border-radius:18px;background:#fff2a3;color:#594433;text-decoration:none;transition:transform .2s,box-shadow .2s}.community-invite span{font-size:12px}.community-invite strong{font-size:15px}.community-invite:hover{transform:translateY(-3px);box-shadow:0 8px 22px #a58d3020}.community-invite:focus-visible{outline:3px solid #8270b2;outline-offset:4px}
/* AI개발좌의 실제 개발자 고양이 · 원본 스프라이트 모션 */
.mascot-greet{display:block;width:150px;margin:4px auto 0;padding:0;border:0;background:transparent;border-radius:22px;cursor:pointer;transition:transform .2s}.mascot-greet:hover{transform:translateY(-3px)}.mascot-greet:focus-visible{outline:3px solid #b39ad4;outline-offset:4px}.mascot-greet canvas{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 3px #cdb4b329)}
.hero-trio .hero-pet .pet-name{font-size:10px;letter-spacing:-.2px;color:#806581;background:#fff8;padding:5px 11px;border-radius:30px;display:inline-block;margin-top:7px}.hero-trio .hero-pet .pet-bubble{color:#846779;border:1px solid #ead9e1;background:#fffafc;box-shadow:0 4px 0 #eadce54d}.widget-friend{background:linear-gradient(145deg,#fff3ed,#f8eaf4)}
.pet-scene>#demo-friend{position:absolute;width:245px;height:245px;bottom:46px;z-index:2;animation:none!important;transform:none!important;filter:drop-shadow(0 8px 3px #c99eab22)}.pet-scene .friend-speech{z-index:3}.scene-caption{font-size:10px!important;color:#957b8e!important}.pet-scene:after{content:'🐾';position:absolute;bottom:27px;right:20%;font-size:19px;opacity:.18;transform:rotate(-15deg);pointer-events:none}
.mascot-motion-panel{margin-top:28px;border:1px solid #eddae4;border-radius:25px;background:#fffaf6;padding:27px 30px;box-shadow:0 7px 0 #e6cfd51c}.mascot-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.mascot-panel-heading h3{font-size:23px;margin:9px 0 7px;letter-spacing:-.8px;color:#745268}.mascot-panel-heading p{font-size:12px;color:#a08596;line-height:1.7;margin:0}.mascot-panel-heading>button{flex-shrink:0;border:1px solid #e8dce7;border-radius:30px;padding:9px 13px;background:#fff;color:#947b91;font:inherit;font-size:11px;cursor:pointer}.mascot-motion-picker{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.mascot-motion-picker button{border:1px solid #eadde5;background:#fff;border-radius:30px;padding:11px 17px;color:#8d7187;cursor:pointer;font:inherit;font-size:12px;transition:background .2s,transform .2s}.mascot-motion-picker button:hover{transform:translateY(-2px);background:#f5edf7}.mascot-motion-picker button[aria-pressed=true]{color:#fff;background:#9a7ca8;border-color:#9a7ca8;box-shadow:0 4px 0 #d7c3de55}.mascot-motion-picker button:focus-visible,#mascot-pause:focus-visible{outline:3px solid #b09ac5;outline-offset:3px}.mascot-motion-status{font-size:11px;margin:17px 0 0;color:#9a7e91}
.note-stage{position:relative}.note-cat{position:absolute;right:-25px;bottom:5px;z-index:4;width:100px;pointer-events:none}.note-cat canvas{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 2px #d4bea133)}.note-cat span{display:block;position:relative;left:-28px;width:142px;text-align:center;border:1px solid #e6d9c3;background:#fffcf3;border-radius:14px;padding:7px 8px;font-size:9px;color:#ad976e;transform:rotate(-5deg)}
.download-cat{width:150px;margin:0 auto 12px;position:relative}.download-cat canvas{display:block;width:120px;height:120px;margin:auto;filter:drop-shadow(0 5px 2px #c2a7d12a)}.download-cat span{display:block;border:1px solid #dfd1e8;background:#ffffffc9;border-radius:18px;padding:8px 10px;color:#987ba8;font-size:9px;white-space:nowrap;transform:rotate(-4deg)}
@media(max-width:800px){.note-cat{right:0;bottom:25px;width:83px}.note-cat span{left:-28px;width:125px;font-size:8px}.mascot-motion-panel{padding:22px}.mascot-panel-heading{align-items:flex-start}.mascot-panel-heading h3{font-size:21px}.mascot-motion-picker{gap:7px}.mascot-motion-picker button{font-size:11px;padding:10px 13px}.pet-scene>#demo-friend{width:215px;height:215px;bottom:45px}.scene-caption{font-size:8px!important}}
@media(max-width:600px){.mascot-greet{width:82px;max-width:100%;margin-top:5px}.hero-trio .hero-pet .pet-name{font-size:6px;line-height:1.4;padding:4px 5px;margin-top:4px}.mascot-panel-heading{display:block}.mascot-panel-heading>button{margin-top:14px}.mascot-motion-picker button{flex:1 0 auto}.mascot-motion-panel{border-radius:20px}.note-cat{right:5px;bottom:42px;width:70px}.note-cat span{left:-40px;width:118px}.download-cat{width:150px;margin-bottom:16px}.hero-kicker{font-size:9px!important}.pet-scene>#demo-friend{width:210px;height:210px}.pet-scene{min-height:320px}}
@media(prefers-reduced-motion:reduce){.mascot-greet,.mascot-motion-picker button{transition:none}}

.pet-scene .friend-speech{bottom:285px}
@media(max-width:800px){.pet-scene .friend-speech{bottom:255px}}
@media(max-width:600px){.pet-scene .friend-speech{bottom:250px}}
/* Theme control */
#theme-toggle{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;padding:0;border:1px solid #e5deed;border-radius:50%;background:#f7f2fb;color:#80699d;cursor:pointer;font-size:21px;line-height:1;transition:background .2s,transform .2s}#theme-toggle:hover{background:#eee5f6;transform:rotate(-9deg)}#theme-toggle:focus-visible{outline:3px solid #ae99ce;outline-offset:3px}.nav-wrap{gap:18px}
html[data-theme=dark]{--paper:#17151f;--ink:#f0eaf8;--muted:#b8acc8;--line:#3b3348;--coral:#c0a1ec;--green:#baa1d3;color-scheme:dark}
html[data-theme=dark] body{background:#17151f;color:#eee8f5}
html[data-theme=dark] .site-header{background:#1b1823f2;border-bottom-color:#352d40}
html[data-theme=dark] :is(.brand,h1,h2,h3,.widget-heading strong){color:#f2eaf9}
html[data-theme=dark] h1 em{color:#c5a6f0}
html[data-theme=dark] :is(nav a,.text-link,.footer-links a){color:#d0bde4}
html[data-theme=dark] :is(.hero-description,.section-heading>p,.feature-copy>p,.windomon-top>p,.start-steps p,.faq-list p,.download-section>p,.site-footer p,.windomon-details p){color:#bfb0cb}
html[data-theme=dark] :is(.hero-meta,.preview-caption,.subtle-note,.stage-caption,.windomon-fineprint,.download-note,.download-meta,.site-footer small){color:#a99ab9}
html[data-theme=dark] .hero-description strong{color:#d9c5ef}
html[data-theme=dark] :is(.eyebrow,.feature-number){color:#c2a9de}
html[data-theme=dark] :is(.hero-kicker,.demo-tabs,.outlined-tag,.mini-badge){background:#2c2439;color:#d8bff2;border-color:#483956}
html[data-theme=dark] .nav-download{background:#30263e;color:#eadcf8;border-color:#4b3c5e}
html[data-theme=dark] :is(.button-primary,.button-dark){background:#b194d8;color:#21172e;box-shadow:none}
html[data-theme=dark] :is(.button-primary,.button-dark):hover{background:#c5a8ec}
html[data-theme=dark] #theme-toggle{background:#342b42;border-color:#534360;color:#e3c794}
html[data-theme=dark] .menu-toggle span{background:#dbc8f1}
html[data-theme=dark] .widget-calendar{background:#242e43;border-color:#3c4962}
html[data-theme=dark] .widget-note{background:#3b3225;border-color:#5a4934}
html[data-theme=dark] .widget-friend{background:linear-gradient(145deg,#382833,#2a2438);border-color:#564050}
html[data-theme=dark] .widget-heading{background:#ffffff05}
html[data-theme=dark] :is(.widget-heading small,.widget-foot){color:#b9acc9}
html[data-theme=dark] .widget-foot{background:#00000010;border-color:#ffffff10}
html[data-theme=dark] .widget-icon{background:#334568;color:#becff2}
html[data-theme=dark] .widget-note .widget-icon{background:#59492d;color:#f0d895}
html[data-theme=dark] .widget-friend .widget-icon{background:#593747;color:#ebbad2}
html[data-theme=dark] .hero-trio .mini-calendar{background:#202735;box-shadow:none}
html[data-theme=dark] :is(.mini-cal-head strong,.mini-days span){color:#d2cde1}
html[data-theme=dark] :is(.mini-cal-head>span,.mini-week){color:#ada4bf}
html[data-theme=dark] .mini-event{background:#31364f;color:#d4ccea}
html[data-theme=dark] :is(.hero-trio .hero-note,.large-note){background:var(--note,#e1c780)}
html[data-theme=dark] .hero-trio .hero-note{background:#51452d;border-color:#6c5936}
html[data-theme=dark] .hero-trio .note-inner h3{color:#f3dfa9}
html[data-theme=dark] .hero-trio :is(.note-inner label,.note-inner p,.note-toolbar,.note-bottom){color:#d6c18e}
html[data-theme=dark] .hero-trio .note-inner small{color:#bea775}
html[data-theme=dark] .note-divider{border-color:#c7b78430}
html[data-theme=dark] :is(.pet-bubble,.friend-speech,.hero-trio .hero-pet .pet-bubble){background:#34293e;color:#eedaf5;border-color:#5e4566;box-shadow:none}
html[data-theme=dark] .friend-speech:after{background:#34293e}
html[data-theme=dark] .hero-trio .hero-pet .pet-name{background:#423144;color:#e1bfd9}
html[data-theme=dark] :is(.benefit-bar,.feature-list li,.faq-list details,.site-footer){border-color:#3e344b}
html[data-theme=dark] .benefit-bar{color:#bdb0ce}
html[data-theme=dark] :is(.feature-overview a,.calendar-frame,.start-steps article,.tidy-example){background:#25202f;border-color:#44394f;box-shadow:none}
html[data-theme=dark] .feature-overview strong{color:#efdefc}
html[data-theme=dark] .feature-overview p{color:#b9aaca}
html[data-theme=dark] .feature-arrow{color:#c3a9df}
html[data-theme=dark] .feature-list strong{color:#e4d6f0}
html[data-theme=dark] .feature-list span{color:#b3a4c1}
html[data-theme=dark] :is(.calendar-header,.calendar-month,.calendar-label){color:#d4c1e8;border-color:#443a50}
html[data-theme=dark] .calendar-week{color:#a99bbb}
html[data-theme=dark] .calendar-grid button{color:#d9cee8;border-color:#3e344c}
html[data-theme=dark] .calendar-grid button:hover{background:#49355b}
html[data-theme=dark] .calendar-grid .is-holiday{background:#583b4a}
html[data-theme=dark] .calendar-grid .is-today,html[data-theme=dark] .calendar-grid .selected-day{background:#9e7fc1;color:#fff}
html[data-theme=dark] .calendar-demo-message{background:#31273f;color:#cab7df}
html[data-theme=dark] .note-sticker{color:#c0accd}
html[data-theme=dark] :is(.note-cat span,.download-cat span){background:#332a3f;color:#e0c4ec;border-color:#5a466a}
html[data-theme=dark] :is(.shortcut,.shortcut kbd,kbd){background:#32283e;border-color:#50425f;color:#dfc8f1}
html[data-theme=dark] .ai-strip{background:#292035;border-color:#49365b}
html[data-theme=dark] .ai-strip-copy p{color:#c0afd0}
html[data-theme=dark] :is(.tidy-label,.example-label){color:#b6a0cc}
html[data-theme=dark] #tidy-text{color:#e1d6ee}
html[data-theme=dark] #tidy-toggle{background:#44324f;color:#e6cef7;border-color:#685079}
html[data-theme=dark] .windomon-section{background:#211c29}
html[data-theme=dark] :is(.pet-playground,.mascot-motion-panel){background:#2b222e;border-color:#513a50;box-shadow:none}
html[data-theme=dark] .pet-scene{background:radial-gradient(ellipse at center,#77416b2b,transparent 70%)}
html[data-theme=dark] :is(.pet-description p,.pet-description>small,.pet-stats label,.mascot-panel-heading p,.mascot-motion-status,.growth-caption){color:#bfa6c3}
html[data-theme=dark] .pet-stats label>span{background:#453746}
html[data-theme=dark] :is(.pet-actions button,.mascot-motion-picker button,#mascot-pause){background:#3b2e40;color:#e3c8e5;border-color:#634b67}
html[data-theme=dark] :is(.pet-actions button:hover,.mascot-motion-picker button:hover){background:#503a55}
html[data-theme=dark] .mascot-motion-picker button[aria-pressed=true]{background:#ab85be;color:#201426;border-color:#c5a0d5;box-shadow:none}
html[data-theme=dark] .mascot-panel-heading h3{color:#f0d9ef}
html[data-theme=dark] .community-invite{background:#5e5124;color:#fff0ae;border-color:#8c7736}
html[data-theme=dark] .growth-roadmap button{background:#302b3b;border-color:#51435f;color:#e0c8f0}
html[data-theme=dark] .growth-roadmap button.active{background:#4b385b;border-color:#ab83c8}
html[data-theme=dark] .growth-roadmap :is(strong,small){color:inherit}
html[data-theme=dark] .windomon-details{border-color:#4d3a51}
html[data-theme=dark] .windomon-details strong{color:#ead3ed}
html[data-theme=dark] .start-steps .step-no{background:#3c304a;color:#d9bdec}
html[data-theme=dark] .faq-list summary{color:#e9def3}
html[data-theme=dark] .faq-list details[open]{background:#251f2e;border-color:#4d3d5c}
html[data-theme=dark] .download-section{background:#2b2138;border-color:#4d395f}
html[data-theme=dark] .toast{background:#e8daf6;color:#2f203c}
html[data-theme=dark] .is-outside{opacity:.35}
@media(max-width:600px){.nav-wrap{gap:10px}#theme-toggle{width:34px;height:34px;font-size:19px}.nav-download{padding:10px 13px}.brand{font-size:22px}html[data-theme=dark] #main-nav.is-open{background:#241d2e;border-color:#443451}}
@media(max-width:360px){.site-header .brand{font-size:20px;gap:5px;flex-shrink:0}.site-header .brand img{width:23px;height:23px}.nav-wrap{gap:8px}.nav-download{padding:10px}.nav-download svg{display:none}}