/* travel diary (/diary/): white page, grey and black text, the writer's own hand for what they wrote, Gowun Batang for dates */
.dy{--k:#1D1D1F;--g:#8A8A8F;--g2:#636366;--g3:#A1A1A6;--ln:#E5E5EA;--chip:#F2F2F4;max-width:560px;margin:0 auto;color:var(--k);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Apple SD Gothic Neo","Noto Sans KR","Hiragino Sans",sans-serif;letter-spacing:-.01em;padding-bottom:40px}
.dy [hidden]{display:none!important}
.dy-serif{font-family:'Gowun Batang',serif;font-weight:400}
.dy-head{padding:10px 22px 0;display:flex;flex-direction:column;gap:6px}
.dy-head h1,html[lang] main .dy-head h1{margin:0;font-family:'Gowun Batang',serif!important;font-size:32px;font-weight:400!important;letter-spacing:-1px;line-height:1.15;text-wrap:balance;word-break:keep-all}
.dy-sum{font-size:13px;color:var(--g)}
.dy-seg{margin:14px 22px 0;height:36px;border-radius:11px;background:#EEEEF0;padding:2px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.dy-seg button{border:0;border-radius:9px;background:transparent;font:500 13.5px/1 inherit;font-family:inherit;color:var(--k);cursor:pointer}
.dy-seg [aria-pressed="true"]{background:#fff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.dy-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;margin-top:12px;padding:10px 16px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);display:flex;align-items:center;gap:8px;border-bottom:.5px solid rgba(0,0,0,.08)}
.dy-days{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.dy-days::-webkit-scrollbar{display:none}
.dy-days button{flex:none;height:34px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:#3A3A3C;font:600 13px/1 inherit;font-family:inherit;cursor:pointer}
.dy-days button:last-child{background:var(--k);color:#fff}
.dy-aa,.dy-plus{flex:none;width:38px;height:38px;border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:auto}
.dy-aa{background:#fff;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12);font:400 20px/1 var(--hand);color:#2C2C2E}
.dy-plus{margin-left:0;background:var(--k);color:#fff}
.dy-plus svg{width:18px;height:18px}
.dy-pop{margin:10px 16px 0;padding:14px;border-radius:22px;background:#fff;box-shadow:0 12px 30px -16px rgba(0,0,0,.35),inset 0 0 0 .5px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:12px;animation:dy-sheet .3s ease both}
@keyframes dy-sheet{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.dy-pop>b{font-size:13px;font-weight:600;color:var(--g)}
.dy-fonts .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.dy-fonts button{height:62px;border:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#2C2C2E}
.dy-fonts button[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--k)}
.dy-fonts button small{font:500 11px/1 -apple-system,sans-serif;color:var(--g)}
.dy-addseg{height:34px;border-radius:10px;background:var(--chip);padding:2px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.dy-addseg button{border:0;border-radius:8px;background:transparent;font:500 13px/1 inherit;font-family:inherit;color:var(--k);cursor:pointer}
.dy-addseg [aria-pressed="true"]{background:#fff;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.dy-row{display:flex;gap:10px;align-items:stretch}
.dy-phslot{flex:none;position:relative;width:76px;height:76px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--ln);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;font-size:12px;color:var(--g)}
.dy-phslot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dy-phslot input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dy-txt{flex:1;min-width:0;height:76px;border:0;outline:0;resize:none;border-radius:14px;padding:8px 12px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln);color:#2C2C2E}
.dy-in{height:40px;border:0;outline:0;border-radius:12px;padding:0 12px;box-shadow:inset 0 0 0 1px var(--ln);font:400 15px/1 inherit;font-family:inherit;color:var(--k);background:#fff;min-width:0}
.dy-in.dy-serif{font-family:'Gowun Batang',serif;font-size:17px}
.dy-meta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.dy-tags{display:flex;gap:6px;flex-wrap:wrap}
.dy-tags button{height:30px;padding:0 12px;border:0;border-radius:999px;background:var(--chip);color:#3A3A3C;font:600 12.5px/1 inherit;font-family:inherit;cursor:pointer}
.dy-tags [aria-pressed="true"]{background:var(--k);color:#fff}
.dy-acts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
.dy-save,.dy-cancel{height:48px;border:0;border-radius:999px;font:600 14.5px/1 inherit;font-family:inherit;cursor:pointer}
.dy-save{background:var(--k);color:#fff}
.dy-save:disabled{opacity:.35;pointer-events:none}
.dy-cancel{padding:0 18px;background:var(--chip);color:var(--k)}
.dy-priv{margin:0;font-size:11.5px;line-height:1.5;color:var(--g)}
.dy-note{padding:6px 16px 0}
.dy-dh{padding:30px 6px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:.5px solid rgba(0,0,0,.14);scroll-margin-top:70px}
.dy-dh>span{display:flex;align-items:baseline;gap:10px}
.dy-dh b{font-size:30px;letter-spacing:-.8px}
.dy-dh small{font-size:13px;color:var(--g)}
.dy-dh>span small{font-size:14px}
.dy-m{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:18px 0 4px}
.dy-m time{padding-top:4px;font-size:11.5px;font-weight:500;color:var(--g3);text-align:right;font-variant-numeric:tabular-nums}
.dy-b{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.dy-pol{position:relative;margin:0;width:min(252px,100%);background:#fff;padding:10px 10px 0;box-sizing:border-box;box-shadow:0 0 0 .5px rgba(0,0,0,.05),0 14px 26px -16px rgba(0,0,0,.45)}
.dy-pol .ph{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:#EFEFF1}
.dy-pol img{width:100%;height:100%;object-fit:cover;display:block}
.dy-pol figcaption{min-height:44px;padding:8px 4px 10px;box-sizing:border-box;text-align:center;white-space:pre-line;color:#2C2C2E;word-break:keep-all}
.dy-ms{font-size:12px;font-weight:600;color:var(--g)}
.dy-memo{margin:0;padding:2px 4px;width:100%;white-space:pre-line;color:#2C2C2E;background:repeating-linear-gradient(transparent 0 29px,rgba(0,0,0,.1) 29px 30px);word-break:keep-all}
.dy-rev{width:100%;border-radius:18px;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.08);overflow:hidden}
.dy-rev img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.dy-rev>div{padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px}
.dy-rev .hd{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.dy-rev .hd b{font-size:20px;letter-spacing:-.4px}
.dy-rev .hd small{font-size:12px;color:var(--g)}
.dy-rev .tg{font-size:12.5px;font-weight:600;color:var(--g2)}
.dy-rev .tx{white-space:pre-line;color:#2C2C2E}
.dy-rev .pr{margin-top:4px;padding-top:8px;border-top:1px dashed var(--ln);font-size:11.5px;color:var(--g)}
.dy-del{border:0;background:transparent;padding:2px 0;font:500 11.5px/1 inherit;font-family:inherit;color:var(--g3);cursor:pointer}
.dy-ask .dy-del{color:#E5322D;font-weight:600}
.dy-new{animation:dy-rise .6s cubic-bezier(.2,.8,.25,1) both}
@keyframes dy-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dy-empty{margin:18px 0 0 62px;font-size:14px;color:var(--g3);line-height:1.6}
.dy-line{margin:18px 0 0 62px;display:flex;flex-direction:column;gap:4px}
.dy-line label{font-size:12px;font-weight:600;color:var(--g)}
.dy-line textarea{width:100%;height:34px;border:0;outline:0;resize:none;padding:0;background:repeating-linear-gradient(transparent 0 31px,rgba(0,0,0,.18) 31px 32px);color:#2C2C2E}
.dy-map{padding:16px 16px 0}
.dy-mapbox{position:relative;width:100%;max-width:420px;margin:0 auto;aspect-ratio:360/460}
.dy-mapbox svg{position:absolute;inset:0;width:100%;height:100%}
.dy-mapbox path{fill:#E9E9EC;stroke:#D1D1D6;stroke-width:.6;stroke-linejoin:round;transition:opacity .3s}
.dy-mapbox circle{fill:#D1D1D6}
.dy-mapbox text{font-size:8px;fill:var(--g)}
.dy-pin{position:absolute;transform:translate(-50%,-100%);border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;animation:dy-drop .45s cubic-bezier(.2,.9,.25,1.2) both}
@keyframes dy-drop{from{opacity:0;transform:translate(-50%,-130%)}to{opacity:1;transform:translate(-50%,-100%)}}
.dy-pin span{width:44px;height:44px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 2.5px #fff,0 6px 14px -4px rgba(0,0,0,.35)}
.dy-pin img{width:100%;height:100%;object-fit:cover}
.dy-pin em{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font:400 20px/1 'Gowun Batang',serif;font-style:normal;color:var(--g2);background:#F5F5F7}
.dy-pin i{position:absolute;top:-6px;right:-8px;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:var(--k);color:#fff;font:600 11px/20px -apple-system,sans-serif;font-style:normal}
.dy-pin b{font-size:11.5px;font-weight:600;color:var(--k);background:rgba(255,255,255,.85);border-radius:6px;padding:1px 5px;white-space:nowrap}
.dy-lab{position:absolute;transform:translate(-50%,-50%);font-size:11px;color:var(--g);white-space:nowrap;pointer-events:none}
.dy-zback{position:absolute;left:0;top:0;height:34px;padding:0 12px;border:0;border-radius:999px;background:var(--chip);font:600 13px/1 inherit;font-family:inherit;color:var(--k);cursor:pointer}
.dy-mapnote{margin:14px 6px 0;text-align:center}
.dy-note2{margin:16px 6px 0;font-size:11px;color:var(--g3);text-align:center}
.dy-stack,.dy-big{position:fixed;inset:0;z-index:120;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top,0px)) 20px max(20px,env(safe-area-inset-bottom,0px));animation:dy-sheet .3s ease both}
.dy-sh{position:absolute;top:max(16px,env(safe-area-inset-top,0px));left:20px;right:20px;display:flex;align-items:center;justify-content:space-between}
.dy-sh b{font-family:'Gowun Batang',serif;font-size:22px;font-weight:400}
.dy-x{width:40px;height:40px;border:0;border-radius:999px;background:var(--chip);font-size:16px;color:var(--k);cursor:pointer}
.dy-big .dy-x{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:20px}
.dy-pile{position:relative;width:240px;height:300px}
.dy-pile .dy-pol{position:absolute;left:0;top:0;width:240px;transition:transform .35s cubic-bezier(.2,.8,.25,1);cursor:pointer}
.dy-big figure{margin:0;max-width:min(520px,100%);display:flex;flex-direction:column;align-items:center;gap:10px}
.dy-big img{max-width:100%;max-height:68vh;border-radius:6px;box-shadow:0 20px 40px -20px rgba(0,0,0,.4)}
.dy-big figcaption{color:#2C2C2E;text-align:center}
.dy-big small{font-size:12px;color:var(--g)}
.dy-pv,.dy-nx{position:absolute;top:50%;width:44px;height:44px;border:0;border-radius:999px;background:var(--chip);font-size:22px;color:var(--k);cursor:pointer;transform:translateY(-50%)}
.dy-pv{left:12px}.dy-nx{right:12px}
.dy-nodb{margin:16px 22px 0;padding:12px 14px;border-radius:14px;background:var(--chip);font-size:13px;color:var(--g2)}
@media (prefers-reduced-motion:reduce){.dy-pop,.dy-new,.dy-pin,.dy-stack,.dy-big{animation:none}.dy-pile .dy-pol{transition:none}}