@font-face{font-family:Square;src:url('/NanumSquareR.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{font:16px Square,'Apple SD Gothic Neo',sans-serif;color:#193e49;background:#eaf0ee}body{margin:0}button,input,textarea{font:inherit;color:inherit}button{min-height:48px;border:0;background:transparent;border-radius:10px;padding:12px 18px;cursor:pointer;font-weight:700}button:hover{background:#e4efea}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #248579;outline-offset:4px}a{color:inherit;text-decoration:none}p{line-height:1.8}h1,h2,p{margin-top:0}h1{font-size:clamp(27px,4vw,36px);line-height:1.6;font-weight:700;letter-spacing:-.04em;word-break:keep-all;overflow-wrap:anywhere}h2{font-size:20px;line-height:1.5}.diary{max-width:620px;margin:32px auto;background:#fffdf8;min-height:calc(100svh - 64px);border:1px solid #d7dfd9;box-shadow:0 20px 70px #173d4710;padding:0 32px;border-radius:20px}.diary[hidden]{display:none}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 0 20px;border-bottom:1px solid #dbe4de}.brand{font-size:14px;font-weight:800;letter-spacing:.08em}.brand span{display:block;font-size:12px;color:#4d7c75;margin-top:5px}.edition{font-size:12px;color:#768880}#greeting{font-size:14px;margin:20px 0 0;color:#52726b;overflow-wrap:anywhere}main{padding:24px 0 40px;min-height:65svh}.date-line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:#627973;margin-bottom:28px;flex-wrap:wrap}.category{padding:6px 12px;border-radius:30px;background:#e5eeE7;color:#35685e}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:#478378}.question{padding:0 0 14px}.question h1{margin:16px 0 10px}textarea{width:100%;min-height:280px;resize:vertical;border:1px solid #d9e1d6;border-radius:13px;padding:20px;line-height:1.9;background:#fffefb;font-size:17px}textarea::placeholder{color:#8c9890}input{width:100%;min-height:50px;border:1px solid #d5dfd7;border-radius:10px;padding:13px;background:#fffefb}.writing-status{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#6f8579;margin:12px 0 24px}.primary{background:#193e49;color:#fff}.primary:hover{background:#285763}.wide{width:100%}.privacy{font-size:12px;line-height:1.7;color:#79867d;text-align:center;margin:18px 0 0}nav{position:sticky;bottom:0;display:flex;justify-content:space-between;padding:10px 0 max(10px,env(safe-area-inset-bottom));background:#fffdf8f5;border-top:1px solid #dbe4de;backdrop-filter:blur(10px)}nav button{flex:1;font-size:14px;color:#6c8078}nav [aria-current=page]{background:#e5eee6;color:#1c675d}footer{text-align:center;font-size:10px;color:#87958c;letter-spacing:.16em;padding:16px}.calendar-card{margin:24px 0;border:1px solid #dce3d8;border-radius:16px;padding:16px}.month-head{display:flex;align-items:center;justify-content:space-between}.month-head h2{font-size:18px;margin:0}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.calendar>span{font-size:12px;text-align:center;padding:12px 0;color:#7a8b81}.calendar button{padding:5px;position:relative;border-radius:50%;font-size:14px;min-width:0;min-height:44px}.calendar .recorded{background:#e4eee3}.calendar .recorded i{position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#307d6b}.calendar .is-today{box-shadow:inset 0 0 0 1px #418476}.calendar-key{font-size:12px;color:#638775;margin:14px 0 0}.list-count{font-size:14px;color:#688173}.entry{display:block;text-align:left;width:100%;padding:22px 0;border-bottom:1px solid #e0e6db;border-radius:0}.entry time,.entry strong,.entry span{display:block}.entry time{font-size:12px;color:#688173}.entry strong{font-size:17px;line-height:1.6;margin:7px 0;word-break:keep-all;overflow-wrap:anywhere}.entry span{font-size:14px;color:#7d8980;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.empty{padding:30px 8px;color:#7b887f;text-align:center}.page-title{margin:10px 0 20px}.answer-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;padding:25px 0 35px;font-size:17px;border-top:1px solid #dce4d9}.setting{display:block;text-align:left;width:100%;border-bottom:1px solid #dce4d9;padding:24px 4px;border-radius:0}.setting strong{display:block;font-size:17px}.setting span{display:block;font-size:14px;font-weight:400;color:#7a887f;margin-top:9px;line-height:1.6}.danger{color:#975845}.local-info{padding:22px;background:#edf1e9;border-radius:16px;margin:30px 0}.local-info h2{font-size:17px}.local-info p,.install p{font-size:14px;color:#60766b}.install summary{font-size:14px;cursor:pointer;padding:12px 0}.settings-lead{color:#71857a}.error{padding:16px;border:1px solid #dab8a6;background:#fff2e8;line-height:1.6;font-size:14px}dialog{width:calc(100% - 40px);max-width:420px;background:#fffdf8;border:1px solid #dce4d9;border-radius:22px;padding:28px;color:#193e49;max-height:85svh;overflow:auto}dialog::backdrop{background:#193e4966;backdrop-filter:blur(5px)}.actions{display:flex;gap:10px;margin-top:25px}.actions button{flex:1}.complete{text-align:center}.complete-mark{font-size:40px;color:#418476;display:block;margin-bottom:24px}.complete p{color:#60766b}#notice{position:fixed;left:50%;transform:translateX(-50%);bottom:90px;margin:0;padding:14px 20px;max-width:90vw;width:max-content;background:#193e49;color:white;border-radius:12px;font-size:14px;z-index:100;display:none}#notice.visible{display:block}.onboarding{position:fixed;inset:0;overflow:auto;background:radial-gradient(ellipse at top,#dcece5,transparent 65%),#fffdf8;z-index:40;padding:30px 24px}.intro-panel{max-width:480px;min-height:calc(100svh - 60px);margin:auto;display:flex;flex-direction:column;text-align:center}.intro-copy{margin:auto 0;padding:38px 0;animation:arrive .8s ease}.intro-copy>p{color:#6f8378}.intro-copy button{margin-top:26px;min-height:52px}.intro-copy label{display:block;text-align:left;font-size:14px;margin:25px 0 8px}.hello{font-size:clamp(50px,11vw,74px);font-weight:400;animation:hello 2.6s ease both}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes hello{0%,100%{opacity:0}30%,75%{opacity:1}}@media(max-width:640px){html{background:#fffdf8}.diary{margin:0;border:0;border-radius:0;min-height:100svh;padding:0 24px;box-shadow:none}.edition{display:none}header{padding-top:max(22px,env(safe-area-inset-top))}main{padding-top:20px}h1{font-size:28px}textarea{min-height:260px}footer{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}