@import"https://cdn.jsdelivr.net/gh/fonts-archive/MaruBuri/subsets/MaruBuri-dynamic-subset.css";:root{font-family:Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif;color:#12263f;background:#edf2f8}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{overflow:hidden}button,textarea{font:inherit}.text-only-clock{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.desktop-root{width:100vw;height:100vh;background:#eff3f9}.desktop-home{position:relative;width:100%;height:100%;background-size:cover;background-position:center;overflow:hidden}.desktop-clock{position:absolute;right:52px;bottom:18px;z-index:3;color:#424242;font-size:15px;line-height:1.25;text-align:right}.pc-hotspot{position:absolute;left:12px;width:115px;border:0;background:transparent;cursor:pointer}.pc-hotspot:hover,.mobile-hotspot:hover{outline:2px solid rgba(52,110,196,.4);border-radius:18px}.pc-internet{top:12px;height:105px}.pc-files{top:130px;height:118px}.pc-recycle{top:284px;height:112px}.pc-kakao{top:428px;height:114px}.pc-memo{top:556px;height:120px}.desktop-window-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff14;display:flex;align-items:center;justify-content:center;padding:32px}.desktop-window{width:min(960px,82vw);height:min(680px,82vh);border-radius:18px;overflow:hidden;background:#fffffff5;box-shadow:0 18px 50px #22395c40;border:1px solid rgba(84,111,153,.14);display:flex;flex-direction:column}.desktop-window-header{height:60px;background:linear-gradient(180deg,#f7fbff,#e8eef7);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 22px;border-bottom:1px solid rgba(64,95,140,.12)}.desktop-window-title{font-size:19px;font-weight:700;color:#27446d}.desktop-close-btn,.desktop-inline-close{border:0;background:transparent;cursor:pointer;font-size:22px;color:#4a607f}.desktop-window-body{flex:1;min-height:0;padding:20px;background:#f9fbff}.desktop-memo-wrap{height:100%;display:flex;flex-direction:column}.desktop-memo-toolbar{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 12px;color:#31507d;font-weight:600}.desktop-note-area{width:100%;height:100%;resize:none;border:1px solid #cfdae7;border-radius:14px;padding:22px;font-size:18px;line-height:1.75;color:#24364f;background:#fffef9}.desktop-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.desktop-card{border-radius:16px;padding:20px;background:#fff;border:1px solid #d6dfeb;min-height:120px}.desktop-card.large{grid-column:1 / -1;min-height:136px}.desktop-card h3{margin:0 0 10px}.desktop-card p{margin:0;line-height:1.6;color:#4e627f}.desktop-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}.desktop-table th,.desktop-table td{padding:14px 16px;border-bottom:1px solid #e3eaf4;text-align:left}.desktop-table th{background:#eff4fb;color:#36547f}.empty-panel{display:grid;place-items:center;height:100%;border-radius:16px;background:#fff;border:1px dashed #bfd0e5;color:#6c7f99}.desktop-kakao-wrap{display:flex;height:100%;border-radius:16px;overflow:hidden;border:1px solid #dee6ef;background:#fff}.desktop-kakao-sidebar{width:88px;background:#f4f6f8;display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 10px;border-right:1px solid #e2e7ee}.desktop-kakao-sidebar button{border:0;background:#fff;border-radius:12px;padding:10px 8px;width:100%;cursor:pointer}.desktop-kakao-logo{width:48px;height:48px;border-radius:14px;background:#fee500;display:grid;place-items:center;font-weight:800}.desktop-kakao-content{flex:1;display:flex;flex-direction:column}.desktop-kakao-header{padding:18px 20px;font-weight:800;font-size:20px;border-bottom:1px solid #eceef3}.desktop-chat-list{list-style:none;margin:0;padding:8px 0;overflow:auto}.desktop-chat-item{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:14px 20px;border-bottom:1px solid #f0f2f6}.desktop-chat-main strong,.desktop-chat-main p{display:block}.desktop-chat-main p{margin:4px 0 0;color:#5f6b7a;font-size:14px}.avatar-circle,.ios-avatar,.kakao-avatar{display:grid;place-items:center;border-radius:50%;font-weight:700}.avatar-circle{width:42px;height:42px;background:#dbe8ff;color:#30538a}.mobile-root{width:100vw;height:100vh;position:relative;background-size:cover;background-position:center;overflow:hidden}.mobile-status-time{position:absolute;left:48px;top:24px;font-size:22px;font-weight:700;color:#10131a;z-index:4}.mobile-status-date{position:absolute;left:48px;top:56px;font-size:13px;color:#4f5d73;z-index:4}.mobile-hotspot{position:absolute;width:21%;height:13%;border:0;background:transparent;cursor:pointer;border-radius:28px}.mobile-memo{left:10%;top:60.5%}.mobile-gallery{left:39.5%;top:60.5%}.mobile-kakao{left:69%;top:60.5%}.mobile-phone{left:10%;top:76.5%}.mobile-message{left:39.5%;top:76.5%}.mobile-internet{left:69%;top:76.5%}.mobile-app-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffffa;z-index:5}.mobile-shell,.notes-shell,.message-shell,.kakao-shell{height:100%;display:flex;flex-direction:column}.mobile-header,.ios-header,.kakao-header{padding:env(safe-area-inset-top) 18px 14px;min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebeff4;background:#fffffff2}.mobile-header h1,.ios-header h1,.kakao-header h1{margin:0;font-size:20px}.mobile-back{border:0;background:transparent;color:#2270db;font-size:18px;cursor:pointer;padding:0}.mobile-header-spacer{width:46px}.mobile-content{flex:1;overflow:auto;padding:20px}.mobile-note-wrap{flex:1;padding:16px;background:#fffef9;overflow-y:auto}.mobile-note-area{width:100%;height:100%;resize:none;border:0;outline:0;background:transparent;font-size:18px;line-height:1.9;color:#20252f}.mobile-note-display{font-family:AppleMyungjo,Batang,BatangChe,바탕,"Noto Serif KR",serif;color:#20252f;font-size:18px;line-height:1.8;letter-spacing:.01em}.note-line{margin:0}.note-blank-line{height:1.15em}.note-line-strike{text-decoration:line-through;text-decoration-thickness:1.5px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gallery-item{aspect-ratio:1;padding:0;border:0;border-radius:16px;overflow:hidden;background:#eef3fb;box-shadow:0 8px 18px #23416e14;cursor:pointer}.gallery-thumb{width:100%;height:100%;object-fit:cover;display:block}.gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#080d16c7;display:flex;align-items:center;justify-content:center;padding:22px}.gallery-modal-image{max-width:100%;max-height:84vh;border-radius:18px;box-shadow:0 20px 50px #00000047}.gallery-modal-close{position:absolute;top:20px;right:20px;width:42px;height:42px;border:0;border-radius:50%;background:#ffffff2e;color:#fff;font-size:20px;cursor:pointer}.dialer-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:8px}.dialer-display{font-size:26px;letter-spacing:2px}.dialer-grid{display:grid;grid-template-columns:repeat(3,78px);gap:12px}.dialer-key{width:78px;height:78px;border-radius:50%;border:0;background:#f1f4f8;font-size:28px}.call-btn{border:0;background:#2fc85b;color:#fff;border-radius:22px;padding:14px 34px;font-weight:700}.browser-wrap{display:flex;flex-direction:column;gap:14px}.browser-bar{border-radius:18px;padding:12px 16px;background:#f1f4f8;color:#526277;font-size:14px}.browser-page{border-radius:18px;padding:20px;background:#fff;border:1px solid #e2e8f0;line-height:1.7}.message-shell{background:#f5f5f8}.compose-btn{border:0;background:transparent;font-size:20px;color:#2572db}.search-bar{margin:10px 16px 8px;padding:10px 14px;border-radius:12px;background:#e9e9ee;color:#7a7f89;font-size:14px}.ios-list,.kakao-list{list-style:none;margin:0;padding:0;overflow:auto}.ios-list-item,.kakao-item{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:15px 16px;border-bottom:1px solid #ececf0;background:#fff}.ios-avatar{width:44px;height:44px;background:#d7e4f8;color:#375a89}.ios-main p,.kakao-main p{margin:5px 0 0;color:#677484;font-size:14px;line-height:1.45}.ios-row-top,.kakao-top-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ios-row-top span,.kakao-top-row span{color:#8b93a0;font-size:12px;white-space:nowrap}.kakao-shell,.kakao-header{background:#fff}.kakao-back{color:#222}.kakao-icons{color:#1e2430;font-size:18px;letter-spacing:2px}.kakao-item{background:#fff}.kakao-avatar{width:44px;height:44px;background:#efe0a7;color:#54420d}.cancelled{color:#8f96a1!important}.blocked{color:#dc5a5a!important}.kakao-tabbar{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px 8px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eceff4;font-size:12px;color:#7a8491;text-align:center}.kakao-tabbar .active{color:#1e232b;font-weight:700}@media (max-width: 900px){.mobile-status-time{font-size:clamp(20px,2.8vw,24px)}.mobile-status-date{font-size:clamp(12px,1.6vw,14px)}}.desktop-browser{height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid #dde5ef;border-radius:16px;overflow:hidden}.desktop-browser-topbar{height:42px;display:flex;align-items:center;gap:14px;padding:0 16px;background:#eef3f8;border-bottom:1px solid #e2e8f1}.desktop-browser-controls{display:flex;gap:8px}.desktop-browser-controls .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.desktop-browser-controls .red{background:#ff5f57}.desktop-browser-controls .yellow{background:#febc2e}.desktop-browser-controls .green{background:#28c840}.desktop-browser-address{flex:1;height:28px;border-radius:999px;background:#fff;border:1px solid #d7e0ec;display:flex;align-items:center;justify-content:center;color:#6f7f93;font-size:13px}.desktop-browser-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #edf1f6}.desktop-browser-toolbar button{width:34px;height:34px;border-radius:10px;border:1px solid #dde4ee;background:#f8fbff;color:#5e6e82}.desktop-browser-searchbox{flex:1;min-height:38px;border:1px solid #d6deea;border-radius:12px;background:#f9fbfe;display:flex;align-items:center;padding:0 14px;color:#8a98a8}.desktop-browser-body{padding:18px 20px 20px;overflow:auto}.desktop-browser-section-title{font-size:18px;font-weight:700;color:#244267;margin-bottom:14px}.desktop-browser-history-list{list-style:none;margin:0;padding:0;border:1px solid #e5ebf2;border-radius:14px;overflow:hidden}.desktop-browser-history-item{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid #eef2f7}.desktop-browser-history-item:last-child{border-bottom:0}.history-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f0f4fa;font-size:17px}.history-text-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-text-wrap strong{font-size:16px;color:#24364f;font-weight:600}.history-text-wrap span{color:#8693a4;font-size:14px;white-space:nowrap}.mobile-browser{height:100%;display:flex;flex-direction:column;background:#f6f7fb}.mobile-browser-topbar{padding:12px 16px 10px;background:#f6f7fb;border-bottom:1px solid #eaedf3}.mobile-browser-url{height:38px;border-radius:12px;background:#fff;border:1px solid #dde4ef;display:flex;align-items:center;padding:0 14px;color:#8c97a4;font-size:14px}.mobile-browser-history-header{padding:16px 18px 10px;font-size:18px;font-weight:700;color:#24364f}.mobile-browser-history-list{list-style:none;margin:0;padding:0 0 10px;overflow:auto;flex:1;background:#fff}.mobile-browser-history-item{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px 18px;border-bottom:1px solid #eef1f5;align-items:center}.mobile-history-icon{width:34px;height:34px;border-radius:50%;background:#f1f4f8;display:grid;place-items:center;font-size:16px}.mobile-history-main{display:flex;flex-direction:column;gap:4px}.mobile-history-main strong{font-size:15px;font-weight:600;color:#1f2f47;line-height:1.35}.mobile-history-main span{font-size:12px;color:#8893a1}.mobile-browser-bottombar{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;text-align:center;padding:12px 8px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eaedf2;color:#556477;font-size:18px}.desktop-mobile-wrap{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#edf2f8,#dfe8f5)}.desktop-mobile-frame{width:min(430px,92vw);height:min(900px,94vh);padding:12px;border-radius:42px;background:#101319;box-shadow:0 30px 80px #17243c59}.mobile-root.embedded{width:100%;height:100%;border-radius:30px;overflow:hidden}.call-history-wrap{display:flex;flex-direction:column;gap:10px;height:100%;background:#fff}.call-history-header-row{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 10px;color:#1f2e45}.call-history-header-row strong{font-size:19px}.call-history-header-row span{color:#2270db;font-size:14px}.call-history-list{list-style:none;margin:0;padding:0;border-top:1px solid #edf1f5}.call-history-item{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 4px;border-bottom:1px solid #edf1f5;align-items:center}.call-type-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700;background:#eef3fa;color:#2d5f9d}.call-type-icon.outgoing{color:#2c7be5}.call-type-icon.incoming{color:#299764}.call-type-icon.missed{color:#d04d4d;background:#fbeeee}.call-history-main{min-width:0}.call-history-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.call-history-name-row strong{font-size:16px;color:#1d2a3d}.call-history-time{font-size:12px;color:#8a95a3;white-space:nowrap}.call-history-main p{margin:4px 0 0;color:#7c8796;font-size:13px}.missed-text{color:#d04d4d!important}.mobile-hotspot,.mobile-hotspot:hover,.mobile-hotspot:focus,.mobile-hotspot:focus-visible,.mobile-hotspot:active{outline:none!important;box-shadow:none!important;border:0!important;background:transparent!important}.desktop-mobile-wrap{padding:24px;overflow:hidden}.desktop-mobile-frame{width:min(430px,92vw,calc((100vh - 48px) * .564706));height:auto;max-height:calc(100vh - 48px);aspect-ratio:960 / 1700;padding:10px;border-radius:42px}.mobile-root.embedded{width:100%;height:100%;background-size:100% 100%;background-position:center top;background-repeat:no-repeat;border-radius:32px}.mobile-note-area,.mobile-note-display{line-height:1.62}.ios-avatar{font-size:11px;letter-spacing:-.5px}.kakao-shell{background:#fff;color:#18191c}.kakao-header{min-height:68px;padding:env(safe-area-inset-top) 16px 10px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;border-bottom:0;background:#fff}.kakao-header h1{margin:0;font-size:22px;font-weight:800;text-align:left;letter-spacing:-.6px}.kakao-header-btn{width:38px;height:38px;padding:0;border:0;background:transparent;color:#17191d;font-size:34px;line-height:1;cursor:pointer;text-align:left}.kakao-header-actions{display:flex;align-items:center;gap:17px;padding-right:2px}.kakao-action-icon{position:relative;display:inline-block;width:20px;height:20px;color:#1c1e22}.search-icon:before{content:"";position:absolute;width:11px;height:11px;border:2px solid currentColor;border-radius:50%;left:1px;top:1px}.search-icon:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(45deg);left:12px;top:14px;border-radius:2px}.chat-add-icon:before{content:"";position:absolute;width:17px;height:13px;border:2px solid currentColor;border-radius:5px;left:0;top:2px}.chat-add-icon:after{content:"+";position:absolute;right:-5px;top:-8px;font-size:18px;font-weight:700;background:#fff;line-height:1}.settings-icon{font-size:18px;line-height:20px}.kakao-searchbar{height:38px;margin:0 16px 8px;padding:0 13px;border-radius:10px;display:flex;align-items:center;gap:9px;background:#f2f3f5;color:#9a9ea5;font-size:13px}.kakao-search-symbol{position:relative;width:15px;height:15px;flex:0 0 15px}.kakao-search-symbol:before{content:"";position:absolute;width:8px;height:8px;border:1.6px solid #9a9ea5;border-radius:50%;left:0;top:0}.kakao-search-symbol:after{content:"";position:absolute;width:6px;height:1.6px;background:#9a9ea5;transform:rotate(45deg);left:9px;top:10px;border-radius:2px}.kakao-list{flex:1;overflow-y:auto;padding:0 0 6px;background:#fff}.kakao-item{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:13px;min-height:76px;padding:10px 17px;border-bottom:0;background:#fff}.kakao-item:hover{background:#f8f9fa}.kakao-avatar{width:52px;height:52px;border-radius:19px;font-size:17px;font-weight:800;color:#fff;box-shadow:inset 0 0 0 1px #0000000a}.kakao-tone-1{background:linear-gradient(145deg,#2b466f,#6582ad)}.kakao-tone-2{background:linear-gradient(145deg,#777d86,#aeb3ba)}.kakao-tone-3{background:linear-gradient(145deg,#337a73,#72aca6)}.kakao-tone-4{background:linear-gradient(145deg,#9b6c77,#d1a5ae)}.kakao-tone-5{background:linear-gradient(145deg,#5d6388,#969dc4)}.kakao-tone-6{background:linear-gradient(145deg,#7f654b,#b89b7b)}.blocked-avatar{filter:grayscale(1);opacity:.72}.kakao-main{min-width:0}.kakao-top-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.kakao-top-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;color:#202124;letter-spacing:-.35px}.kakao-top-row span{font-size:11px;color:#a2a5aa;white-space:nowrap}.kakao-main p{margin:5px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a7e85;font-size:13.5px;line-height:1.35;letter-spacing:-.2px}.kakao-main p.cancelled{color:#90949a!important}.kakao-main p.blocked{color:#9a9da2!important}.kakao-tabbar{min-height:66px;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #eceef1;background:#fffffffa}.kakao-tabbar button{border:0;background:transparent;color:#9a9da3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;font-size:10px}.kakao-tabbar button.active{color:#17191d;font-weight:700}.tab-icon{min-width:24px;height:22px;display:grid;place-items:center;font-size:13px;line-height:1;letter-spacing:-3px}.openchat-tab,.shop-tab,.more-tab{letter-spacing:0;font-size:18px;font-weight:700}.gallery-viewer{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,520px);height:min(84vh,820px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.gallery-viewer:active{cursor:grabbing}.gallery-modal-image{width:100%;height:100%;object-fit:contain;border-radius:18px;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.gallery-nav{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:44px;height:58px;border:0;border-radius:16px;background:#ffffff29;color:#fff;font-size:38px;line-height:1;cursor:pointer}.gallery-nav-prev{left:12px}.gallery-nav-next{right:12px}.gallery-page-indicator{position:absolute;left:50%;bottom:42px;transform:translate(-50%);padding:6px 11px;border-radius:999px;background:#0000007a;color:#fff;font-size:12px;font-weight:700}.gallery-swipe-hint{position:absolute;left:50%;bottom:13px;transform:translate(-50%);color:#ffffffd1;font-size:11px;white-space:nowrap}@media (max-width: 520px){.gallery-modal{padding:12px}.gallery-viewer{width:100%;height:82vh}.gallery-nav{width:38px;height:52px;font-size:32px;background:#00000057}.gallery-nav-prev{left:4px}.gallery-nav-next{right:4px}}@media (min-width: 901px){.gallery-swipe-hint{display:none}.gallery-modal{padding:18px}.gallery-viewer{width:auto;height:min(90vh,900px);max-width:calc(100vw - 150px);aspect-ratio:848 / 1280;background:transparent;border:0;border-radius:0;box-shadow:none}.gallery-modal-image{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none}.gallery-page-indicator{bottom:14px}}.mobile-root.embedded .mobile-note-display{font-family:Maru Buri,AppleMyungjo,Batang,바탕,serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* Mobile memo bottom visibility fix */
@supports (height: 100dvh) {
  .mobile-root:not(.embedded) {
    height: 100dvh;
  }
}
.notes-shell,
.mobile-app-screen,
.mobile-note-wrap {
  min-height: 0;
}
.mobile-note-wrap {
  padding-bottom: calc(72px + env(safe-area-inset-bottom));
  scroll-padding-bottom: calc(72px + env(safe-area-inset-bottom));
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}
.mobile-note-display .note-line:last-child {
  margin-bottom: calc(24px + env(safe-area-inset-bottom));
}