body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.navbar-logo{cursor:pointer;object-fit:contain;width:100px}.navbar-actions{display:flex;gap:4px}.navbar-btn{align-items:center;background:none;border:none;border-radius:8px;color:silver;cursor:pointer;display:flex;flex-direction:column;font-size:.65rem;gap:3px;letter-spacing:.04em;padding:8px 12px;transition:color .15s,background .15s}.navbar-btn:hover{background:#faf6f0;color:#c9a97a}.navbar-btn.active{color:#c9a97a}@font-face{font-display:swap;font-family:"NotoSerifKR";font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff) format("woff")}@font-face{font-display:swap;font-family:Ridibatang;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff) format("woff")}:root{--color-deep-brown:#5d4b3f;--color-soft-beige:#e5d9c5;--color-paper-white:#f9f7f2;--color-surface-off:#f0ede5;--color-body-text:#3a322d;--color-sub-text:#5d4b3fad;--color-placeholder:#5d4b3f4d;--color-divider:#e5d9c580;--color-accent-red:#b45757}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f7f2;background:var(--color-paper-white);color:#3a322d;color:var(--color-body-text);font-family:Ridibatang,Apple SD Gothic Neo,Pretendard,serif;text-rendering:optimizeLegibility}.book-info h2,.brand-identity-card h3,.brand-section-heading h2,.brand-story-quote,.brand-title,.brand-value-card h3,.library-title,.popup-book-title,.share-title,.template-title{font-family:"NotoSerifKR",Apple SD Gothic Neo,Pretendard,serif}.field-date,.field-input,.field-quote,.field-textarea,.navbar-btn,.rel-input,.rel-select,.search-input,button,input,select,textarea{font-family:Apple SD Gothic Neo,Pretendard,sans-serif}.app{margin:0 auto;max-width:480px;padding:56px 24px 96px}.header{margin-bottom:32px;text-align:center}.logo-img{object-fit:contain;width:160px}.search-box{margin-bottom:34px}.search-wrapper{position:relative;width:100%}.search-input{background:#f0ede5;background:var(--color-surface-off);border:1px solid #e5d9c5;border:1px solid var(--color-soft-beige);border-radius:12px;color:#3a322d;color:var(--color-body-text);font-size:.95rem;outline:none;padding:14px 48px 14px 16px;transition:border .2s;width:100%}.search-input:focus{background:#fffdfa;border-color:#5d4b3f;border-color:var(--color-deep-brown)}.search-input::placeholder{color:#5d4b3f4d;color:var(--color-placeholder)}.search-btn{align-items:center;background:none;border:none;color:#5d4b3f;color:var(--color-deep-brown);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-btn:hover{color:#3a322d;color:var(--color-body-text)}.suggestions{background:#fffdfa;border:1px solid #e5d9c5;border:1px solid var(--color-soft-beige);border-radius:12px;box-shadow:0 4px 16px #00000014;left:0;list-style:none;margin-top:4px;max-height:280px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.suggestion-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background .15s}.suggestion-item:hover{background:#f0ede5;background:var(--color-surface-off)}.suggestion-img{border-radius:2px;box-shadow:1px 2px 4px #0000001a;flex-shrink:0;height:42px;object-fit:cover;width:30px}.suggestion-info{display:flex;flex-direction:column;gap:2px;min-width:0}.suggestion-title{color:#3a322d;color:var(--color-body-text);font-size:.875rem}.suggestion-author,.suggestion-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-author{color:#9a9a9a;font-size:.775rem}.loading{color:#5d4b3fad;color:var(--color-sub-text)}.error,.loading{font-size:.9rem;text-align:center}.error{color:#d9534f}.book-card{background:#f0ede5;background:var(--color-surface-off);border:1px solid #e5d9c580;border:1px solid var(--color-divider);border-radius:14px;display:flex;gap:24px;margin-bottom:20px;padding:32px}.book-image{border-radius:4px;box-shadow:2px 4px 12px #0000001a;flex-shrink:0;height:130px;object-fit:cover;width:90px}.book-info{display:flex;flex-direction:column;gap:8px}.genre-tag{background:#e5d9c58f;border-radius:20px;color:#5d4b3f;color:var(--color-deep-brown);display:inline-block;font-size:.75rem;letter-spacing:.05em;padding:3px 10px;width:fit-content}.book-info h2{color:#2a2a2a;font-size:1.1rem;font-weight:600;line-height:1.4}.book-info p{color:#5d4b3fad;color:var(--color-sub-text);font-size:.85rem}.book-desc{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#9a9a9a!important;display:-webkit-box;font-size:.82rem!important;line-height:1.7;overflow:hidden}.popup-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1000}.popup-card{background:#fffdfa;border-radius:18px;box-shadow:0 20px 50px #00000029;display:flex;flex-direction:column;max-height:85vh;max-width:560px;padding:32px;position:relative;width:100%}.popup-body{overflow-y:auto;padding:10px 10px 10px 0}.popup-form{border:1px solid #efe8de;max-width:640px;padding:24px 22px 20px}.popup-form,.popup-form .popup-header{background:linear-gradient(180deg,#fffdf9,#fbf8f2)}.popup-form .popup-header{padding-bottom:14px;position:sticky;top:0;z-index:2}.popup-form .popup-body{display:flex;flex-direction:column;gap:18px;padding:4px 2px 0}.popup-header{align-items:flex-end;display:flex;flex-direction:column-reverse;gap:5px}.popup-close{align-items:center;background:none;border:none;color:#9a9a9a;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:32px;justify-content:center;transition:color .2s;width:32px}.popup-close:hover{color:#4a4a4a}.popup-book-header{display:flex;gap:20px;margin-bottom:20px}.popup-book-image{border-radius:4px;box-shadow:2px 4px 12px #0000001f;flex-shrink:0;height:145px;object-fit:cover;width:100px}.popup-book-meta{display:flex;flex-direction:column;gap:8px}.popup-book-title{color:#2a2a2a;font-size:1.15rem;font-weight:600;line-height:1.4}.popup-book-author{color:#4a4a4a;font-size:.88rem}.popup-book-pub{color:#5d4b3fad;color:var(--color-sub-text);font-size:.82rem}.popup-book-body{background:#f0ede8;border-radius:10px;margin-bottom:20px;padding:20px}.popup-book-desc{color:#6a6a6a;font-size:.88rem;line-height:1.5}.start-btn{background:#5d4b3f;background:var(--color-deep-brown);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;letter-spacing:.05em;margin-bottom:32px;padding:17px;transition:background .2s;width:100%}.start-btn:hover{background:#6a5648}.template-form{background:#fafaf8;border:1px solid #f0ede8;border-radius:8px;padding:32px}.template-title{border-bottom:1px solid #e9e1d6;color:#2a2a2a;font-size:1.08rem;font-weight:600;padding-bottom:14px;width:100%}.field-group{background:#ffffffd1;border:1px solid #efe7dc;border-radius:14px;box-shadow:0 8px 20px #33302b08;margin-bottom:0;padding:16px 16px 18px}.field-date{align-items:center;background:#fffefb;border:1px solid #ddd4c8;border-radius:12px;box-sizing:border-box;color:#4a4a4a;cursor:pointer;display:flex;font-family:inherit;font-size:.88rem;gap:10px;min-height:42px;outline:none;padding:10px 12px;text-align:left;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.date-picker{position:relative}.field-date-icon{align-items:center;color:#8c7a67;display:inline-flex;height:18px;justify-content:center;line-height:1;width:18px}.field-date-value{flex:1 1;text-align:left}.field-date.open,.field-date:focus{background:#fff;border-color:#c9a97a;box-shadow:0 0 0 3px #c9a97a1f}.date-picker-popover{background:#fffdfa;border:1px solid #e6ddd2;border-radius:16px;box-shadow:0 18px 36px #33302b1f;left:0;min-width:248px;padding:10px;position:absolute;top:calc(100% + 8px);width:min(100%,292px);z-index:30}.date-picker-header{align-items:center;display:flex;gap:6px;margin-bottom:10px}.date-picker-selects{display:flex;flex:1 1;gap:6px}.date-picker-select{border:1px solid #e2d8ca;border-radius:10px;color:#5f5447;flex:1 1;font-size:.76rem;min-width:0}.date-picker-select,.date-picker-tab{background:#fffefb;height:32px;padding:0 9px}.date-picker-tab{border:1px solid #e2d8ca;border-radius:999px;color:#8b7b69;cursor:pointer;font-size:.74rem;font-weight:600;min-width:48px;transition:background .15s,border-color .15s,color .15s}.date-picker-grid,.date-picker-weekdays{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,minmax(0,1fr))}.date-picker-weekdays{margin-bottom:8px}.date-picker-weekdays span{color:#9a8e81;font-size:.68rem;text-align:center}.date-picker-day,.date-picker-empty{aspect-ratio:1/1}.date-picker-day{background:#fffefb;border:1px solid #0000;border-radius:9px;color:#4a4a4a;cursor:pointer;font-size:.78rem;transition:background .15s,color .15s,border-color .15s}.date-picker-day:hover:not(:disabled){background:#f9f3ea;border-color:#dbc8af}.date-picker-day.selected{background:#c9a97a;border-color:#c9a97a;color:#fff}.date-picker-day.is-red{color:#b45757}.date-picker-day:disabled{background:#faf7f2;color:#cdc4b8;cursor:default}.date-picker-day.is-red:disabled{color:#d7b4b4}.field-label{color:#62584a;display:block;font-size:.84rem;font-weight:600;letter-spacing:.04em;margin-bottom:10px}.field-input{background:#fffefb;border:1px solid #ddd4c8;border-radius:10px;color:#4a4a4a;font-family:inherit;font-size:.9rem;min-height:44px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.field-input:focus{background:#fff;border-color:#c9a97a;box-shadow:0 0 0 3px #c9a97a1f}.field-textarea{background:#fffefb;border:1px solid #ddd4c8;border-radius:12px;color:#4a4a4a;font-family:inherit;font-size:.9rem;line-height:1.75;min-height:132px;outline:none;padding:13px 14px;resize:vertical;resize:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.field-textarea:focus{background:#fff;border-color:#c9a97a;box-shadow:0 0 0 3px #c9a97a1f}.field-quote{background:#fdfaf4;border:1px solid #e8ddcf;border-left:4px solid #c9a97a;border-radius:12px;color:#544a3d;font-family:inherit;font-size:.95rem;font-style:italic;line-height:1.8;min-height:120px;outline:none;padding:16px 18px;resize:vertical;resize:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.field-quote:focus{background:#fffdf8;border-color:#d8c6ae;box-shadow:0 0 0 3px #c9a97a1f}.star-rating{align-items:center;display:flex;gap:6px;min-height:44px}.star{color:#e0e0e0;cursor:pointer;font-size:1.8rem;transition:color .1s}.star.active{color:#c9a97a}.relationship-input{display:flex;flex-direction:column;gap:10px}.relationship-row{grid-gap:8px;align-items:start;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 32px}.rel-input{background:#fffefb;border:1px solid #ddd4c8;border-radius:10px;color:#4a4a4a;font-size:.82rem;min-height:40px;outline:none;padding:8px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.rel-input:focus{background:#fff;border-color:#c9a97a;box-shadow:0 0 0 3px #c9a97a1f}.rel-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(180deg,#fffdf9,#f6efe4);border:1px solid #ddd4c8;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-height:40px;outline:none;padding:8px;position:relative;text-align:center;width:48px}.rel-select:focus{border-color:#c9a97a;box-shadow:0 0 0 3px #c9a97a1f}.rel-memo{grid-column:1/span 3;min-height:40px}.rel-add{align-self:flex-start;background:none;border:1px dashed #c9a97a;border-radius:4px;color:#c9a97a;cursor:pointer;font-size:.85rem;margin-top:4px;padding:8px 14px;transition:all .2s}.rel-add:hover{background:#f5efe6}.rel-remove{background:#fff6f5;border:none;border-radius:10px;color:#d9534f;cursor:pointer;font-size:.82rem;min-height:40px;padding:0;transition:background .2s,color .2s;width:32px}.rel-remove:hover{background:#fdeaea}.save-btn{background:#5d4b3f;background:var(--color-deep-brown);border:none;border-radius:12px;box-shadow:0 12px 24px #5d4b3f2e;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.05em;margin-top:4px;min-height:48px;padding:16px;transition:background .2s,transform .15s,box-shadow .2s;width:100%}.save-btn:hover{background:#6a5648;transform:translateY(-1px)}.toast{animation:fadeInUp .3s ease;background:#2a2a2a;border-radius:40px;bottom:40px;color:#fff;font-size:.9rem;left:50%;letter-spacing:.03em;padding:14px 28px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}.toast.error{background:#d9534f}.toast.info{background:#c9a97a}.save-popup{align-items:center;animation:saveFadeIn .45s ease;background:#fffdfa;border-radius:20px;display:flex;flex-direction:column;gap:8px;max-width:360px;padding:26px 24px;position:relative;text-align:center;width:100%}.save-popup:after{background:linear-gradient(0deg,#e5d9c56b,#0000);border-radius:0 0 20px 20px;bottom:0;content:"";height:42%;left:0;pointer-events:none;position:absolute;right:0}.save-popup-emoji{font-size:2.5rem;margin-bottom:4px}.save-popup-title{color:#3a322d;color:var(--color-body-text);font-size:1.1rem;font-weight:400;position:relative;z-index:1}.save-popup-title span{color:#5d4b3f;color:var(--color-deep-brown);font-size:1.1rem;font-weight:600}.save-popup-buttons{display:flex;gap:8px;margin-top:16px;position:relative;width:100%;z-index:1}.save-popup-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.9rem;padding:14px;transition:all .2s}.save-popup-btn.primary{background:#5d4b3f;background:var(--color-deep-brown);color:#fff}.save-popup-btn.primary:hover{background:#6a5648}.save-popup-btn.secondary{background:#f5f5f5;color:#4a4a4a}.save-popup-btn.secondary:hover{background:#eee}.confirm-popup{background:#fffdfa;border-radius:18px;box-shadow:0 20px 40px #211d1824;max-width:340px;padding:24px 20px 20px;text-align:center;width:100%}.confirm-popup-title{color:#2f3138;font-size:1rem;line-height:1.7;margin-bottom:8px}.confirm-popup-desc{color:#7b7266;font-size:.82rem;line-height:1.7;margin-bottom:18px}.confirm-popup-actions{display:flex;gap:8px}.confirm-popup-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:.86rem;font-weight:600;min-height:42px}.confirm-popup-btn.secondary{background:#f3efe8;color:#5f5548}.confirm-popup-btn.danger{background:#b45757;color:#fff}.library-header{align-items:center;justify-content:space-between;margin-bottom:24px}.library-add-btn{background:#c9a97a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background .2s}.library-add-btn:hover{background:#b8976a}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.main-section{border-top:1px solid #f0ede8;margin-top:4px;padding-top:24px}.section-label{color:#5d4b3fad;color:var(--color-sub-text);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:14px}@keyframes saveFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bestseller-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.bestseller-row::-webkit-scrollbar{display:none}.bestseller-item{border-radius:4px;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative}.bestseller-img{border-radius:4px;display:block;height:104px;object-fit:cover;transition:transform .2s;width:72px}.bestseller-item:hover .bestseller-img{transform:scale(1.04)}.bestseller-noimage{background:#f5efe6;border-radius:4px;color:#9a9a9a;font-size:.68rem;height:104px;padding:6px;text-align:center;width:72px}.bestseller-noimage,.bestseller-rank{align-items:center;display:flex;justify-content:center}.bestseller-rank{background:#00000085;border-radius:50%;color:#fff;font-size:.65rem;font-weight:700;height:18px;left:4px;position:absolute;top:4px;width:18px}.library-title{color:#4a4a4a;font-size:1.1rem;font-weight:500;letter-spacing:.05em;margin-bottom:24px}.library-empty{color:#9a9a9a;padding:60px 0;text-align:center}.library-card{background:#fafaf8;border:1px solid #f0ede8;border-radius:8px;cursor:pointer;display:flex;gap:20px;padding:20px;transition:box-shadow .2s}.library-card:hover{box-shadow:0 4px 16px #00000014}.library-book-image{border-radius:4px;box-shadow:2px 4px 8px #0000001a;flex-shrink:0;height:100px;object-fit:cover;width:70px}.library-card-info{display:flex;flex-direction:column;gap:6px}.library-card-title{color:#2a2a2a;font-size:1rem;font-weight:600;line-height:1.4}.library-card-author{color:#7a7a7a;font-size:.82rem}.library-card-date{color:#9a9a9a;font-size:.8rem}.library-card-rating{color:#c9a97a;font-size:.9rem;letter-spacing:2px}.library-card-review{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6a6a6a;display:-webkit-box;font-size:.85rem;font-style:italic;line-height:1.5;overflow:hidden}.library-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.library-grid-item{border-radius:4px;cursor:pointer;flex-shrink:0;height:127px;justify-self:center;max-width:85px;overflow:hidden;position:relative;width:100%}.library-grid-item img{display:block;height:127px;object-fit:cover;transition:transform .2s;width:85px}.library-grid-item:hover img{transform:scale(1.03)}.library-grid-noimage{align-items:center;background:#f5efe6;color:#9a9a9a;display:flex;font-size:.75rem;height:100%;justify-content:center;padding:8px;text-align:center;width:100%}.library-grid-overlay{background:linear-gradient(#0000,#0006);bottom:0;left:0;padding:8px;position:absolute;right:0}.library-grid-rating{color:#c9a97a;font-size:.7rem;letter-spacing:1px;text-align:center}.library-popup{max-width:640px;padding:22px 20px 18px}.library-popup .popup-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:10px}.library-popup .popup-body{padding:0}.record-view{display:flex;flex-direction:column;gap:18px}.record-book-header{align-items:flex-start;display:flex;gap:18px;padding:4px 2px 0}.record-book-image{border-radius:10px;box-shadow:4px 10px 22px #3a322d24;flex-shrink:0;height:128px;object-fit:cover;width:88px}.record-book-meta{display:flex;flex-direction:column;gap:8px;min-width:0}.record-book-title{color:#3a322d;color:var(--color-body-text);font-size:1.12rem;line-height:1.5}.record-book-author{color:#5d4b3fad;color:var(--color-sub-text);font-size:.86rem}.record-field{background:#ffffffb8;border:1px solid #e5d9c5;border:1px solid var(--color-soft-beige);border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:16px 16px 18px}.record-label{color:#5d4b3f;color:var(--color-deep-brown);font-size:.78rem;font-weight:600;letter-spacing:.05em}.record-quote,.record-value{color:#3a322d;color:var(--color-body-text);font-size:.92rem;line-height:1.85;word-break:keep-all}.record-quote{border-left:3px solid #e5d9c5;border-left:3px solid var(--color-soft-beige);padding-left:14px}.record-stars{color:#5d4b3f;color:var(--color-deep-brown);font-size:1rem;letter-spacing:.16em}.record-relationships{display:flex;flex-direction:column;gap:8px}.popup-actions{border-top:1px solid #e5d9c580;border-top:1px solid var(--color-divider);display:flex;gap:10px;justify-content:space-between;margin-top:18px;padding:18px 0 4px}.action-icon-btn{align-items:center;background:#f0ede5;background:var(--color-surface-off);border:1px solid #e5d9c5;border:1px solid var(--color-soft-beige);border-radius:12px;color:#5d4b3f;color:var(--color-deep-brown);cursor:pointer;display:flex;flex:1 1;flex-direction:row;font-size:.78rem;gap:8px;justify-content:center;letter-spacing:.03em;padding:12px 10px;transition:color .15s,background .15s}.action-icon-btn:hover{background:#ece5db;color:#3a322d;color:var(--color-body-text)}.action-icon-btn.danger:hover{background:#fff3f2;color:#b45757;color:var(--color-accent-red)}.edit-actions{display:flex;gap:8px;margin-top:10px}.edit-actions .save-btn{flex:1 1}.edit-actions .delete-cancel-btn{flex-shrink:0}.library-header{align-items:baseline;display:flex;gap:8px;margin-bottom:20px}.library-count{color:#b0a89a;font-size:.8rem}.delete-confirm{align-items:stretch;background:#fff7f6;border:1px solid #f1cfcb;border-radius:14px;display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:16px}.delete-confirm span{color:#b45757;color:var(--color-accent-red);font-size:.86rem;line-height:1.7}.delete-confirm-actions{display:flex;gap:8px}.delete-cancel-btn{background:#fff;border:1px solid #e5d9c5;border:1px solid var(--color-soft-beige);border-radius:12px;color:#5d4b3fad;color:var(--color-sub-text)}.delete-cancel-btn,.delete-confirm-btn{cursor:pointer;font-size:.82rem;padding:10px 14px}.delete-confirm-btn{background:#b45757;background:var(--color-accent-red);border:none;border-radius:12px;color:#fff}.share-card{align-items:center;background:linear-gradient(180deg,#fcfbf7,#f4efe7);border:1px solid #e5d9c5;border:1px solid var(--color-soft-beige);border-radius:22px;box-shadow:0 18px 40px #3a322d1f;display:flex;flex-direction:column;gap:12px;padding:30px 24px 24px;width:320px}.share-logo{margin-bottom:2px;width:44px}.share-book-image{border-radius:10px;box-shadow:6px 12px 28px #3a322d2e;height:180px;object-fit:cover;width:124px}.share-genre-tag{background:#e5d9c59e;border-radius:20px;color:#5d4b3f;color:var(--color-deep-brown);display:inline-block;font-size:.75rem;padding:5px 11px}.share-title{color:#3a322d;color:var(--color-body-text);font-size:1.18rem;font-weight:600;line-height:1.55;text-align:center}.share-author{color:#5d4b3fad;color:var(--color-sub-text);font-size:.85rem}.share-rating{color:#5d4b3f;color:var(--color-deep-brown);font-size:1rem;letter-spacing:.16em}.share-review{color:#3a322d;color:var(--color-body-text);font-size:.88rem;font-style:italic;line-height:1.8;padding:0 8px;text-align:center}.share-footer{align-items:center;border-top:1px solid #e5d9c580;border-top:1px solid var(--color-divider);display:flex;gap:8px;justify-content:center;margin-top:10px;padding-top:18px;width:100%}.share-footer-logo{width:24px}.share-footer-text{color:#9a9a9a;font-size:.75rem;letter-spacing:.1em}.brand-page{display:flex;flex-direction:column;gap:20px}.brand-hero,.brand-section,.brand-story{background:linear-gradient(180deg,#fffffff5,#faf7f2fa),repeating-linear-gradient(0deg,#c9a97a08,#c9a97a08 1px,#0000 0,#0000 28px);border:1px solid #ece6dd;border-radius:18px;box-shadow:0 18px 40px #2a2a2a0d;position:relative}.brand-hero{padding:32px 24px 28px}.brand-eyebrow,.brand-section-kicker,.brand-story-kicker{color:#8b7b69;font-size:.72rem;letter-spacing:.18em;margin-bottom:12px;text-transform:uppercase}.brand-title{color:#2f3138;font-size:1.95rem;font-weight:600;line-height:1.35;margin-bottom:10px}.brand-subtitle{color:#5d6472;font-size:.98rem;line-height:1.7;margin-bottom:24px}.brand-hero-note{border-top:1px solid #c9a97a38;display:flex;flex-direction:column;gap:14px;padding-top:18px}.brand-hero-note p,.brand-identity-card p,.brand-value-description{color:#4f5560;font-size:.92rem;line-height:1.95}.brand-section{padding:26px 24px}.brand-section-heading{margin-bottom:20px}.brand-section-heading h2{color:#2f3138;font-size:1.22rem;font-weight:600;line-height:1.5}.brand-identity-grid,.brand-values{grid-gap:14px;display:grid;gap:14px}.brand-identity-card,.brand-value-card{background:#ffffffa8;border:1px solid #c9a97a24;border-radius:14px;padding:18px 16px}.brand-value-number{color:#9d8565;font-size:.76rem;letter-spacing:.16em;margin-bottom:8px}.brand-identity-card h3,.brand-value-card h3{color:#2f3138;font-size:1rem;font-weight:600;margin-bottom:6px}.brand-value-subtitle{color:#7d8796;font-size:.8rem;margin-bottom:12px}.brand-story{padding:28px 24px 32px}.brand-story-quote{border-left:3px solid #c9a97a;color:#33404f;font-size:1.04rem;line-height:1.9;padding-left:16px}@media (max-width:640px){.app{padding:44px 18px 84px}.header{margin-bottom:32px}.logo-img{width:184px}.search-box{flex-direction:column;gap:10px;margin-bottom:32px}.book-card{gap:16px;padding:20px}.book-image{height:112px;width:78px}.popup-overlay{padding:12px}.popup-card{max-height:90vh;padding:20px}.popup-form{padding:18px 16px 16px}.popup-book-header{gap:16px;margin-bottom:16px}.popup-book-image{height:122px;width:84px}.library-popup{padding:18px 16px 16px}.record-book-header{gap:14px}.record-book-image{height:110px;width:76px}.popup-actions{flex-wrap:wrap}.action-icon-btn{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1}.share-card{padding:24px 18px 20px;width:286px}.relationship-row{gap:6px;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 28px}.rel-memo{grid-column:1/span 3}.rel-remove,.rel-select{width:auto}.toast{bottom:24px;left:16px;right:16px;text-align:center;transform:none;white-space:normal}.brand-hero,.brand-section,.brand-story{padding-left:18px;padding-right:18px}.brand-title{font-size:1.58rem}}@media (max-width:480px){.book-card{align-items:flex-start;flex-direction:column}.book-info{width:100%}.popup-book-header,.record-book-header{flex-direction:column}.popup-book-meta,.record-book-meta{width:100%}.library-grid{grid-template-columns:repeat(3,minmax(85px,1fr))}.share-card{max-width:286px;padding:24px 18px;width:100%}.share-book-image{height:156px;width:110px}}
/*# sourceMappingURL=main.80a8cd2d.css.map*/