@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#2f4055;--muted:#77879a;--blue:#3e709f;--paper:#f6f8fa;--line:#d6dfe8;--phone-h:760px;--phone-w:374px;font-family:'DM Sans','Noto Sans KR',sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#e8eef5;background-image:radial-gradient(ellipse at 68% 40%,#fafbff 0,transparent 55%),linear-gradient(125deg,#e1e9f1,#eef1f6);min-height:100svh}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6197c4;outline-offset:3px}a{color:inherit}button svg{pointer-events:none}svg{width:22px;height:22px;vertical-align:middle;flex-shrink:0}button{touch-action:manipulation}.desktop-shell{max-width:1600px;margin:auto;padding:30px 5.5% 22px}.site-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2.1px;color:#6d7e91;height:33px}.wordmark{font-size:27px;font-weight:700;letter-spacing:-2px;text-decoration:none;color:#354e67}.wordmark>span:first-child{color:#90abc3}.wordmark-star{display:inline-block;font-size:22px;margin-left:8px;font-weight:400}.quiet-button{font-size:9px;letter-spacing:1.1px;padding:8px 0}.experience{display:grid;grid-template-columns:minmax(240px,1fr) 394px minmax(190px,.8fr);gap:6%;align-items:center;max-width:1170px;margin:44px auto 30px;min-height:730px}.intro{padding-bottom:18px}.edition{font-size:9px;letter-spacing:2px;display:flex;gap:8px;align-items:center}.edition i{width:5px;height:5px;background:#7e9dba;border-radius:50%}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:90px;line-height:.95;letter-spacing:-5px;margin:25px 0 27px}h1 em{font-weight:400}.intro-ko{font-family:'Gowun Batang',serif;font-size:20px;line-height:1.8;letter-spacing:-.8px;margin-bottom:23px}.hairline{height:1px;width:36px;background:#9cafc2;margin:27px 0}.intro-description{font-size:11px;line-height:2.2;color:#738397}.chapter-tag{display:flex;gap:14px;align-items:center;margin-top:49px;font-size:11px}.chapter-tag>span{font-family:Georgia,serif;font-size:26px;color:#8fa6bc;border-right:1px solid #c5d1df;padding-right:14px}.chapter-tag small{display:block;font-size:7px;letter-spacing:1.4px;color:#8a9bac;margin-top:6px}.phone-stage{position:relative;justify-self:center}.phone{position:relative;width:var(--phone-w);height:var(--phone-h);border-radius:54px;padding:8px;background:linear-gradient(145deg,#f8fafc,#8c98a4 35%,#d8dfe6 65%,#a0acb9);box-shadow:0 0 0 1px #a2aeb9,0 18px 65px #3547592c,3px 4px 4px #60708244,inset 0 0 0 3px #dbe0e5;z-index:2}.phone-screen{height:100%;width:100%;border:2px solid #202830;position:relative;border-radius:47px;overflow:hidden;background:#f7f8fa;color:#252a30}.phone:after{content:'';position:absolute;inset:4px;border:1px solid #ffffff85;border-radius:50px;pointer-events:none}.side-key{position:absolute;left:-3px;top:102px;width:3px;height:25px;background:#abb6c2;border-radius:3px 0 0 3px}.side-key-two{top:156px;height:46px}.side-key-three{top:215px;height:46px}.phone-shadow{position:absolute;bottom:-16px;left:10%;width:80%;height:30px;border-radius:50%;background:#52657e30;filter:blur(17px)}.island{position:absolute;z-index:35;width:104px;height:28px;border-radius:20px;background:#171a1e;top:12px;left:50%;transform:translateX(-50%);pointer-events:none}.island i{position:absolute;right:12px;top:9px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#1e304b,#070a10 65%);border:1px solid #272c37}.statusbar{height:51px;position:absolute;inset:0 0 auto;z-index:30;padding:18px 24px 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;font-weight:700;pointer-events:none}.status-icons{display:flex;gap:5px;align-items:center}.status-icons svg{width:15px;height:14px}.battery{width:22px;height:11px;border:1px solid currentColor;border-radius:3px;padding:1px;position:relative}.battery:before{content:'';display:block;background:currentColor;height:100%;width:90%;border-radius:1px}.battery:after{content:'';position:absolute;right:-3px;top:3px;width:2px;height:4px;background:currentColor;border-radius:0 2px 2px 0}.statusbar.light{color:white}.home-indicator{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:125px;height:16px;z-index:36}.home-indicator:after{content:'';position:absolute;height:4px;top:6px;left:0;right:0;background:#1d2530;border-radius:8px}.phone-screen.dark .home-indicator:after{background:#fff}.side-notes{align-self:center;padding-left:12px}.scribble{font-family:'Gowun Batang',Georgia,serif;font-style:italic;font-size:27px;line-height:1.25;color:#8ba4bc;transform:rotate(-8deg);margin:0 0 69px 5px}.scribble span{display:block;margin:9px 0 0 -5px;font-size:49px;font-weight:400}.field-note{border-top:1px solid #bacbdc;padding-top:22px}.tiny-label{font-size:8px;letter-spacing:2px;color:#7e90a3}.field-note p{font-family:'Gowun Batang',serif;font-size:16px;line-height:1.7;margin:18px 0 24px}.instruction-line{font-size:10px;color:#6d7f94;margin:15px 0;white-space:nowrap}.instruction-line span{font-family:Georgia,serif;color:#9fadb9;margin-right:11px;font-size:11px}.save-indicator{display:flex;gap:9px;margin-top:60px;font-size:10px;color:#78899b;line-height:1.8}.save-indicator>span{height:5px;width:5px;border-radius:50%;background:#82a394;flex-shrink:0;margin-top:7px}.save-indicator small{display:block;font-size:9px;color:#93a0ae}.site-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8b99a8;letter-spacing:1px}.site-footer i{font-size:12px;font-style:normal;margin-left:6px}.site-footer>span:nth-child(2){letter-spacing:0}.site-footer .quiet-button{font-size:8px}
/* The little phone */
#screen{position:absolute;inset:0;overflow:hidden}.lock-screen{height:100%;background:#aebdca url('assets/optimized/jungwon-009-1200-d531cb43f9.webp') 49% center/auto 100% no-repeat;position:relative;color:white;isolation:isolate}.lock-screen:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101f3555 0,#0a172000 44%,#17283f88 100%)}.lock-top{text-align:center;padding-top:70px}.lock-top>svg{width:15px;height:15px;opacity:.9}.lock-date{font-size:16px;font-weight:500;margin-top:9px}.lock-time{font-size:83px;font-weight:600;line-height:1.2;letter-spacing:-5px;font-family:'DM Sans',sans-serif}.lock-caption{letter-spacing:3px;font-size:8px;opacity:.8;margin-top:4px}.lock-bottom{position:absolute;left:15px;right:15px;bottom:40px}.notification{width:100%;background:#f1f6fcdb;backdrop-filter:blur(20px);border:1px solid #ffffff66;border-radius:22px;display:flex;gap:11px;text-align:left;padding:14px 13px;color:#29333d;box-shadow:0 7px 20px #12263b15}.notification .app-icon{width:39px;height:39px;border-radius:12px;flex-shrink:0}.notification .app-icon svg{width:25px;height:25px}.notification-text{flex:1}.notification-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin:1px 0 5px}.notification-title time{font-size:9px;font-weight:400;color:#7d8792}.notification p{margin:0;font-size:12px;line-height:1.55}.lock-hint{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:35px;font-size:10px;gap:7px;opacity:.9}.lock-hint svg{width:16px;height:16px}.home-screen{height:100%;padding:66px 23px 100px;position:relative;background:#d8e3e8;isolation:isolate}.home-screen:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#d7e5eecc,#dae7eddd),url('assets/optimized/sky-1000-74f3aae4f4.webp') center/cover;z-index:-1}.home-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.home-top p{font-size:10px;margin:0;color:#5e7489}.home-top b{font-weight:500;font-size:18px;letter-spacing:-.7px;display:block;margin-top:3px}.round-button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff77}.round-button svg{width:17px;height:17px}.widget-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}.day-widget,.photo-widget{height:145px;border-radius:23px;overflow:hidden;position:relative;text-align:left}.day-widget{padding:16px;background:#f9fbf7cc;box-shadow:0 5px 15px #71879d0d}.day-widget .weekday{font-size:10px;color:#7590aa}.day-widget strong{font-size:42px;font-weight:400;display:block;letter-spacing:-2px;line-height:1.2}.day-widget p{font-size:9px;margin:9px 0 0;border-left:2px solid #9cb9a2;padding-left:7px;color:#657687;line-height:1.6}.photo-widget{padding:0;background:#b0bec9}.photo-widget img{height:100%;width:100%;object-fit:cover;object-position:47% center}.photo-widget:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#1e33448a)}.photo-widget>span{position:absolute;bottom:12px;left:13px;color:#fff;font-size:10px;z-index:1;font-family:Georgia,serif;font-style:italic;letter-spacing:.5px}.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px 9px}.app-button{display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;padding:0}.app-button .label{font-size:10px;text-shadow:0 1px 4px #fff8;color:#3d5266}.app-icon{width:55px;height:55px;border-radius:15px;display:grid;place-items:center;position:relative;box-shadow:0 4px 9px #54708d13,inset 0 1px 1px #ffffff6b;overflow:hidden}.app-icon svg{width:31px;height:31px}.icon-chat{background:#fee85a;color:#39342d}.icon-social{background:linear-gradient(40deg,#eab35c,#c97682,#8f84b5);color:white}.icon-photos{background:#fff}.icon-notes{background:linear-gradient(#f3d67a 0 25%,#fff 25%);color:#969894}.icon-notes svg{margin-top:12px}.icon-calendar{background:#fff;display:flex;flex-direction:column;gap:2px}.icon-calendar small{font-size:7px;color:#cd7274;font-weight:600}.icon-calendar b{font-size:29px;font-weight:400;line-height:1}.badge{position:absolute;right:0;top:-5px;border:2px solid #dbe7ed;border-radius:50%;background:#d97d7b;color:#fff;font-size:9px;min-width:18px;height:18px;display:grid;place-items:center;z-index:2}.photos-flower{width:36px;height:36px;position:relative}.photos-flower i{position:absolute;width:13px;height:22px;left:12px;top:0;transform-origin:6.5px 18px;border-radius:50%;opacity:.8}.home-story{margin-top:25px;background:#f7faf970;border:1px solid #ffffff5c;padding:13px 14px;border-radius:18px;width:100%;text-align:left}.home-story>div{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#60788d}.home-story b{font-size:11px;font-weight:500;display:block;margin:7px 0}.mini-progress{height:3px;background:#c5d4df;border-radius:6px;margin-top:9px;overflow:hidden}.mini-progress span{height:100%;display:block;background:#7194b3;border-radius:6px}.home-bottom{position:absolute;bottom:36px;left:20px;right:20px}.home-dots{display:flex;justify-content:center;gap:5px;margin-bottom:18px}.home-dots i{width:4px;height:4px;background:#9caeba;border-radius:50%}.home-dots i:first-child{background:#48637c}.dock{display:flex;align-items:center;justify-content:center;gap:37px;background:#ffffff65;border:1px solid #ffffff59;border-radius:27px;padding:11px 20px;backdrop-filter:blur(15px)}.dock .app-icon{width:53px;height:53px}.dock .label{display:none}.app-page{height:100%;display:flex;flex-direction:column;padding-top:51px;background:#fbfbfc}.app-head{display:flex;align-items:center;justify-content:space-between;height:54px;min-height:54px;padding:0 17px;border-bottom:1px solid #1e30450a;gap:8px}.app-head h2{font-size:16px;font-weight:600;margin:0;flex:1}.app-head button{padding:8px;margin-left:-8px;display:grid;place-items:center}.app-head button svg{width:20px;height:20px}.app-head .trailing{margin-left:auto;margin-right:-8px}.app-head small{color:#8b97a2;font-size:9px}.scroll-area{flex:1;overflow:auto;overscroll-behavior:contain;padding-bottom:34px;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.app-bottom-nav{display:flex;justify-content:space-around;padding:11px 10px 28px;background:#fffffff5;border-top:1px solid #e9edf1;flex-shrink:0}.app-bottom-nav button{font-size:9px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#8d959e}.app-bottom-nav button.active{color:#3e6d99}.app-bottom-nav svg{width:20px;height:20px}.page-lede{padding:23px 21px 16px}.page-lede h3{font-size:24px;letter-spacing:-1px;font-weight:600;margin:0 0 5px}.page-lede p{font-size:10px;color:#8b96a1;margin:0}.section-label{font-size:10px;color:#8996a2;letter-spacing:.4px;padding:0 20px;margin:14px 0}.avatar{width:36px;height:36px;border-radius:14px;object-fit:cover;object-position:46% center;flex-shrink:0}.small-avatar{width:31px;height:31px;border-radius:50%}.empty{padding:40px 25px;text-align:center;font-size:12px;color:#8a97a6;line-height:1.8}.pill{display:inline-flex;border-radius:20px;background:#eaf0f5;color:#6685a1;padding:5px 9px;font-size:9px;gap:5px;align-items:center}
/* Conversations */
.chat-page{background:#edf1f2}.chat-page .app-head{background:#edf1f2}.chat-person{display:flex;align-items:center;gap:9px;flex:1}.chat-person h2{font-size:14px}.chat-person small{display:block;margin-top:3px;font-size:8px;color:#80938e}.chat-person small:before{content:'';display:inline-block;background:#8cae96;width:4px;height:4px;border-radius:50%;margin:0 4px 1px 0}.chat-head-actions{display:flex;align-items:center;gap:0}.chat-head-actions button{margin:0;padding:7px}.chat-head-actions svg{width:17px;height:17px}.chat-history{padding:16px 15px 12px}.chat-date{text-align:center;font-size:9px;color:#8e9ca7;margin:0 0 23px}.message-row{display:flex;align-items:flex-start;gap:7px;margin-bottom:12px}.bubble-wrap{max-width:76%;font-size:11.5px;line-height:1.7}.sender{font-size:9px;color:#71808c;margin:0 0 4px 2px}.bubble{background:#fff;border-radius:0 13px 13px 13px;padding:9px 11px;color:#34414d;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.bubble-time{font-size:7px;line-height:1;color:#9ca8b0;margin-top:5px;text-align:right}.message-row.me{justify-content:flex-end}.message-row.me .bubble{background:#f7e9a5;border-radius:13px 0 13px 13px}.system-message{display:flex;justify-content:center;align-items:center;gap:6px;text-align:center;font-size:9px;color:#82939d;margin:22px 2px;line-height:1.7}.system-message svg{width:12px;height:12px}.choice-area{padding:13px 14px 33px;border-top:1px solid #cbd5da5c;background:#f7f9f9;flex-shrink:0;max-height:45%;overflow:auto}.choice-heading{display:flex;justify-content:space-between;font-size:9px;color:#90a0aa;margin:0 2px 9px}.choice-heading span{display:flex;gap:5px;align-items:center}.choice-heading svg{width:12px;height:12px}.choice{display:block;background:#fff;border:1px solid #dde5e9;border-radius:12px;padding:11px 12px;margin-top:6px;text-align:left;font-size:11px;line-height:1.5;width:100%;color:#3a5367;transition:background .15s,border .15s}.choice:hover{background:#eef4f9;border-color:#a8c1d5}.choice.special{background:#e9f1f8;border-color:#c6d8e6}.choice small{display:block;font-size:8px;color:#7398b7;margin-bottom:4px}.typing{font-size:10px;color:#8d9ca6;padding:13px 6px;display:flex;gap:4px;align-items:center;justify-content:center}.typing i{width:4px;height:4px;background:#a6b9c5;border-radius:50%;animation:pulse 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.typing span{margin-left:7px}.primary{width:100%;background:#537b9c;color:white;border-radius:13px;padding:12px 16px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px}.primary svg{width:17px;height:17px}.secondary{width:100%;padding:10px;font-size:10px;color:#7a8fa1;margin-top:6px}.subtle{font-size:9px;color:#7c8e9e;text-align:center;line-height:1.7}.ending-mini{display:flex;gap:10px;align-items:center;padding:9px;margin-bottom:9px;background:white;border:1px solid #e1e7eb;border-radius:13px;text-align:left;width:100%}.ending-mini img{width:45px;height:45px;object-fit:cover;border-radius:8px}.ending-mini strong{font-size:11px;display:block}.ending-mini small{display:block;font-size:8px;color:#8f9da8;margin-top:4px}.chat-return{position:absolute;top:54px;left:20px;right:20px;z-index:38;background:#f3f7fcf2;box-shadow:0 5px 20px #263b4d25;border:1px solid #fff;border-radius:16px;padding:12px;display:flex;gap:10px;text-align:left}.chat-return p{font-size:10px;margin:0}.chat-return b{display:block;font-size:11px;margin-bottom:4px}
/* Social */
.social-title{font-family:Georgia,serif;font-style:italic;font-size:23px!important;letter-spacing:-.6px}.stories{display:flex;gap:18px;padding:17px 20px 14px;border-bottom:1px solid #edf0f2}.story-avatar{position:relative;text-align:center;padding:0;font-size:9px}.story-ring{display:block;padding:3px;border-radius:50%;background:linear-gradient(30deg,#d9bc82,#d7a0ad,#94a3c8);margin-bottom:5px}.story-ring.seen{background:#dbe2e8}.story-ring img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff;display:block}.story-avatar.disabled{color:#97a5b2}.story-avatar.disabled .story-ring{background:#dce5ec}.story-avatar.disabled .story-ring span{display:grid;place-items:center;width:48px;height:48px;background:#f1f5f8;border-radius:50%;font-size:20px;color:#b5c7d6;border:2px solid #fff}.post-head{display:flex;gap:8px;align-items:center;padding:12px 15px}.post-head b{font-size:10px}.post-head small{display:block;font-size:8px;color:#9b9fa7;margin-top:3px}.post-head svg{margin-left:auto;width:17px;height:17px}.post-photo{width:100%;height:230px;object-fit:cover;display:block}.post-actions{display:flex;padding:11px 13px 4px;gap:13px}.post-actions button{padding:0}.post-actions button:last-child{margin-left:auto}.post-actions svg{width:22px;height:22px}.liked{color:#c57982}.liked svg{fill:#c57982}.bookmarked{color:#6089a8}.bookmarked svg{fill:#d6e4ee}.post-caption{padding:0 15px 19px;font-size:10px;line-height:1.8;border-bottom:1px solid #eef0f2}.post-caption b{font-size:10px;margin-right:6px}.post-caption small{display:block;font-size:8px;color:#a6afb8;margin-top:4px}.dm-row{display:flex;align-items:center;padding:19px;width:100%;gap:12px;text-align:left}.dm-row .avatar{width:46px;height:46px;border-radius:50%}.dm-row b{display:block;font-size:12px}.dm-row small{font-size:10px;color:#8b9aa9;display:block;margin-top:5px}.dm-row>i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#6c93b5}.dm-body{padding:20px;line-height:1.8;font-size:12px}.dm-body .bubble{margin:13px 0;background:#eff3f7}.dm-body img{width:100%;max-height:230px;object-fit:cover;border-radius:15px}.social-tabs button{min-width:80px}
/* Photos */
.memory-banner{margin:0 18px 20px;padding:18px;border-radius:20px;background:#eaf0f5;position:relative;overflow:hidden}.memory-banner small{font-size:8px;letter-spacing:1.5px;color:#8ca1b5}.memory-banner h4{font-family:'Gowun Batang',serif;font-size:19px;font-weight:400;margin:7px 0 4px}.memory-banner p{font-size:10px;color:#8697a6;margin:0}.memory-banner svg{position:absolute;right:17px;top:24px;width:34px;height:34px;color:#afc3d3;transform:rotate(-12deg)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:0 3px}.photo-cell{position:relative;aspect-ratio:1;padding:0;overflow:hidden;background:#e8edf0}.photo-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.photo-cell:hover img{transform:scale(1.04)}.photo-cell>span{position:absolute;bottom:6px;right:6px;color:#fff;filter:drop-shadow(0 1px 2px #0008)}.photo-cell>span svg{width:14px;height:14px;fill:#fff}.photo-cell.locked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a6b3bf;background:#f0f3f6}.photo-cell.locked svg{width:19px;height:19px}.photo-cell.locked small{font-size:8px}.collection-row{padding:15px 19px;display:flex;align-items:center;gap:11px;border-top:1px solid #eceff2;width:100%;text-align:left}.collection-row .collection-icon{height:38px;width:38px;display:grid;place-items:center;background:#eff3f7;border-radius:12px;color:#869fb5}.collection-row b{font-size:11px}.collection-row small{display:block;font-size:9px;color:#98a5b1;margin-top:4px}.collection-row>svg{margin-left:auto;width:15px;color:#a8b4be}.viewer{background:#141c25;color:#fff;height:100%;display:flex;flex-direction:column;padding:50px 0 25px}.viewer-head{padding:13px 15px;display:flex;align-items:center;justify-content:space-between}.viewer-head h3{font-size:12px;margin:0}.viewer-head button{padding:6px}.viewer-image{flex:1;min-height:0;display:flex;align-items:center}.viewer-image img{width:100%;max-height:100%;object-fit:contain}.viewer-caption{text-align:center;padding:18px 20px;font-size:10px;color:#abb7c4;line-height:1.8}.viewer-tools{display:flex;gap:15px;justify-content:center;align-items:center;padding:10px}.viewer-tools a{padding:8px;text-decoration:none;font-size:10px;display:flex;gap:6px;align-items:center}.viewer-tools button{padding:8px}.viewer-tools svg{width:20px;height:20px}
/* Notes and calendar */
.notes-page{background:#f6f5f0}.notes-page .app-head{color:#a18e57}.note-list{padding:5px 17px}.note-row{padding:16px;background:white;border-bottom:1px solid #f0efeb;width:100%;display:block;text-align:left}.note-row:first-child{border-radius:15px 15px 0 0}.note-row:last-child{border-radius:0 0 15px 15px;border-bottom:0}.note-row b{font-size:12px;font-weight:500;display:flex;gap:7px;align-items:center}.note-row b svg{width:12px;height:12px;color:#b5a06c}.note-row p{font-size:10px;color:#9da19d;margin:7px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-paper{padding:23px;line-height:2.1;font-size:12px;white-space:pre-wrap}.note-paper h3{font-size:20px;line-height:1.6;letter-spacing:-1px;margin:0 0 15px}.note-paper .written{font-size:9px;color:#aaa99b;margin-bottom:21px}.note-editor{width:100%;min-height:250px;resize:vertical;background:none;border:0;line-height:2;font-size:12px;color:#5d625e;outline:none}.note-discovery{background:#e9eddf;border-radius:12px;padding:12px;font-size:10px;white-space:normal;color:#7c8965;margin-top:25px}.calendar-month{padding:20px 21px 9px;display:flex;align-items:center;justify-content:space-between}.calendar-month h3{font-size:23px;font-weight:500;letter-spacing:-1px;margin:0}.calendar-month>span{font-size:9px;color:#9ba9b3}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:0 15px;text-align:center}.calendar-week span{font-size:9px;color:#99a4ae;padding:13px 0 9px}.calendar-week span:first-child{color:#c28d8d}.calendar-grid button,.calendar-grid>span{height:43px;display:grid;place-items:center;position:relative;font-size:12px}.calendar-grid button:nth-child(7n+1){color:#c18383}.calendar-grid button.selected:before{content:'';position:absolute;height:31px;width:31px;border-radius:50%;background:#668ba9;z-index:0}.calendar-grid button.selected{color:#fff}.calendar-grid button b{z-index:1;font-weight:400}.calendar-grid button i{width:3px;height:3px;background:#7c9fb5;border-radius:50%;position:absolute;bottom:1px}.calendar-grid button.today b{font-weight:700}.calendar-divider{height:7px;background:#f3f5f7;margin:17px 0}.agenda{padding:5px 20px 20px}.agenda>small{font-size:10px;color:#8395a5}.event-card{display:flex;gap:13px;margin-top:20px}.event-card>time{font-size:11px;color:#8594a2;padding-top:2px}.event-card>div{border-left:3px solid #abc1a5;padding-left:12px}.event-card b{display:block;font-size:12px;font-weight:500}.event-card p{font-size:10px;color:#899aaa;margin:6px 0}.event-card .pill{margin-top:4px;background:#eef4e9;color:#8a9f77}
/* Settings, overlays */
.settings-page{background:#f3f5f7}.settings-group{background:#fff;border-radius:15px;margin:0 17px 19px;overflow:hidden}.setting-row{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eff1f3;font-size:11px;min-height:48px}.setting-row:last-child{border-bottom:0}.setting-row select,.setting-row input[type=text]{border:0;background:#f2f5f8;color:#66819a;border-radius:7px;padding:5px;font-size:10px;max-width:120px}.setting-row input[type=checkbox]{appearance:none;width:33px;height:20px;background:#d9e0e6;position:relative;border-radius:14px;margin:0;cursor:pointer}.setting-row input[type=checkbox]:before{content:'';width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0002;transition:transform .2s}.setting-row input:checked{background:#8ca9bf}.setting-row input:checked:before{transform:translateX(13px)}.setting-action{display:block;text-align:left;width:100%;padding:14px;font-size:11px;border-bottom:1px solid #eff1f3}.setting-action.danger{color:#b77e80}.settings-note{font-size:9px;color:#9ba8b5;line-height:1.9;margin:0 25px 25px}.modal-shade{position:absolute;inset:0;background:#1b2d4366;backdrop-filter:blur(5px);z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .2s}.modal-card{background:#fafcfe;border:1px solid #fff;border-radius:25px;padding:25px;width:100%;max-height:90%;overflow:auto;box-shadow:0 20px 50px #12233330;position:relative}.modal-card .modal-close{position:absolute;right:10px;top:10px;display:grid;place-items:center;padding:6px;color:#8da0b3}.modal-close svg{width:17px;height:17px}.modal-card .modal-symbol{width:44px;height:44px;background:#e7eff6;color:#8eabc3;border-radius:15px;display:grid;place-items:center;margin-bottom:19px}.modal-card h2{font-family:'Gowun Batang',serif;font-weight:400;font-size:23px;line-height:1.4;margin:8px 0 12px;letter-spacing:-1px}.modal-card p{font-size:11px;line-height:1.9;color:#8495a6}.modal-card label{display:block;font-size:9px;color:#8ba0b4;margin:23px 0 8px}.name-input{width:100%;background:white;border:1px solid #d4e1eb;border-radius:11px;padding:12px;color:#476580;font-size:13px;margin-bottom:13px}.onboard-note{text-align:center;font-size:8px!important;margin:14px 0 0;color:#a2adba!important}.modal-card .credits{font-size:9px;line-height:1.9;overflow-wrap:anywhere}.credits p{font-size:9px}.credits a{color:#6b8aa4}.modal-story{padding:0;border-radius:22px;background:#202b35;color:white;overflow:hidden}.modal-story img{width:100%;height:350px;object-fit:cover;display:block}.modal-story .modal-close{background:#ffffffbb;color:#445566;z-index:2;border-radius:50%}.modal-story-caption{padding:18px;font-size:12px;line-height:1.8}.modal-story-caption small{display:block;color:#b1c4d6;font-size:9px;margin-top:13px}.modal-story-caption .primary{margin-top:15px;background:#edf3f8;color:#45637e}.ending-card{text-align:center}.ending-polaroid{background:#fff;padding:10px 10px 18px;box-shadow:0 5px 15px #233c5120;transform:rotate(-3deg);margin:14px 4px 23px}.ending-polaroid img{width:100%;height:174px;object-fit:cover}.ending-polaroid small{display:block;font-family:Georgia,serif;font-style:italic;margin-top:13px;font-size:12px;color:#829bb0}.ending-card .tiny-label{font-size:8px}.ending-card h2{font-size:23px}.ending-card p{font-size:10px}.ending-card .primary{margin-top:20px}.ending-progress{display:flex;gap:6px;justify-content:center;margin:17px 0}.ending-progress i{width:6px;height:6px;border:1px solid #b3c4d2;border-radius:50%}.ending-progress i.got{background:#8aa7be;border-color:#8aa7be}.call-screen{height:100%;background:radial-gradient(ellipse at 70% 20%,#7695aa,#283e56 70%);color:white;text-align:center;padding:91px 27px 40px;display:flex;flex-direction:column;align-items:center}.call-screen .avatar{width:87px;height:87px;border-radius:50%;border:2px solid #ffffff55;box-shadow:0 0 0 8px #ffffff08}.call-screen h2{font-weight:400;font-size:27px;margin:24px 0 7px}.call-status{font-size:11px;color:#c2d0dc}.call-caption{font-family:'Gowun Batang',serif;font-size:20px;line-height:1.9;flex:1;display:grid;place-content:center;white-space:pre-wrap;letter-spacing:-.7px}.call-buttons{display:flex;justify-content:center;gap:66px;width:100%;margin-top:20px}.call-button{display:flex;flex-direction:column;align-items:center;gap:11px;font-size:10px;color:#dee6ed}.call-button i{height:58px;width:58px;border-radius:50%;display:grid;place-items:center;background:#a8c4ae;box-shadow:0 3px 15px #15253a20}.call-button i.red{background:#ca8989}.call-button svg{width:25px;height:25px}.call-disclaimer{font-size:8px;color:#aebfce;margin-top:31px}.call-screen .primary{background:#f1f6fad9;color:#43627d;margin-top:14px}.discovery-list{padding:0;margin:19px 0;list-style:none}.discovery-list li{display:flex;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #e5edf2;font-size:11px}.discovery-list li>svg{width:16px;height:16px;color:#819fb6}.discovery-list li small{display:block;font-size:9px;color:#91a4b4;margin-top:4px}.progress-info{font-size:11px;line-height:1.9;color:#7b90a2}.progress-actions{display:grid;gap:6px;margin-top:18px}#toast{position:absolute;bottom:33px;left:20px;right:20px;background:#2e465be8;backdrop-filter:blur(10px);color:#fff;padding:12px 15px;border-radius:13px;z-index:80;font-size:10px;line-height:1.7;text-align:center;transform:translateY(15px);opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translateY(0)}.font-large .bubble-wrap,.font-large .choice{font-size:14px}.font-large .note-paper,.font-large .dm-body{font-size:15px}.font-large .post-caption{font-size:12px}.font-large .app-button .label{font-size:12px}.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes pulse{0%,80%,100%{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes fade-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1101px) and (max-height:900px){:root{--phone-h:674px;--phone-w:334px}.experience{min-height:674px;margin:27px auto 23px;grid-template-columns:minmax(220px,1fr) 354px minmax(180px,.8fr)}.desktop-shell{padding-top:22px;padding-bottom:15px}.phone{border-radius:49px}.phone-screen{border-radius:42px}.phone:after{border-radius:46px}h1{font-size:82px}.home-screen{padding:61px 19px 90px}.home-top{margin-bottom:14px}.widget-pair{margin-bottom:23px}.day-widget,.photo-widget{height:127px}.app-icon{width:49px;height:49px}.app-icon svg{width:29px;height:29px}.apps-grid{gap:19px 7px}.home-story{margin-top:19px}.home-bottom{bottom:29px}.dock{padding:9px 15px}.dock .app-icon{width:47px;height:47px}.lock-time{font-size:77px}.lock-bottom{bottom:34px}.call-screen{padding-top:83px}.call-caption{font-size:18px}.post-photo{height:210px}.bubble-wrap{font-size:11px}.choice{font-size:10.5px;padding:10px 11px}.choice-area{padding-bottom:28px}}
@media(min-width:1101px) and (max-height:760px){.experience{margin:16px auto;min-height:610px}.phone-stage{transform:scale(.9);margin:-34px 0}h1{font-size:72px}.site-footer{margin-top:-13px}.chapter-tag{margin-top:29px}}
@media(max-width:1100px) and (min-width:601px){.experience{grid-template-columns:minmax(190px,1fr) 374px;gap:40px;margin:35px 0}.side-notes{display:none}.desktop-shell{padding:25px 5%}.site-header>span{display:none}h1{font-size:73px}.site-footer>span:nth-child(2){display:none}}
@media(max-width:700px) and (min-width:601px){.experience{gap:20px;grid-template-columns:1fr 340px}.intro-description{font-size:10px}h1{font-size:62px}.phone-stage{transform:scale(.9);margin:-38px -18px}}
@media(max-width:600px){:root{--phone-h:100svh;--phone-w:100vw}.desktop-shell{padding:0}.site-header,.intro,.side-notes,.site-footer,.phone-shadow,.side-key{display:none}.experience{display:block;margin:0;min-height:0}.phone-stage{width:100%;height:100svh}.phone{width:100%;height:100%;padding:0;border-radius:0;background:none;box-shadow:none}.phone:after{display:none}.phone-screen{border:0;border-radius:0}.statusbar{padding-top:max(17px,env(safe-area-inset-top));height:51px}.island{top:12px}.home-screen{padding:73px 27px 110px}.home-top{margin-bottom:22px}.widget-pair{margin-bottom:31px}.day-widget,.photo-widget{height:150px}.app-icon{width:60px;height:60px;border-radius:17px}.apps-grid{gap:25px 13px}.app-button .label{font-size:11px}.home-bottom{bottom:max(32px,env(safe-area-inset-bottom));left:24px;right:24px}.dock{gap:43px;padding:13px 20px}.dock .app-icon{width:56px;height:56px}.home-indicator{bottom:max(4px,calc(env(safe-area-inset-bottom) - 12px))}.lock-top{padding-top:80px}.lock-time{font-size:92px}.lock-bottom{bottom:45px;left:20px;right:20px}.notification{padding:16px}.notification p{font-size:13px}.lock-hint{margin-top:39px}.bubble-wrap{font-size:13px}.choice{font-size:12px;padding:13px}.choice-area{padding-bottom:max(35px,env(safe-area-inset-bottom))}.app-page{padding-top:53px}.app-head{min-height:57px}.post-photo{height:290px}.modal-card{max-width:350px}.call-screen{padding-top:100px}.call-caption{font-size:23px}.calendar-grid button,.calendar-grid>span{height:48px}.home-story{margin-top:27px}.font-large .bubble-wrap,.font-large .choice{font-size:15px}}
@media(max-width:600px) and (max-height:740px){.home-screen{padding:61px 22px 90px}.day-widget,.photo-widget{height:120px}.home-top{margin-bottom:14px}.widget-pair{margin-bottom:20px}.apps-grid{gap:18px 10px}.app-icon{width:51px;height:51px}.home-story{margin-top:16px;padding:10px 13px}.home-bottom{bottom:28px}.dock{padding:9px}.dock .app-icon{width:47px;height:47px}.home-dots{margin-bottom:10px}.call-screen{padding-top:73px}.call-screen .avatar{height:65px;width:65px}.call-caption{font-size:18px}.lock-top{padding-top:63px}.lock-time{font-size:77px}.lock-hint{margin-top:25px}.home-story .mini-progress{margin-top:6px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* App-specific surfaces: system typography, native density and persistent controls. */
.native-app{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;color:#151515;background:#fff;overflow:hidden}
.native-head{min-height:53px;display:flex;align-items:center;padding:3px 12px;gap:8px;flex-shrink:0;border-bottom:1px solid #efefef}
.native-head>button,.head-tools>button{height:40px;min-width:34px;padding:6px;display:grid;place-items:center}
.native-head h2{font-family:inherit;font-size:16px;margin:0;font-weight:650;flex:1;min-width:0;letter-spacing:-.4px}
.head-tools{display:flex;align-items:center;gap:2px}.head-tools svg{height:21px;width:21px}
.native-large-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 12px;flex-shrink:0}.native-large-head h2{font-size:25px;letter-spacing:-1px;margin:0}
.native-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}.native-scroll::-webkit-scrollbar{display:none}
.native-nav{display:flex;justify-content:space-around;align-items:center;min-height:72px;padding:10px 12px 28px;border-top:1px solid #eee;background:#fff;flex-shrink:0;gap:4px}
.native-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:4px;min-width:44px;min-height:38px;color:#8d8d91;font-size:10px}.native-nav svg{width:24px;height:24px}.native-nav .active{color:#111}.native-nav .active svg{stroke-width:2.3}.native-nav .nav-dot{position:absolute;right:9px;top:1px;width:7px;height:7px;background:#f15e3d;border-radius:50%}
.native-search{margin:6px 16px 14px;background:#f1f1f3;border-radius:10px;display:flex;align-items:center;padding:8px 10px;gap:7px;color:#8b8b91;flex-shrink:0}.native-search svg{width:16px;height:16px}.native-search input{width:100%;min-width:0;border:0;outline:none;background:transparent;font-size:13px;color:#222}
.native-empty{padding:65px 20px;color:#8e8e93;font-size:13px;text-align:center;line-height:1.8}.native-section-title{font-size:14px;font-weight:650;padding:18px 18px 10px}
.chat-list-row{display:flex;align-items:center;width:100%;text-align:left;padding:14px 18px;gap:12px;min-height:77px}.chat-list-row>.avatar{width:49px;height:49px;object-fit:cover;border-radius:18px;flex-shrink:0}.row-copy{min-width:0;flex:1}.row-copy b{display:block;font-size:14px;font-weight:600}.row-copy small{display:block;font-size:12px;color:#8a8a8a;margin-top:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:10px;flex-shrink:0;color:#999}.unread-badge{border-radius:20px;min-width:19px;height:19px;display:grid;place-items:center;color:#fff;background:#fa624d;font-size:10px}
.my-avatar{height:48px;width:48px;background:#d8e5f3;color:#6a8dab;border-radius:18px;display:grid;place-items:center;font-size:19px;flex-shrink:0}.list-divider{border-top:1px solid #eee;margin:15px 18px 0;padding-top:13px;font-size:11px;color:#888}.music-pill{border:1px solid #8dc69a;border-radius:20px;padding:5px 8px;font-size:10px;color:#666}
.chat-filters{display:flex;gap:7px;padding:6px 17px 15px}.chat-filters button{font-size:12px;background:#f4f4f5;padding:9px 14px;border-radius:20px;color:#666}.chat-filters .selected{background:#262626;color:white}.kakao-nav{background:#fafafa}.more-profile{display:flex;gap:12px;align-items:center;padding:20px}.more-profile h3{font-size:18px}.native-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:15px}.native-menu-grid button{padding:18px 8px;border-radius:12px;background:#fafafa;margin:3px}.native-menu-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:18px 6px;border-bottom:1px solid #eee;font-size:13px;text-align:left}
.kakao-room{background:#b2c7d9}.kakao-room .native-head{border:0;background:#b2c7d9}.kakao-room .native-head h2{text-align:center;font-size:16px}.kakao-room .chat-history{padding:14px 12px 20px}.native-date{font-size:10px;text-align:center;color:#75828e;padding:6px 10px;margin:0 auto 24px;width:fit-content}.kakao-room .native-date{background:#9aafc380;color:#425667;border-radius:20px}
.native-message{display:flex;gap:7px;padding-top:2px;margin-bottom:3px;align-items:flex-start}.native-message.first{margin-top:13px}.message-avatar{padding:0;flex-shrink:0;width:34px;height:34px}.message-avatar img{height:34px;width:34px;border-radius:12px;object-fit:cover}.invisible{visibility:hidden}.message-column{min-width:0;max-width:calc(100% - 48px)}.message-sender{display:block;color:#405361;font-size:11px;margin:0 0 5px 1px}.message-line{display:flex;align-items:flex-end;gap:5px}.message-bubble{background:#fff;border-radius:10px;padding:9px 11px;font-size:13px;line-height:1.55;color:#151515;white-space:pre-wrap;overflow-wrap:anywhere;max-width:235px}.first.in .message-bubble{border-top-left-radius:2px}.message-bubble img{display:block;max-width:100%;width:190px;border-radius:7px;margin-bottom:5px}.message-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3px;font-size:8px;color:#536c7e;white-space:nowrap;flex-shrink:0;min-width:30px}.message-meta b{color:#fee500;font-size:10px}.native-message.out{justify-content:flex-end}.out .message-line{flex-direction:row-reverse}.out .message-bubble{background:#fee500}.out .message-meta{align-items:flex-end}.out.first .message-bubble{border-top-right-radius:2px}.native-system{font-size:10px;text-align:center;color:#4f6a7e;margin:22px 15px;line-height:1.7}
.native-typing{display:flex;gap:4px;margin:12px 0 12px 41px;padding:13px;background:#ffffffb3;border-radius:12px;width:47px}.native-typing i{height:4px;width:4px;border-radius:50%;background:#999;animation:pulse 1.1s infinite}.native-typing i:nth-child(2){animation-delay:.15s}.native-typing i:nth-child(3){animation-delay:.3s}
.native-composer{display:flex;gap:7px;align-items:center;background:#fff;padding:9px 10px 28px;flex-shrink:0;border-top:1px solid #e5e5e5;min-height:76px}.native-composer>button{padding:5px;min-width:29px;color:#777}.native-composer input{width:100%;min-width:0;background:none;outline:none;border:0;padding:9px 3px;font-size:13px;color:#111}.composer-field{display:flex;flex:1;min-width:0;border:1px solid #ddd;border-radius:18px;padding:0 5px 0 9px;background:#fff}.composer-field button{padding:5px;color:#939393}.composer-field svg{width:20px;height:20px}.native-composer .send-button{height:33px;width:33px;background:#fee500;color:#3c3520;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.send-button:disabled{opacity:.45}.reply-suggestions{flex-shrink:0;background:#d6e1ebc9;padding:4px 12px 7px}.suggestion-toggle{font-size:10px;color:#526879;width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px 0}.suggestion-toggle svg{width:14px;height:14px}.suggestion-list{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.suggestion-list button{flex-shrink:0;max-width:240px;background:#fff9c4;border:1px solid #e3d980;border-radius:14px;font-size:11px;padding:9px 11px;text-align:left}.room-event{font-size:11px;padding:12px;background:#f8fbffdd;border-top:1px solid #d5dce3;flex-shrink:0}.room-event svg{width:16px;height:16px}.attachment-tray{background:#f7f8fa;display:flex;gap:10px;padding:12px;flex-shrink:0}.attachment-tray button{flex:1;min-width:0;padding:0;font-size:9px}.attachment-tray img{width:100%;height:65px;object-fit:cover;border-radius:8px;display:block;margin-bottom:5px}.contact-profile{text-align:center;padding-top:10px}.contact-profile>.avatar{height:85px;width:85px;object-fit:cover;border-radius:30px}
.instagram .native-head{padding:4px 12px;min-height:53px}.instagram-head h2{font-family:Georgia,serif!important;font-size:26px!important;font-style:italic;font-weight:bold!important;letter-spacing:-1.5px}.instagram-head{border-bottom:0}.native-stories{display:flex;gap:14px;overflow-x:auto;padding:10px 13px 15px;border-bottom:1px solid #efefef;flex-shrink:0;scrollbar-width:none}.native-stories>button{width:64px;flex-shrink:0;padding:0;text-align:center}.native-stories .my-avatar{border-radius:50%;width:61px;height:61px;margin:4px auto 7px}.native-stories small{display:block;font-size:10px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.native-story-ring{display:block;padding:3px;border-radius:50%;background:linear-gradient(35deg,#ffd76b,#f52b77,#9a35cf)}.native-story-ring.seen{background:#ddd}.native-story-ring img{display:block;width:58px;height:58px;object-fit:cover;border:2px solid white;border-radius:50%}
.native-post-head{display:flex;align-items:center;padding:10px 12px;justify-content:space-between}.native-post-head>button:first-child{display:flex;align-items:center;gap:9px;text-align:left;padding:0}.native-post-head img{width:31px;height:31px;border-radius:50%;object-fit:cover}.native-post-head b{font-size:12px}.native-post-head small{display:block;font-size:9px;margin-top:3px;color:#444}.native-post-head>button:last-child{padding:5px}.post-image-button{padding:0;width:100%;display:block;position:relative}.post-image-button img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.native-post-actions{display:flex;gap:13px;padding:12px 12px 8px}.native-post-actions button{padding:0;min-width:26px;min-height:26px}.native-post-actions svg{width:24px;height:24px;stroke-width:1.8}.native-post-actions .save-post{margin-left:auto}.instagram .liked{color:#ff3040}.instagram .liked svg{fill:#ff3040}.instagram .saved svg{fill:#111}.native-caption{padding:0 13px 18px;font-size:12px;line-height:1.6}.native-caption>b{display:block}.native-caption p{margin:5px 0}.native-caption p button{padding:0;font-size:12px}.comments-link{color:#888;font-size:11px;padding:3px 0}.native-caption small{display:block;color:#999;font-size:9px;margin-top:5px}.instagram-nav button{color:#111}.instagram-nav .active svg{fill:#e7e7e7}.instagram-nav{min-height:68px}.dm-list-row>.avatar{border-radius:50%}.dm-list-row>svg{color:#888;width:22px}.dm-unread{height:8px;width:8px;background:#3797f0;border-radius:50%}.dm-person{display:flex;gap:8px;align-items:center;text-align:left;padding:0}.dm-person img{height:30px;width:30px;border-radius:50%;object-fit:cover}.dm-person span{font-size:12px}.dm-person small{display:block;font-size:9px;color:#999;font-weight:400}.dm-intro{display:flex;flex-direction:column;align-items:center;gap:8px;padding:25px 15px;font-size:14px}.dm-intro>.avatar{height:78px;width:78px;object-fit:cover;border-radius:50%;margin-bottom:6px}.dm-intro>span{font-size:11px;color:#888}.dm-intro button{background:#eee;border-radius:8px;padding:7px 15px;font-size:11px}.dm-history{padding:0 12px 15px}.dm-room .native-message{align-items:flex-end}.dm-room .message-avatar{height:25px;width:25px}.dm-room .message-avatar img{height:25px;width:25px;border-radius:50%}.dm-room .message-bubble{background:#efefef;border-radius:17px!important;max-width:245px}.dm-room .out .message-bubble{background:linear-gradient(130deg,#6e47e8,#5149ef);color:white}.dm-seen{font-size:9px;text-align:right;color:#999;margin:6px}.dm-composer .composer-field{border-radius:24px;background:#f5f5f5;border:0}.dm-composer{border:0}.dm-composer .send-button{background:#5149ef;color:#fff;border-radius:50%}.comment-list{padding:6px 16px}.comment-row{display:flex;gap:10px;margin:18px 0;align-items:flex-start}.comment-row>.avatar,.comment-row>.my-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;font-size:13px}.comment-row b{font-size:11px}.comment-row p{font-size:12px;line-height:1.7;margin:4px 0;overflow-wrap:anywhere;white-space:pre-wrap}.comment-row small{font-size:9px;color:#999}.instagram .native-composer>.my-avatar{height:31px;width:31px;border-radius:50%;font-size:13px}.instagram .native-composer>button[type=submit]{color:#3797f0;font-size:12px;white-space:nowrap}
.instagram-profile{padding:20px 16px 12px;font-size:12px}.profile-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.profile-stats>button{padding:0}.profile-stats img,.profile-stats .my-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover}.profile-stats>div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px}.profile-stats b{font-size:17px}.instagram-profile p{line-height:1.7;margin:6px 0 14px}.profile-buttons{display:flex;gap:7px}.profile-buttons button{flex:1;background:#efefef;border-radius:8px;padding:9px;font-size:12px;font-weight:600}.profile-grid-title{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;height:45px;border-top:1px solid #eee;border-bottom:1px solid #ddd}.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.instagram-grid button{padding:0;min-width:0}.instagram-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.native-story{position:absolute;inset:0;background:#161616;color:white;isolation:isolate}.story-background{height:100%;width:100%;object-fit:cover;opacity:.85}.native-story:after{content:'';position:absolute;inset:0;background:linear-gradient(#0006,transparent 30%,transparent 55%,#0008);pointer-events:none}.story-bars{position:absolute;top:57px;left:10px;right:10px;display:flex;gap:4px;z-index:2}.story-bars>span{height:3px;background:#ffffff66;flex:1;overflow:hidden;border-radius:3px}.story-bars i{display:block;height:100%;background:white;width:0}.story-bars .done i{width:100%}.story-bars .current i{animation:story-progress 6s linear forwards}.paused .story-bars i{animation-play-state:paused}.story-top{position:absolute;top:72px;left:13px;right:13px;z-index:3;display:flex;align-items:center;gap:8px;font-size:11px}.story-top img{height:30px;width:30px;border-radius:50%;object-fit:cover}.story-top small{color:#ddd;font-size:9px;flex:1}.story-top button{padding:5px}.story-zone{position:absolute;top:115px;bottom:130px;width:35%;z-index:2}.story-zone.previous{left:0}.story-zone.next{right:0;width:65%}.story-caption{position:absolute;bottom:140px;left:20px;right:20px;font-size:18px;line-height:1.8;text-align:center;z-index:1;text-shadow:0 1px 10px #000}.story-bottom{position:absolute;bottom:36px;left:15px;right:15px;display:flex;gap:13px;align-items:center;z-index:3}.story-bottom>button:first-child{flex:1;border:1px solid #ffffffb3;border-radius:25px;text-align:left;padding:13px;font-size:12px}.story-bottom .liked{color:#ff3040}.story-bottom .liked svg{fill:#ff3040}@keyframes story-progress{to{width:100%}}
.native-page-title{padding:20px 18px 17px}.native-page-title h2{font-size:30px;letter-spacing:-1px;margin:0 0 5px}.native-page-title small{font-size:11px;color:#999}.native-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.native-photo-grid button{position:relative;padding:0;aspect-ratio:1}.native-photo-grid img{width:100%;height:100%;object-fit:cover;display:block}.native-photo-grid svg{position:absolute;bottom:6px;right:6px;width:14px;height:14px;fill:white;color:white}.native-album{padding:14px 18px;display:flex;align-items:center;gap:14px;width:100%;text-align:left;border-bottom:1px solid #eee;font-size:13px}.native-album>svg{color:#007aff}.native-album span{flex:1}.native-album small{display:block;font-size:10px;color:#888;margin-top:6px}.native-photo-viewer{height:100%;display:flex;flex-direction:column;padding:52px 0 24px;background:#111;color:white;font-family:-apple-system,sans-serif}.native-photo-viewer .native-head{border:0}.native-photo-viewer h2{font-size:12px}.native-full-photo{display:flex;align-items:center;flex:1;min-height:0;overflow:hidden;touch-action:pan-y}.native-full-photo button{width:100%;height:100%;padding:0}.native-full-photo img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.native-full-photo.zoomed{overflow:auto;touch-action:auto}.native-full-photo.zoomed img{transform:scale(1.8)}.native-photo-viewer>p{font-size:10px;color:#bbb;text-align:center;margin:14px}.photo-filmstrip{display:flex;justify-content:center;gap:4px;padding:3px 14px;overflow:auto;flex-shrink:0}.photo-filmstrip button{width:30px;height:40px;flex-shrink:0;padding:0;opacity:.5}.photo-filmstrip .selected{width:40px;opacity:1;border:2px solid #fff}.photo-filmstrip img{height:100%;width:100%;object-fit:cover}.photo-viewer-tools{display:flex;justify-content:space-around;align-items:center;padding:12px 20px 5px}.photo-viewer-tools button,.photo-viewer-tools a{padding:7px}.photo-viewer-tools .liked svg{fill:#ff4545;color:#ff4545}
.ios-notes{background:#f2f2f7}.ios-notes .native-head{border:0;color:#c49a09}.ios-notes .native-page-title{padding-top:14px}.native-note-list{margin:0 16px 20px;border-radius:12px;overflow:hidden}.native-note-list button{display:block;width:100%;text-align:left;background:#fff;padding:15px 17px;border-bottom:1px solid #eee}.native-note-list b{font-size:14px}.native-note-list p{font-size:11px;color:#888;margin:6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-note-list small{font-size:9px;color:#aaa}.notes-toolbar,.calendar-toolbar{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:8px 20px 27px;flex-shrink:0;font-size:11px}.notes-toolbar button{color:#b78c00;padding:8px}.note-edit{padding:18px 22px;background:#fff;display:flex;flex-direction:column}.note-edit>small{text-align:center;font-size:10px;color:#aaa;margin-bottom:18px}.note-edit>input{border:0;outline:none;font-size:23px;font-weight:650;width:100%;margin-bottom:15px;background:none;color:#222}.note-edit>textarea{flex:1;min-height:240px;width:100%;resize:none;border:0;outline:none;background:none;font-size:14px;line-height:1.9;color:#222;padding:0}
.ios-calendar .native-head{color:#ff3b30}.native-month{display:flex;align-items:center;justify-content:space-between;padding:22px 14px 15px}.native-month h2{font-size:22px;margin:0}.native-month button{color:#ff3b30;padding:5px}.native-calendar-grid button{height:43px;font-size:13px}.native-calendar-grid button.selected:before{background:#111}.native-calendar-grid button.today:not(.selected){color:#ff3b30}.native-calendar-grid button i{background:#ff645d;width:4px;height:4px}.native-agenda{margin-top:20px;border-top:1px solid #ddd;padding:15px 18px}.native-agenda h3{font-size:12px;margin:0 0 17px}.native-event{display:flex;width:100%;gap:12px;text-align:left;padding:12px 0}.native-event time{font-size:11px;color:#777}.native-event>span{border-left:3px solid #ff3b30;padding-left:10px}.native-event b{font-size:13px}.native-event small{display:block;font-size:10px;color:#999;margin-top:5px}.calendar-toolbar{border-top:1px solid #eee;color:#ff3b30;font-size:13px}.native-event-form label{font-size:12px;margin:15px 0;display:block;color:#555}.native-event-form input{display:block;width:100%;border:1px solid #ddd;padding:10px;margin-top:6px;border-radius:8px;background:#fff;color:#222}
.icon-chat{background:#fee500;color:#391b1b}.icon-chat svg{fill:#391b1b;stroke:#391b1b}.icon-social{background:radial-gradient(circle at 28% 100%,#ffdb72 0,#ff8a22 25%,#ef2859 50%,#b22bc2 75%,#6351d4 100%)}
.font-large .native-app .message-bubble,.font-large .native-composer input{font-size:16px}.font-large .native-caption{font-size:14px}
@media(max-width:600px){.native-app{padding-top:53px}.message-bubble{max-width:min(255px,62vw);font-size:14px}.native-nav{padding-bottom:max(28px,env(safe-area-inset-bottom))}.native-composer{padding-bottom:max(28px,env(safe-area-inset-bottom))}.native-photo-viewer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.native-post-head b{font-size:13px}.native-caption{font-size:13px}.native-large-head h2{font-size:28px}.native-calendar-grid button{height:46px}}
@media(min-width:1101px) and (max-height:900px){.native-message .message-bubble{max-width:196px;font-size:12px}.native-head h2{font-size:14px}.native-large-head h2{font-size:23px}.native-composer input{font-size:12px}.suggestion-list button{font-size:10px}.native-stories{gap:10px}.native-stories>button{width:60px}.native-story-ring img{width:54px;height:54px}}
.settings-page{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR',sans-serif;background:#f2f2f7}.settings-page .page-lede h3{font-family:inherit;font-size:29px;font-weight:700}.settings-page .setting-row,.settings-page .setting-action{font-size:13px;padding:16px}.settings-page .setting-row input:checked{background:#34c759}.settings-page .setting-row select,.settings-page .setting-row input[type=text]{font-size:12px}.settings-page .settings-note{font-size:10px}
@media(max-width:600px){.phone-stage{height:var(--app-vh,100svh)}.phone-screen{height:100%}}

.ios-notes .notes-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:18px}.notes-title-row h2{margin:0}.notes-title-row>button{display:grid;place-items:center;width:44px;height:44px;padding:10px;color:#b78c00;flex-shrink:0}.notes-title-row>button svg{width:25px;height:25px}.ios-notes .notes-toolbar{justify-content:center}