:root{color-scheme:light;--bg:#f5efe5;--bg-deep:#e8ddcc;--surface:#fffdf8;--surface-rgb:255,253,248;--text:#1f2933;--muted:#596979;--border:#d4c8b8;--border-strong:#bba88f;--accent:#0f766e;--accent-strong:#115e59;--accent-soft:#d5eeeb;--danger:#b4232f;--success:#166534;--shadow:0 14px 40px rgba(50,41,24,0.14);--radius:18px;--font-size-base:16px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;color:var(--text);font-size:var(--font-size-base);font-family:IBM Plex Sans,Pretendard,Noto Sans KR,sans-serif}body{position:relative;overflow-x:hidden;background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.8) 0,transparent 45%),linear-gradient(150deg,var(--bg) 0,var(--bg-deep) 100%)}body:after,body:before{content:"";position:fixed;z-index:-1;pointer-events:none;opacity:.5}body:before{width:360px;height:360px;top:-120px;right:-80px;border-radius:999px;background:radial-gradient(circle,rgba(15,118,110,.22) 0,rgba(15,118,110,0) 70%)}body:after{width:300px;height:300px;bottom:-120px;left:-90px;border-radius:999px;background:radial-gradient(circle,rgba(180,83,9,.2) 0,rgba(180,83,9,0) 72%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{max-width:1120px;margin:0 auto;padding:20px 16px 34px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;padding:14px 16px}.brand{display:flex;flex-direction:column;gap:2px}.brand-kicker{margin:0;font-size:.78rem;color:var(--muted);letter-spacing:.05em;text-transform:uppercase}.header h1{margin:0;letter-spacing:-.03em;font-size:1.55rem;line-height:1.1;font-family:Avenir Next,IBM Plex Sans,sans-serif}.header h1 a{color:#112437}.header-actions{display:flex;align-items:center;gap:8px}.app-nav{display:flex;gap:8px;margin-bottom:18px;padding:8px}.app-nav-link{position:relative;padding:9px 14px;border-radius:999px;color:var(--muted);border:1px solid transparent;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.app-nav-link:hover{color:var(--text);background:rgba(255,255,255,.78);border-color:rgba(0,0,0,.08)}.app-nav-link.active{color:#08322f;background:var(--accent-soft);border-color:rgba(15,118,110,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.content{display:flex;flex-direction:column;gap:16px}.content>*{animation:rise-in .45s ease both}.content>:nth-child(2){animation-delay:.04s}.content>:nth-child(3){animation-delay:.08s}.card{background:rgba(var(--surface-rgb),.84);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.section{padding:18px}.stack{display:flex;flex-direction:column;gap:13px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:rgba(255,255,255,.86);color:var(--text);border-radius:11px;padding:9px 13px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.btn:hover{border-color:#9f8b71;box-shadow:0 7px 16px rgba(31,41,51,.12);transform:translateY(-1px)}.btn:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid rgba(15,118,110,.35);outline-offset:2px}.btn-content{display:inline-flex;align-items:center;gap:6px}.icon{width:16px;height:16px;flex:0 0 16px}.btn.primary{border-color:var(--accent-strong);background:linear-gradient(180deg,#169a90 0,var(--accent) 100%);color:#f8fffe}.btn.primary:hover{box-shadow:0 9px 18px rgba(15,118,110,.3)}.btn.ghost{background:transparent}.btn.danger{border-color:#9a2230;color:#8d1c2a}.input,.select,.textarea{width:100%;border:1px solid var(--border-strong);background:rgba(255,255,255,.9);color:var(--text);border-radius:10px;padding:10px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.textarea{min-height:92px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.form-grid>.full{grid-column:1/-1}.error{color:var(--danger);margin:0}.success{color:var(--success);margin:0}.helper{font-size:.9rem}.empty,.helper{margin:0;color:var(--muted)}.book-cover{flex:0 0 52px;width:52px;height:78px;border:1px solid var(--border-strong);border-radius:8px;object-fit:cover;background:#fff;box-shadow:0 4px 10px rgba(44,30,12,.12)}.book-cover.large{flex-basis:76px;width:76px;height:114px}.search-page{height:calc(100dvh - 196px);min-height:420px;max-height:calc(100dvh - 196px)}.search-results{flex:1 1 auto;min-height:0;overflow:auto;border:1px solid var(--border-strong);border-radius:12px;background:rgba(255,255,255,.75)}.search-results-empty{padding:14px;min-height:100%;display:flex;align-items:center;justify-content:center;text-align:center}.search-result{width:100%;border:0;border-bottom:1px solid rgba(187,168,143,.5);background:transparent;text-align:left;padding:12px;cursor:pointer;transition:background-color .2s ease}.search-result:last-child{border-bottom:0}.search-result:hover{background:rgba(15,118,110,.08)}.search-result-content{display:flex;gap:10px;align-items:flex-start}.search-result-meta{min-width:0}.log-item,.selected-book-preview{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border-strong);border-radius:12px;padding:11px;background:rgba(255,255,255,.78)}.log-item{justify-content:space-between;min-width:0}.log-main{display:flex;gap:10px;align-items:flex-start}.log-body,.log-main{flex:1 1 auto;min-width:0}.log-actions{display:flex;gap:6px;flex:0 0 auto}.log-title{margin:0;font-weight:650}.log-meta{margin:6px 0 0;color:var(--muted);font-size:.92rem}.log-review{margin:8px 0 0;overflow-wrap:anywhere;word-break:break-word}.month-group{display:flex;flex-direction:column;gap:10px}.month-group h3{margin:0;font-size:1rem;color:#11364c}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.stat-card{border:1px solid var(--border-strong);border-radius:12px;padding:11px;background:rgba(255,255,255,.76)}.stat-value{margin:2px 0 0;font-size:1.5rem;font-weight:760;letter-spacing:-.02em;color:#12323f}.trend-chart{display:flex;flex-direction:column;gap:8px}.trend-chart-svg{width:100%;height:auto;display:block;border:1px solid var(--border-strong);border-radius:12px;background:rgba(255,255,255,.74)}.trend-chart-guide{stroke:rgba(130,118,99,.45);stroke-width:1;stroke-dasharray:4 6}.trend-chart-guide-label{fill:var(--muted);font-size:12px;font-weight:550}.trend-chart-bar{fill:url(#trend-bar-gradient)}.trend-chart-bar-empty{fill:rgba(116,112,105,.24)}.trend-chart-value{fill:#12323f;font-size:12px;font-weight:700}.trend-chart-month{fill:var(--muted);font-size:11px;font-weight:650}.trend-row{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;grid-gap:10px;gap:10px}.trend-track{width:100%;height:12px;border:1px solid var(--border-strong);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.65)}.trend-bar{height:100%;background:linear-gradient(90deg,#13a39a 0,var(--accent-strong) 100%)}.star-rating{display:inline-flex;align-items:center;gap:4px}.star-rating-star{position:relative;display:inline-block;width:20px;height:20px}.star-rating-icon{display:block;width:100%;height:100%}.star-rating-icon-empty path{fill:#d9d4cb}.star-rating-icon-fill path{fill:#d97706}.star-rating-layer{position:absolute;inset:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.star-rating-layer.half{-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0)}.star-rating-value{margin-left:4px;font-size:.9rem;font-weight:600}.star-rating-input-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.star-rating-input{position:relative;display:inline-flex}.star-rating-hit-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr))}.star-rating-hit{border:0;background:transparent}.star-rating-clear,.star-rating-hit{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:0}.star-rating-clear{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-strong);border-radius:999px;background:rgba(255,255,255,.85);color:var(--muted)}.star-rating-clear:hover{border-color:#9f8b71;color:var(--text)}.eink-mode{filter:grayscale(100%);--bg:#f4f4f1;--bg-deep:#ecece9;--surface:#ffffff;--surface-rgb:255,255,255;--text:#060606;--muted:#3e3e3e;--border:#1d1d1d;--border-strong:#1d1d1d;--accent:#000000;--accent-strong:#000000;--accent-soft:#ffffff;--shadow:none;--font-size-base:18px}.eink-mode body:after,.eink-mode body:before{display:none}.eink-mode *{animation:none!important;transition:none!important}.eink-mode .btn.primary{background:#111;border-color:#111;color:#fff}.eink-mode .app-nav-link.active{background:#fff;border-color:#111}.eink-mode .trend-bar{background:#111}.eink-mode .trend-chart-guide{stroke:rgba(0,0,0,.25)}.eink-mode .trend-chart-bar{fill:#111!important}.eink-mode .trend-chart-guide-label,.eink-mode .trend-chart-month,.eink-mode .trend-chart-value{fill:#111}.eink-mode .book-cover{border-color:#111;box-shadow:none}.eink-mode .star-rating-icon-fill path{fill:#111}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.content>*{animation:none}.app-nav-link,.btn,.search-result{transition:none}}@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column}.search-page{height:calc(100dvh - 178px);max-height:calc(100dvh - 178px);min-height:380px}}@media (max-width:640px){.app-shell{padding:14px 12px 24px}.header{padding:12px}.header-actions{width:100%;justify-content:space-between}.app-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.stats{grid-template-columns:1fr}.log-item{flex-direction:column}.search-page{height:calc(100dvh - 150px);max-height:calc(100dvh - 150px);min-height:340px}}