:root{--bg:#fff;--bg-soft:#f7f5f0;--beige:#e8d9ca;--beige-soft:#f3ebe2;--sage:#a7bdb1;--sage-dark:#7f9a8d;--sage-soft:#e3ebe6;--text:#30363a;--text-muted:#6b7378;--text-faint:#9aa3a8;--line:#e4e1db;--line-strong:#cfcac2;--danger:#c0564f;--danger-soft:#f8e5e3;--warn:#b98a2b;--warn-soft:#f9f0d9;--ok:#4f8a6a;--ok-soft:#e1f0e7;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow:0 1px 2px #30363a0f, 0 4px 14px #30363a0f;--shadow-lg:0 8px 30px #30363a29;--font:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;--sidebar-w:220px;--topbar-h:52px;--bottomnav-h:60px;--touch:44px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg-soft);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:15px;line-height:1.55}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.3}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.55}img,video,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--sage-dark);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius)}.btn{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--bg);min-height:40px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-soft)}.btn.primary{background:var(--sage);border-color:var(--sage);color:#fff}.btn.primary:hover:not(:disabled){background:var(--sage-dark);border-color:var(--sage-dark)}.btn.beige{background:var(--beige);border-color:var(--beige)}.btn.beige:hover:not(:disabled){background:#ddc9b6}.btn.danger{color:var(--danger);border-color:#e6c3c0}.btn.danger:hover:not(:disabled){background:var(--danger-soft)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--bg-soft)}.btn.sm{min-height:32px;padding:0 10px;font-size:13px}.btn.lg{min-height:48px;padding:0 20px;font-size:15px}.btn.block{width:100%}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);border:1px solid #0000;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--bg-soft);color:var(--text)}.icon-btn.touch{width:var(--touch);height:var(--touch)}.input,.select,.textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--bg);outline:none;width:100%;min-height:40px;padding:8px 10px}.input:focus,.select:focus,.textarea:focus{border-color:var(--sage-dark);box-shadow:0 0 0 3px var(--sage-soft)}.textarea{resize:vertical;line-height:1.6}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{color:var(--text-muted);font-size:13px;font-weight:600}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:12px;display:flex}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:13px}.tiny{font-size:12px}.badge{white-space:nowrap;background:var(--bg-soft);color:var(--text-muted);border:1px solid var(--line);border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge.sage{background:var(--sage-soft);color:var(--sage-dark);border-color:#0000}.badge.beige{background:var(--beige-soft);color:#8a6f55;border-color:#0000}.badge.ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.notice{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-soft);padding:10px 12px;font-size:13px;line-height:1.5}.notice.warn{background:var(--warn-soft);color:#6e5213;border-color:#ecd9a4}.notice.danger{background:var(--danger-soft);color:#7a2f2a;border-color:#efc5c1}.notice.ok{background:var(--ok-soft);color:#2c5a41;border-color:#bfdcc9}.segmented{border-radius:var(--radius);background:var(--bg-soft);border:1px solid var(--line);gap:2px;padding:3px;display:inline-flex}.segmented>button{min-height:32px;color:var(--text-muted);border-radius:7px;padding:0 12px;font-size:13px;font-weight:600}.segmented>button.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow)}.progress{background:var(--line);border-radius:999px;width:100%;height:8px;overflow:hidden}.progress>div{background:var(--sage);height:100%;transition:width .2s}.divider{background:var(--line);height:1px;margin:4px 0}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.page{max-width:1100px;margin:0 auto;padding:24px 20px 40px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-header h1{font-size:22px}.page-header p{color:var(--text-muted);font-size:14px}@media (max-width:1023px){.page{padding:16px 16px 32px}.page-header h1{font-size:20px}.btn{min-height:var(--touch)}}.modal-backdrop{z-index:1000;background:#30363a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);padding:20px;overflow:auto}.modal.wide{max-width:720px}.modal h2{margin-bottom:8px;font-size:18px}.modal .modal-body{color:var(--text-muted);white-space:pre-line;font-size:14px}.modal .modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.toaster{left:50%;bottom:calc(var(--bottomnav-h) + var(--safe-bottom) + 12px);z-index:1100;pointer-events:none;flex-direction:column;gap:8px;width:min(92vw,420px);display:flex;position:fixed;transform:translate(-50%)}@media (min-width:1024px){.toaster{bottom:24px}}.toast{pointer-events:auto;border-radius:var(--radius);background:var(--text);color:#fff;box-shadow:var(--shadow-lg);padding:10px 14px;font-size:14px}.toast.error{background:var(--danger)}.toast.success{background:var(--ok)}.empty{text-align:center;color:var(--text-muted);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--bg);padding:36px 16px}.empty strong{color:var(--text);margin-bottom:4px;display:block}.pwa-banner{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:1200;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.editor-topbar{background:var(--bg);border-bottom:1px solid var(--line);min-height:var(--topbar-h);z-index:20;flex:none;align-items:center;gap:10px;padding:8px 14px;display:flex;position:sticky;top:0}.editor-topbar .spacer{flex:auto}.topbar-title{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.topbar-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.section-title{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:700}.panel.section{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-big{min-height:46px;font-size:18px;font-weight:700}.style-btn{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);min-width:32px;height:32px;color:var(--text-muted);font-size:14px}.style-btn.active{background:var(--sage-soft);color:var(--sage-dark);border-color:var(--sage)}.style-group{align-items:center;gap:4px;display:inline-flex}.style-select{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);height:32px;padding:0 6px;font-size:13px}.color-dot{width:22px;height:22px;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;border:2px solid #fff;border-radius:50%;position:relative}.color-dot.active{box-shadow:0 0 0 2px var(--sage-dark)}.color-dot.custom{background:conic-gradient(#f66,#fc6,#6c6,#6cf,#c6f,#f66);overflow:hidden}.color-dot.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.focus-sliders{grid-template-columns:1fr 1fr;gap:8px;display:grid}.focus-sliders label{flex-direction:column;gap:2px;display:flex}.focus-sliders input[type=range]{width:100%}.block-btn{cursor:pointer;width:100%}.icon-btn.danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.export-section{border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:12px;display:flex}.export-section:last-of-type{border-bottom:0}.export-section h3{font-size:14px}.save-status-row{white-space:nowrap;flex-wrap:nowrap}@media (max-width:1279px){.editor-topbar .save-ts{display:none}}@media print{@page{size:A4;margin:14mm 14mm 16mm}html,body,#root{background:#fff!important;height:auto!important;overflow:visible!important}body{font-size:11.5pt}.no-print,.app-sidebar,.app-bottomnav,.app-topbar,.toaster,.modal-backdrop,nav,button{display:none!important}.app-shell,.app-main,.app-content{width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.print-root{width:auto!important;max-width:none!important;box-shadow:none!important;border:0!important;display:block!important;position:static!important;overflow:visible!important}.diary-doc{box-shadow:none!important;border:0!important;max-width:none!important;margin:0!important}.diary-block,.diary-figure,.diary-group{break-inside:avoid;page-break-inside:avoid}.diary-block.heading,.diary-block.subtitle{break-after:avoid;page-break-after:avoid}.diary-figure img,.diary-group img{max-height:170mm}.diary-block.divider{border-color:#999!important}a[href]:after{content:""}}.app-shell{min-height:100%;display:flex}.app-shell.desktop{height:100%}.app-sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--bg);border-right:1px solid var(--line);flex-direction:column;gap:18px;height:100vh;padding:18px 12px;display:flex;position:sticky;top:0}.app-sidebar .brand{align-items:center;gap:10px;padding:0 6px;display:flex}.app-sidebar .brand strong{font-size:14px;line-height:1.2;display:block}.app-sidebar nav{flex-direction:column;gap:2px;display:flex}.app-sidebar nav a{border-radius:var(--radius);color:var(--text-muted);align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.app-sidebar nav a:hover{background:var(--bg-soft);color:var(--text)}.app-sidebar nav a.active{background:var(--sage-soft);color:var(--sage-dark)}.nav-icon{text-align:center;width:22px;font-size:18px}.sidebar-foot{margin-top:auto;padding:0 6px;line-height:1.5}.app-main{flex-direction:column;flex:auto;min-width:0;display:flex}.app-shell.desktop .app-main{height:100vh;overflow:auto}.app-content{flex-direction:column;flex:auto;min-height:0;display:flex}.app-shell.mobile .app-main{padding-bottom:calc(var(--bottomnav-h) + var(--safe-bottom));min-height:100vh}.app-shell.mobile.in-editor .app-main{padding-bottom:0}.app-bottomnav{height:calc(var(--bottomnav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg);border-top:1px solid var(--line);z-index:50;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.app-bottomnav a{color:var(--text-muted);min-height:var(--touch);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.app-bottomnav a .nav-icon{font-size:20px}.app-bottomnav a.active{color:var(--sage-dark)}@media (max-width:1023px){.topbar-title .tiny{display:none}}.project-card{flex-direction:column;display:flex;overflow:hidden}.project-card-thumb{aspect-ratio:4/3;background:var(--bg-soft);display:block;position:relative;overflow:hidden}.project-card-thumb img{object-fit:cover;width:100%;height:100%}.project-card-thumb .media-loading,.project-card-thumb .media-missing{width:100%;height:100%;color:var(--text-faint);justify-content:center;align-items:center;font-size:12px;display:flex}.project-card-placeholder{opacity:.6;justify-content:center;align-items:center;width:100%;height:100%;font-size:34px;display:flex}.project-card-thumb .badge.kind{position:absolute;top:8px;left:8px}.project-card-body{flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.project-card-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.media-loading{background:var(--bg-soft)}.media-missing{background:var(--bg-soft);color:var(--text-faint);justify-content:center;align-items:center;min-height:60px;font-size:12px;display:flex}.dash-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.dash-action{border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:22px 20px;transition:transform .12s,box-shadow .12s;display:flex}.dash-action:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.dash-action.diary{background:linear-gradient(135deg, #fff 40%, var(--beige-soft))}.dash-action.video{background:linear-gradient(135deg, #fff 40%, var(--sage-soft))}.dash-action-icon{margin-bottom:6px;font-size:28px}.dash-action strong{font-size:17px}.dash-section{margin-bottom:28px}.dash-section h2{margin-bottom:12px;font-size:16px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}@media (max-width:640px){.dash-actions{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}