:root{color:#1d2529;background:#f6f8f8;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f6f8f8;min-width:320px;margin:0}button,input,textarea{font:inherit}.app{width:min(920px,100% - 32px);margin:auto;padding:16px 0 64px}.tool-nav{background:#fff;border:1px solid #dce4e6;border-radius:8px;gap:4px;width:max-content;max-width:100%;margin-bottom:34px;padding:4px;display:flex;overflow:auto}.tool-nav a{color:#68777c;text-align:center;white-space:nowrap;border-radius:6px;min-width:58px;padding:8px 13px;font-size:.9rem;font-weight:750;text-decoration:none}.tool-nav .active{color:#fff;background:#347287}h1,h2,p{letter-spacing:0;margin:0}h1{margin:7px 0 10px;font-size:clamp(2.4rem,7vw,4.4rem);line-height:1}h2{font-size:1.13rem}.hero{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.hero p{color:#347287;font-weight:800}.hero>div>span{color:#68777c}.baby-mark{color:#347287;background:#fff;border:1px solid #d7e3e6;border-radius:8px;flex:none;place-items:center;width:66px;height:66px;display:grid}.date-bar{background:#fff;border:1px solid #dae3e5;border-radius:8px;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:12px;display:grid}.date-bar button{color:#52666d;cursor:pointer;background:0 0;border:0;place-items:center;height:44px;display:grid}.date-bar button:disabled{opacity:.3}.date-bar label{cursor:pointer;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:800;display:flex;position:relative}.date-bar label b{color:#347287;background:#e6f2f5;border-radius:5px;margin-left:5px;padding:3px 6px;font-size:.72rem}.date-bar input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.summary-card,.log-panel,.counter,.memo-card,.history-card{background:#fff;border:1px solid #dce5e7;border-radius:8px;box-shadow:0 10px 30px #274c570f}.summary-card{gap:10px;padding:24px;display:grid}.summary-card>span{color:#66777d;font-size:.9rem;font-weight:800}.summary-card strong{font-size:clamp(1.75rem,5vw,2.8rem)}.summary-card strong small{color:#6f7d81;margin-left:3px;font-size:.85rem}.summary-card p{color:#586a70;line-height:1.65}.ad-unit{background:#fafcfc;border:1px dashed #d4dfe1;border-radius:8px;min-height:96px;margin:18px 0;overflow:hidden}.ad-unit ins{width:100%}.log-panel,.memo-card,.history-card{padding:24px}.section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.section-title p{color:#75848a;margin-top:5px;font-size:.84rem}.section-title>svg{color:#347287}.save-button{color:#fff;cursor:pointer;background:#347287;border:0;border-radius:8px;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-weight:800;display:flex}.counter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.counter{padding:17px}.counter-label{color:#52666d;align-items:center;gap:7px;font-size:.9rem;font-weight:800;display:flex}.counter-label svg{color:#347287}.counter-control{grid-template-columns:38px 1fr 38px;align-items:center;margin-top:15px;display:grid}.counter-control button{color:#347287;cursor:pointer;background:#f7fafb;border:1px solid #d7e2e4;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.counter-control strong{text-align:center;font-size:1.75rem}.counter-control small{color:#718086;margin-left:3px;font-size:.78rem}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.details-grid label{color:#53666d;gap:7px;font-size:.9rem;font-weight:750;display:grid}.details-grid label small{font-weight:500}.details-grid input{color:#1d2529;background:#fff;border:1px solid #d8e2e4;border-radius:8px;width:100%;height:50px;padding:0 13px}.details-grid input:focus,.memo-card textarea:focus{border-color:#347287;outline:3px solid #3472871c}.suffix-input{border:1px solid #d8e2e4;border-radius:8px;align-items:center;display:flex;overflow:hidden}.suffix-input input{border:0}.suffix-input span{color:#718086;padding-right:13px;font-size:.86rem}.memo-card{margin-top:14px}.mood-control{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.mood-control button{color:#5d6d72;cursor:pointer;background:#f9fbfb;border:1px solid #d9e3e5;border-radius:8px;min-height:40px;font-weight:750}.mood-control button.active{color:#fff;background:#347287;border-color:#347287}.memo-card textarea{resize:vertical;border:1px solid #d8e2e4;border-radius:8px;width:100%;min-height:120px;margin-top:12px;padding:14px;line-height:1.65}.notice{color:#6d7c81;margin-top:9px;font-size:.82rem;line-height:1.6}.history-card{margin-top:14px}.averages{background:#e0e7e8;border:1px solid #e0e7e8;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:12px;display:grid;overflow:hidden}.averages span{color:#65757b;background:#f8fafb;padding:12px;font-size:.82rem}.averages b{color:#263237;margin-top:4px;font-size:.95rem;display:block}.history-list{display:grid}.history-list button{color:#263237;text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #e7edef;grid-template-columns:64px 1fr auto;align-items:center;min-height:50px;padding:0;display:grid}.history-list span{color:#75848a;font-size:.87rem}.history-list strong{font-size:.9rem}.history-list svg{color:#8a979b}.empty{color:#748389}@media (width<=700px){.app{width:min(100% - 22px,600px);padding-top:10px}.tool-nav{margin-bottom:24px}.log-panel,.memo-card,.history-card,.summary-card{padding:19px}.counter-grid{grid-template-columns:1fr}.counter{grid-template-columns:1fr 150px;align-items:center;display:grid}.counter-control{margin-top:0}.details-grid{grid-template-columns:1fr}.mood-control{grid-template-columns:1fr 1fr}.averages{grid-template-columns:1fr 1fr 1fr}.averages span{padding:9px}.section-title{flex-wrap:wrap}}@media (width<=410px){.tool-nav{width:100%}.tool-nav a{flex:1;min-width:52px;padding-inline:8px}.baby-mark{display:none}.counter{grid-template-columns:1fr 140px}.history-list button{grid-template-columns:52px 1fr auto}.averages b{font-size:.86rem}}.page-nav{z-index:5;background:#fff;border:1px solid #dce4e6;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px;padding:5px;display:grid;position:sticky;top:8px;box-shadow:0 8px 24px #274c5714}.page-nav a{color:#68777c;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:.9rem;font-weight:800;text-decoration:none;display:flex}.page-nav a.active{color:#fff;background:#347287}.summary-share{color:#347287;cursor:pointer;background:#f5fafb;border:1px solid #cfe0e4;border-radius:8px;align-items:center;gap:7px;width:max-content;min-height:40px;padding:0 12px;font-weight:800;display:flex}.outing-head,.checklist,.outing-actions,.timer-card,.night-guide,.related{background:#fff;border:1px solid #dce5e7;border-radius:8px;box-shadow:0 10px 30px #274c570f}.outing-head{color:#fff;background:#315464;padding:28px}.outing-head>span,.related>span{color:#bfe5ec;font-size:.85rem;font-weight:900}.outing-head h2{margin:8px 0;font-size:clamp(1.8rem,6vw,3rem);line-height:1.3}.outing-head p{color:#d3e7eb;margin-bottom:12px}.outing-head progress{border:0;width:100%;height:9px}.checklist{background:#e5ecee;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;padding:10px;display:grid}.checklist button{color:#4e6168;text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:9px;min-height:52px;padding:0 12px;font-weight:750;display:flex}.checklist button>span{border:1px solid #cddbdd;border-radius:6px;flex:none;place-items:center;width:23px;height:23px;display:grid}.checklist button.checked{color:#24596b;background:#f0f8fa}.checklist button.checked>span{color:#fff;background:#347287;border-color:#347287}.outing-actions{gap:8px;margin-top:12px;padding:16px;display:flex}.outing-actions button,.timer-card button{cursor:pointer;background:#fff;border:1px solid #d7e3e6;border-radius:8px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-weight:800;display:flex}.outing-actions .primary,.timer-card .primary{color:#fff;background:#347287;border-color:#347287}.timer-card{text-align:center;justify-items:center;padding:34px;display:grid}.timer-card>span{color:#347287;align-items:center;gap:7px;font-weight:850;display:flex}.timer-card h2{font-variant-numeric:tabular-nums;margin:18px 0 8px;font-size:clamp(3.5rem,12vw,7rem);line-height:1}.timer-card p{color:#697a80}.timer-card>div{gap:8px;margin-top:20px;display:flex}.night-guide{gap:8px;margin-top:12px;padding:22px;display:grid}.night-guide p{color:#68787e;line-height:1.65}.related{margin-top:24px;padding:24px}.related>span{color:#347287}.related h2{margin:6px 0 16px}.related>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.related a{color:#26353a;background:#f9fbfc;border:1px solid #e0e8ea;border-radius:8px;grid-template-columns:1fr auto;gap:4px;padding:15px;text-decoration:none;display:grid}.related a small{color:#74848a}.related a svg{grid-area:1/2/3;align-self:center;width:18px}@media (width<=700px){.checklist{grid-template-columns:1fr 1fr}.outing-head,.timer-card,.related{padding:19px}.related>div{grid-template-columns:1fr}.page-nav a{font-size:.82rem}.outing-actions{flex-wrap:wrap}}@media (width<=420px){.checklist{grid-template-columns:1fr}.page-nav a{flex-direction:column;gap:2px;font-size:.74rem}.timer-card h2{font-size:3.2rem}}.feed-history{border-top:1px solid #e3eaec;gap:0;display:grid}.feed-history div{border-bottom:1px solid #e3eaec;justify-content:space-between;gap:16px;padding:11px 0;display:flex}.feed-history span{color:#68787e}.feed-history strong{color:#24596b}@media (width<=420px){.timer-card>div{flex-direction:column;width:100%}.timer-card>div button{justify-content:center;width:100%}}.sync-bar{background:#fff;border:1px solid #dce4df;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin:-20px 0 20px;padding:8px 10px 8px 14px;display:flex;box-shadow:0 7px 22px #22392c0d}.sync-bar>div,.sync-actions{align-items:center;gap:8px;display:flex}.sync-bar svg{color:var(--sync-accent,#34705a);flex:none}.sync-bar span{color:#68756d;font-size:.84rem}.sync-bar b{color:#2b3831}.sync-connect{color:#fff;background:var(--sync-accent,#34705a);cursor:pointer;border:0;border-radius:7px;min-height:34px;padding:0 12px;font-size:.84rem;font-weight:850}.sync-actions{gap:4px}.sync-actions button{cursor:pointer;background:#f1f5f2;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.sync-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f18138c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.sync-modal{background:#fff;border-radius:8px;width:min(440px,100%);padding:26px;position:relative;box-shadow:0 24px 80px #00000038}.sync-modal>svg{color:var(--sync-accent,#34705a)}.sync-modal h2{margin:11px 0 7px;font-size:1.45rem}.sync-modal>p{color:#68756d;font-size:.9rem;line-height:1.6}.sync-close{cursor:pointer;background:#f2f4f2;border:0;border-radius:7px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.sync-tabs{background:#eef2ef;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin:18px 0 14px;padding:4px;display:grid}.sync-tabs button{color:#657168;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:38px;font-weight:800}.sync-tabs button.active{color:#fff;background:var(--sync-accent,#34705a)}.sync-modal form{gap:12px;display:grid}.sync-modal label{color:#47534c;gap:6px;font-size:.87rem;font-weight:800;display:grid}.sync-modal input{width:100%;height:48px;font:inherit;border:1px solid #d6ded8;border-radius:8px;padding:0 12px}.sync-modal input:focus{border-color:var(--sync-accent,#34705a);outline:3px solid color-mix(in srgb,var(--sync-accent,#34705a) 14%,transparent)}.sync-submit{color:#fff;background:var(--sync-accent,#34705a);cursor:pointer;border:0;border-radius:8px;min-height:46px;font-weight:900}.sync-submit:disabled{opacity:.6}.sync-error{color:#a23b32;background:#fff1ef;border-radius:7px;padding:9px 11px;font-size:.84rem}.sync-modal>small{color:#849087;margin-top:13px;font-size:.76rem;line-height:1.55;display:block}.sync-toast{z-index:120;color:#fff;background:#25352c;border-radius:8px;padding:11px 15px;font-size:.88rem;font-weight:800;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 30px #0003}@media (width<=600px){.sync-bar{margin-top:-12px}.sync-bar span{font-size:.78rem}.sync-modal{padding:22px}.sync-toast{text-align:center;bottom:11px;left:11px;right:11px}}