:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#314a3d;background:#e5eadb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #b38b4a;outline-offset:5px}button{border:0}#world{position:fixed;inset:0}canvas{display:block;touch-action:none}header{position:fixed;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#304c3e;font-size:12px;letter-spacing:2px;font-weight:700;pointer-events:auto}.brand-mark{font-size:38px;font-weight:400}.brand small{display:block;font-size:11px;letter-spacing:.3px;font-weight:400;margin-top:7px}.tools{display:flex;gap:9px;pointer-events:auto}.tools button{border:1px solid #fff9;background:#ffffffe0;border-radius:50px;padding:12px 16px;font-size:12px}.tools button:last-child{width:41px;padding:0}.intro{position:fixed;top:145px;left:62px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.4px;font-weight:700;color:#79836b}h1{font-family:Georgia,"AppleMyungjo","Batang",serif;font-size:61px;font-weight:400;letter-spacing:-4px;margin:21px 0}h1 span{color:#b39162}.intro>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#64715d}.weather{font-size:10px;color:#7c836b;margin-top:27px;display:flex;align-items:center;gap:8px}.weather>span{width:6px;height:6px;background:#a4ad72;border-radius:50%}.places{position:fixed;right:35px;top:155px;width:190px;padding:18px;background:#faf9efb8;border:1px solid #fff9;border-radius:19px;backdrop-filter:blur(14px)}.nav-label{display:block;font-size:10px;letter-spacing:1px;margin:1px 0 13px;color:#879077}.places button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 0;background:transparent;border-bottom:1px solid #435a3610}.places button:last-child{border-bottom:0}.places i{font-size:25px;font-style:normal;font-weight:300;width:27px;text-align:center}.places button span{font-size:12px}.places small{display:block;font-size:9px;color:#8b917e;margin-top:5px}.places b{margin-left:auto;font-size:12px;font-weight:400;color:#a1a58e}.location{position:fixed;bottom:134px;left:50%;transform:translateX(-50%);font-size:11px;background:#ffffffe3;border:1px solid #fff;padding:10px 17px;border-radius:30px;white-space:nowrap;color:#77816b}footer{position:fixed;bottom:30px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hint{font-size:10px;color:#65775d;line-height:1.9}.hint span{display:block;opacity:.65;font-size:9px}.actions{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:8px;border-radius:23px;background:#fbfbf0e8;border:1px solid #fff;box-shadow:0 10px 40px #304b2b12;backdrop-filter:blur(10px)}.actions button{background:transparent;border-radius:16px;width:76px;padding:9px 4px 10px;font-size:10px;color:#7a826b;transition:.2s}.actions button span{display:block;font-size:25px;margin-bottom:5px;line-height:27px}.actions button.active{background:#e5ead9;color:#435a3f}.actions button:hover{background:#e9eddf}.note-shortcut{margin-left:auto;background:#fffef1e6;border:1px solid #fff;border-radius:30px;padding:14px 20px;font-size:15px}.note-shortcut span{font-size:11px;margin-left:7px}#interact{position:fixed;left:50%;transform:translateX(-50%);bottom:178px;border-radius:30px;background:#3f5945;color:white;padding:12px 22px;font-size:12px}#toast{position:fixed;left:50%;top:100px;transform:translateX(-50%);background:#3d5545ed;color:white;border-radius:30px;padding:13px 24px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .25s;max-width:85%;text-align:center}#toast.show{opacity:1}dialog{border:1px solid #fff;border-radius:25px;padding:36px;width:min(490px,calc(100% - 32px));max-height:85dvh;overflow:auto;background:#faf9f1;color:#415440;box-shadow:0 30px 90px #1f352533}dialog::backdrop{background:#253f3540;backdrop-filter:blur(6px)}dialog h2{font-family:Georgia,"AppleMyungjo",serif;font-weight:400;font-size:28px;letter-spacing:-1px;margin:20px 0 12px}.sub,dialog>p{font-size:12px;line-height:1.8;color:#819077}.close{position:absolute;right:17px;top:15px;background:transparent;font-size:26px;color:#859077}label{display:block;font-size:11px;margin:25px 0 9px}textarea{font:inherit;font-size:14px;line-height:1.7;resize:vertical;width:100%;border:1px solid #dce1d0;border-radius:13px;background:#fffdf6;padding:15px;color:#415440}.form-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px}.form-bottom small{font-size:9px;line-height:1.7;color:#8d927f}.primary{background:#455f48;color:white;border-radius:25px;padding:13px 19px;font-size:12px;white-space:nowrap}#note-list article{border-top:1px solid #e2e4d6;margin-top:23px;padding-top:15px}#note-list time{font-size:10px;color:#949b87}#note-list p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}#note-list button{float:right;background:transparent;font-size:10px;color:#939b86}.storage-note{font-size:9px!important}dt{font-size:12px;margin-top:21px}dd{margin:7px 0;color:#85907b;font-size:12px;line-height:1.8}#guide-done{margin-top:20px}#loading,.fallback{position:fixed;inset:0;background:#edf0e3;display:grid;place-content:center;color:#698060;font-size:14px;text-align:center;padding:30px}
@media(max-width:760px){header{top:19px;left:20px;right:20px}.brand{font-size:9px;letter-spacing:1px;gap:8px}.brand-mark{font-size:29px}.brand small{font-size:8px}.tools button{font-size:10px;padding:10px 12px}.tools button:last-child{width:33px}.intro{top:92px;left:24px}.eyebrow{font-size:7px;letter-spacing:1.6px}h1{font-size:43px;margin:14px 0;letter-spacing:-3px}.intro>p:not(.eyebrow){font-size:11px}.weather{font-size:8px;margin-top:14px}.places{top:auto;bottom:172px;right:13px;width:auto;padding:7px;border-radius:16px}.nav-label,.places small,.places b{display:none}.places button{gap:5px;padding:10px 5px}.places button span{font-size:9px}.places i{font-size:18px;width:20px}footer{bottom:24px;left:16px;right:16px;height:75px}.hint{display:none}.actions{gap:2px;padding:6px}.actions button{width:62px;font-size:9px}.note-shortcut{position:fixed;bottom:114px;left:18px;padding:11px 14px}.note-shortcut span{font-size:9px}.location{bottom:122px;font-size:9px;max-width:55%;overflow:hidden;text-overflow:ellipsis;padding:9px 13px}#interact{bottom:164px;font-size:10px}dialog{padding:29px 23px}.tools{gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none!important}}
.intro:before{content:"";position:absolute;inset:-45px -45px -35px -60px;background:radial-gradient(ellipse at 35% 45%,#f5f4e9b8,transparent 72%);z-index:-1}.intro{isolation:isolate}
/* Landscape and quiet mode */
.places{top:125px;max-height:calc(100dvh - 270px);overflow-y:auto}.places button{padding:11px 0}.intro{top:125px}.intro>p:not(.eyebrow){text-shadow:0 1px 12px #ffffffe0}.weather{color:#5f7766}.hint{padding:8px 11px;background:#f5f6e299;border-radius:12px}#quiet-enter{position:fixed;left:50%;transform:translateX(-50%);bottom:179px;padding:13px 22px;background:#476e6a;color:#fff;border-radius:30px;font-size:12px}#quiet-exit{position:fixed;top:26px;left:28px;padding:13px 20px;border-radius:30px;background:#f8fbf0b8;font-size:12px;backdrop-filter:blur(8px);z-index:3}#quiet-caption{position:fixed;bottom:60px;left:0;right:0;text-align:center;pointer-events:none;color:#f9fff3;text-shadow:0 2px 12px #264d4b;animation:quiet-fade 9s forwards}#quiet-caption span{font-family:Georgia,"AppleMyungjo",serif;letter-spacing:2px;font-size:19px}#quiet-caption small{display:block;font-size:10px;margin-top:17px;letter-spacing:1px}.quiet header,.quiet .intro,.quiet .places,.quiet footer,.quiet .location,.quiet #toast{opacity:0;pointer-events:none}.quiet header,.quiet footer{visibility:hidden}header,.intro,.places,footer,.location{transition:opacity 1.2s}body.quiet #quiet-exit{opacity:.65}body.quiet #quiet-exit:hover,body.quiet #quiet-exit:focus-visible{opacity:1}@keyframes quiet-fade{0%,50%{opacity:1}100%{opacity:0}}
@media(max-width:760px){.intro{top:88px}.intro h1{font-size:37px;margin:11px 0}.intro>p:not(.eyebrow){font-size:10px;line-height:1.8}.weather{margin-top:9px}.places{top:auto;bottom:178px;max-height:230px;width:130px;padding:6px 10px}.places button{padding:9px 0}.places button span{font-size:9px}#quiet-caption{bottom:80px}#quiet-caption span{font-size:15px}#quiet-exit{top:20px;left:20px}#quiet-enter{font-size:10px;bottom:154px}.hint{display:none}}
.quiet .places,.quiet .intro,.quiet .location{visibility:hidden}
@media(prefers-reduced-motion:reduce){#quiet-caption{animation:none}}