/* Maps, Safari, Files, Notes and X. Scoped to avoid changing existing apps. */
.u-detail-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:8px 15px;flex-shrink:0}
.u-detail-head button{background:none;color:#087cf0;display:flex;align-items:center;gap:2px;min-width:42px;min-height:42px;padding:5px}
.u-detail-head button:last-child{justify-content:flex-end;color:#17191d}
.u-detail-head svg{width:23px;height:23px}

.u-maps{position:relative;overflow:hidden;background:#e9eadf}
.u-map-canvas{position:absolute;inset:0;background:#f1efe5;overflow:hidden}
.u-river{position:absolute;left:-10%;right:-10%;top:29%;height:75px;background:#a9dbed;transform:rotate(-6deg);border:8px solid #c9eaf3}
.u-road{position:absolute;height:12px;background:#fff;border:1px solid #d8d8d3;transform-origin:left center}
.u-road:after{content:"";display:block;border-top:1px dashed #c7c6bf;margin-top:5px}
.u-road.r1{width:120%;left:-10%;top:18%;transform:rotate(15deg)}.u-road.r2{width:120%;left:-5%;top:59%;transform:rotate(-17deg)}
.u-road.r3{width:90%;left:17%;top:12%;transform:rotate(72deg)}.u-road.r4{width:90%;left:54%;top:8%;transform:rotate(92deg)}
.u-map-label{position:absolute;font-weight:700;color:#6d7069;background:#f4f1e9cc;padding:3px 7px;border-radius:5px;font-size:13px}
.u-map-label.l1{left:9%;top:51%}.u-map-label.l2{right:11%;top:31%;color:#4b98b3}.u-map-label.l3{right:15%;top:10%}
.u-map-pin{position:absolute;width:44px;height:44px;border:4px solid white;background:#1678e8;color:white;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);box-shadow:0 4px 12px #0004;display:flex;align-items:center;justify-content:center}
.u-map-pin span{transform:rotate(45deg);font-weight:800}.u-map-pin-1{left:27%;top:45%}.u-map-pin-2{right:21%;top:20%;background:#ef8c16}
.u-map-sheet,.u-place-card{position:absolute;z-index:2;left:12px;right:12px;bottom:11px;border-radius:28px;background:#f9f9f7ee;box-shadow:0 10px 30px #0002;backdrop-filter:blur(18px)}
.u-map-sheet{padding:17px 15px 18px}.u-map-sheet h1{font-size:19px;margin:19px 8px 9px}
.u-map-search{width:100%;border-radius:18px;background:#ececea;padding:11px 13px;display:flex;align-items:center;gap:10px;color:#777;text-align:left;font-size:14px}
.u-map-search svg{width:19px;height:19px;color:#161616}
.u-place-row{width:100%;display:flex;align-items:center;gap:11px;background:none;color:#111;text-align:left;padding:10px 7px;border-top:1px solid #deded9}
.u-place-row>span:nth-child(2){min-width:0;flex:1}.u-place-row strong,.u-place-row small{display:block}.u-place-row strong{font-size:14px}.u-place-row small{color:#777;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-place-row>b{font-size:25px;color:#aaa}
.u-place-symbol{width:38px;height:38px;border-radius:50%;background:#768190;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.u-place-card{padding:23px 18px 17px;color:#171717}.u-map-close{position:absolute;right:16px;top:15px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e7e7e5}.u-map-close svg{width:19px}
.u-place-type{font-size:11px;color:#777}.u-place-card h1{font-size:24px;margin:8px 42px 4px 0}.u-place-card>p{color:#777;font-size:11px;margin:0 0 17px}
.u-place-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.u-place-actions button{display:flex;flex-direction:column;align-items:center;gap:5px;border-radius:12px;background:#e4f0fc;color:#067af1;padding:10px 4px;font-size:10px}.u-place-actions svg{width:21px;height:21px}
.u-place-card dl{margin:14px 0 0;font-size:11px}.u-place-card dl div{display:flex;justify-content:space-between;padding:8px 2px;border-top:1px solid #ddd}.u-place-card dd{margin:0;color:#777}

.u-safari{background:#eef0f4}.u-naver-home{padding:11px 16px 25px}.u-naver-home>header{height:58px;display:grid;grid-template-columns:38px 38px 1fr 38px 38px;align-items:center;gap:5px}.u-naver-home>header button{background:none;display:flex;align-items:center;justify-content:center}.u-naver-pay{height:31px;width:31px;border:2px solid #272a30;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}
.u-naver-search{margin:78px 0 95px;width:100%;height:58px;border:2px solid #03c75a;background:#fff;border-radius:29px;display:flex;align-items:center;text-align:left;padding:0 16px;gap:13px;color:#94979a}.u-naver-search b{font-size:30px;color:#03c75a}.u-naver-search span{flex:1}.u-naver-search svg{color:#03c75a}
.u-naver-home nav{height:55px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:space-around;font-size:11px;font-weight:600;box-shadow:0 2px 10px #00000008}.u-naver-summary{margin-top:12px;background:#fff;border-radius:16px;padding:16px}.u-naver-summary small{color:#03a94f}.u-naver-summary strong{display:block;margin:8px 0;font-size:16px}.u-naver-summary p{margin:0;color:#777;font-size:11px;line-height:1.6}
.u-naver-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.u-naver-panels article{background:#fff;border-radius:14px;min-height:125px;padding:15px}.u-naver-panels span{color:#03a94f;font-size:10px}.u-naver-panels h2{font-size:14px;line-height:1.5;margin-top:13px}
.u-safari-bar{height:62px;flex-shrink:0;padding:8px 13px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:9px;background:#e9ebef;border-top:1px solid #d5d8dd}.u-safari-bar button{height:42px;border-radius:50%;background:#f8f9fb;color:#3d4148;display:flex;align-items:center;justify-content:center}.u-safari-bar>span{height:42px;border-radius:21px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:600}.u-safari-bar>span svg{width:17px}
.u-search-head{padding:13px 13px 10px;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;background:#fff}.u-search-head button{background:none;color:#61656a;display:flex;align-items:center;justify-content:center;min-height:40px}.u-search-head button:last-child{color:#03c75a}.u-search-head input{border:0;background:#f2f3f4;border-radius:21px;padding:12px 10px;min-width:0;outline-offset:2px}.u-history{background:#fff;padding:35px 24px}.u-history h1{font-size:17px;margin:0 0 20px}.u-history button{width:100%;display:grid;grid-template-columns:25px 1fr 20px;gap:8px;align-items:center;background:none;padding:14px 0;border-bottom:1px solid #ededed;text-align:left}.u-history button svg{width:18px;color:#888}.u-history button span{font-size:14px}.u-history button b{color:#aaa;font-size:20px}.u-history p{color:#888;font-size:12px}

.u-files{background:#f8f8fa}.u-files-head{padding:15px 18px 12px;display:flex;flex-direction:column}.u-files-head>button{align-self:flex-end;width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.u-files-head h1{font-size:30px;margin:19px 0 13px}.u-files-head label{height:39px;border-radius:12px;background:#e9e9ed;display:flex;align-items:center;padding:0 11px;color:#8c8c92;gap:7px}.u-files-head label svg{width:18px}.u-files-head input{border:0;background:none;width:100%;min-width:0;outline:0}
.u-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 20px;padding:20px 25px 28px}.u-file-grid>button{background:none;color:#16171a;min-width:0;text-align:center}.u-file-tile{height:128px;width:100%;max-width:125px;margin:auto;border-radius:5px;background:#fff;border:1px solid #dedee3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7a7c82;box-shadow:0 2px 5px #0000000d}.u-file-tile svg{width:39px;height:39px}.u-file-tile b{font-size:10px}.u-file-tile.ppt{color:#d35433}.u-file-tile.pdf{color:#d83b3e}.u-file-tile.doc{color:#2b65a8}.u-file-tile.hwp{color:#388782}.u-file-grid strong{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:8px auto 4px;overflow-wrap:anywhere}.u-file-grid small{display:block;color:#999;font-size:9px;line-height:1.5}.u-no-result{grid-column:1/-1;text-align:center;color:#929297;font-size:12px;padding-top:45px}
.u-files-nav{min-height:61px;display:flex;justify-content:space-around;align-items:center;background:#f8f8fa;border-top:1px solid #dedee3}.u-files-nav button{background:none;color:#8f9096;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;min-width:72px}.u-files-nav button.active{color:#087cf0}.u-files-nav svg{width:21px;height:21px}
.u-file-preview{padding:17px 22px 30px;text-align:center}.u-doc-page{width:78%;aspect-ratio:3/4;margin:10px auto 23px;border:1px solid #dadadd;background:#fff;box-shadow:0 7px 18px #0002;padding:25px 18px;display:flex;align-items:center;justify-content:center;color:#45474c;font-size:12px;line-height:2}.u-doc-page.ppt{border-top:8px solid #d35433}.u-doc-page.pdf{border-top:8px solid #d83b3e}.u-doc-page.doc{border-top:8px solid #2b65a8}.u-doc-page.hwp{border-top:8px solid #388782}.u-file-preview h1{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.u-file-preview>p{font-size:11px;color:#888}.u-file-preview dl{margin-top:24px;background:#fff;border-radius:12px;text-align:left;padding:0 14px}.u-file-preview dl div{display:flex;justify-content:space-between;padding:13px 0;font-size:11px}.u-file-preview dl div+div{border-top:1px solid #e5e5e5}.u-file-preview dd{margin:0;color:#888}

.u-notes{background:#f3f2f7}.u-notes-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;padding:11px 16px}.u-notes-head h1{font-size:19px;margin:0}.u-notes-head button{width:38px;height:38px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center}.u-note-list{padding:22px 19px 25px}.u-note-list h2{font-size:28px;margin:0 0 17px}.u-note-list>div{background:#fff;border-radius:14px;overflow:hidden}.u-note-list button{display:block;width:100%;text-align:left;background:none;padding:14px 16px;color:#17181a}.u-note-list button+button{border-top:1px solid #e4e4e6}.u-note-list strong{display:block;font-size:15px;margin-bottom:5px}.u-note-list span{display:block;color:#8b8b91;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-note-list time{color:#5f6065;margin-right:6px}.u-notes-bottom,.u-note-tools{height:54px;display:flex;align-items:center;justify-content:center;background:#f5f4f8;border-top:1px solid #dedde2;padding:0 17px;position:relative}.u-notes-bottom span{font-size:10px}.u-notes-bottom button{position:absolute;right:15px;background:none;color:#c69618}.u-note-detail{background:#fff;padding:16px 25px 30px}.u-note-detail time{display:block;text-align:center;color:#999;font-size:10px}.u-note-detail h1{font-size:23px;margin:19px 0 15px}.u-note-detail p{white-space:pre-wrap;line-height:1.9;font-size:14px;margin:0}.u-note-tools{justify-content:space-between}.u-note-tools button{background:none;color:#bc8a0d;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}

.u-x{background:#fff;color:#0f1419}.u-x-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;padding:7px 16px;height:53px}.u-x-head>img{width:32px;height:32px;border-radius:50%;object-fit:cover}.u-x-head>b{font-size:25px}.u-x-head button{background:none}.u-x-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eff1f2;height:47px}.u-x-tabs button{background:none;color:#536471;font-weight:600;position:relative}.u-x-tabs .active{color:#0f1419}.u-x-tabs .active:after{content:"";position:absolute;bottom:0;left:34%;right:34%;height:3px;border-radius:3px;background:#1d9bf0}.u-x-feed{overscroll-behavior:contain}.u-x-post{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #eff1f2}.u-x-post>div{min-width:0;flex:1}.u-x-post header{display:flex;gap:5px;align-items:baseline;white-space:nowrap;overflow:hidden}.u-x-post header strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.u-x-post header span{color:#536471;font-size:10px;overflow:hidden;text-overflow:ellipsis}.u-x-post p{font-size:13px;line-height:1.5;margin:5px 0 10px;white-space:normal}.u-x-avatar{width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;flex-shrink:0}.u-x-avatar.sports{background:#1b5e47}.u-x-avatar.dogs{background:#986f45}.u-x-avatar.burger{background:#be3429}.u-x-media{width:100%;max-height:260px;object-fit:cover;border-radius:13px;border:1px solid #cfd9de;display:block}.u-x-actions{display:flex;justify-content:space-between;margin-top:10px;color:#536471}.u-x-actions button{background:none;color:inherit;display:flex;align-items:center;gap:4px;font-size:9px;padding:2px}.u-x-actions svg{width:17px;height:17px}.u-x-bottom{height:57px;border-top:1px solid #eff1f2;display:flex;align-items:center;justify-content:space-around}.u-x-bottom button{background:none;color:#0f1419}.u-x-bottom svg{width:22px;height:22px}.u-x-bottom .active svg{stroke-width:2.5}

.u-note-detail p{overflow-wrap:anywhere}
#u-x-viewer{inset:0;padding-top:0}#u-x-viewer .viewer-head{flex-shrink:0;min-height:64px;padding:9px 14px}#u-x-viewer .viewer-controls{flex-shrink:0;padding-bottom:18px}
.u-x-viewer-back{display:flex;align-items:center;gap:2px;background:none;color:#fff;min-width:66px;min-height:42px;padding:5px 2px}.u-x-viewer-back svg{width:24px;height:24px}.u-x-viewer-back span{font-size:13px}
.u-x-post p{white-space:pre-line}.u-x-photo{display:block;width:100%;padding:0;background:none;border-radius:13px;overflow:hidden}.u-x-media{max-height:none;height:auto;object-fit:contain}.u-x-actions button{min-height:34px;min-width:34px}.u-x-actions button.is-liked{color:#f91880}.u-x-actions button.is-liked svg{fill:currentColor}.u-x-credit{margin:1px 0 0;color:#536471;font-size:9px}.u-x-credit summary{cursor:pointer;width:max-content;padding:4px 0}.u-x-credit p{font-size:10px;line-height:1.6;margin:2px 0 6px;overflow-wrap:anywhere}.u-x-credit a{color:#536471;text-underline-offset:2px}.u-x-photo:focus-visible,.u-x-actions button:focus-visible{outline:2px solid #1d9bf0;outline-offset:2px}

@media(max-height:740px){.u-naver-search{margin:38px 0 45px}.u-map-sheet{max-height:49%;overflow:auto}.u-file-tile{height:105px}.u-file-grid{gap:21px 18px}.u-note-list{padding-top:10px}.u-note-list h2{font-size:23px;margin-bottom:10px}.u-note-list button{padding:10px 14px}}