@font-face{font-display:swap;font-family:GMarketSans;font-weight:500;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff")}:root{--background-start-color:#e2e2f1;--background-end-color:#d2d3ea;--point-color-main:#4b4c9d;--point-color-sub:#a5a6d9;--point-color-light:#e8e8f7;--point-color-active:#3a3b7b;--font-color-main:#333;--font-color-point:#4b4c9d;--font-h1:32px;--font-h2:24px;--font-body:16px;--spacing-unit:8px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom right,#e2e2f1,#d2d3ea);background:linear-gradient(to bottom right,var(--background-start-color),var(--background-end-color));color:#333;color:var(--font-color-main);line-height:1.6;margin:0;min-height:100vh}*{font-family:GMarketSans,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h2,h3{color:#3a3b7b}.app-footer{padding:calc(var(--spacing-unit)*2) 0;text-align:center;width:100%}.app-footer p{color:var(--font-color-main);font-size:12px;opacity:.7}.nav-bar{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;box-sizing:border-box;display:flex;padding:12px 24px;width:100%}.nav-logo{cursor:pointer;height:48px;margin-right:16px}.nav-title{color:#4b4c9d;font-size:24px;font-weight:700;margin:0}.layout-container{background-color:#fff;border-radius:8px;box-shadow:0 0 20px #0000000d;margin:0 auto;max-width:768px;min-height:100vh;width:100%}.layout-container,.main-content{display:flex;flex-direction:column}.main-content{flex-grow:1}.common-btn{align-items:center;background-color:var(--point-color-main);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-body);font-weight:700;justify-content:center;padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*3);text-decoration:none;transition:background-color .2s,transform .2s}.common-btn:hover:not(:disabled){background-color:var(--point-color-sub)}.common-btn:active:not(:disabled){background-color:var(--point-color-active);transform:translateY(1px)}.common-btn:disabled{cursor:not-allowed;opacity:.5}.login-logo{width:160px}.login-page-content{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 120px);justify-content:center;text-align:center}.login-page-content h3{color:#333;font-size:24px;font-weight:700;margin-bottom:16px}.login-page-content p{color:#666;font-size:16px;margin-bottom:32px}.google-login-btn{align-items:center;display:flex;font-size:16px;justify-content:center;padding:12px;width:250px}.google-icon{height:20px;margin-right:10px;width:20px}.main-logo{width:160px}.main-page-content{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 120px);justify-content:center;text-align:center}.main-page-content h3{color:#333;font-size:24px;font-weight:700;margin-bottom:16px}.main-page-content p{color:#666;font-size:16px;margin-bottom:32px}.main-page-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;max-width:400px;width:90%}@media (max-width:480px){.main-page-buttons{grid-template-columns:1fr;max-width:350px;width:80%}}.main-page-btn{font-size:16px;padding:12px;width:100%}.add-bookmark-page-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:24px;text-align:center}.add-bookmark-container{max-width:768px;width:100%}.add-bookmark-form{align-items:center;display:flex;margin-top:24px;width:100%}.url-input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;flex-grow:1;font-size:16px;margin-right:8px;padding:12px 16px}.url-input:focus{border-color:#4b4c9d;box-shadow:0 0 0 2px #4b4c9d33;outline:none}.add-bookmark-btn{flex-shrink:0}.message{font-size:14px;margin-top:16px;min-height:20px}@media (max-width:768px){.add-bookmark-form{flex-direction:column}.url-input{margin-bottom:16px;margin-right:0;width:100%}.add-bookmark-form .add-bookmark-btn{width:100%}}.bookmark-title{font-size:18px}.bookmark-description{font-size:14px}@media (max-width:768px){.bookmark-info-card{align-items:center;flex-direction:column;text-align:center}.bookmark-image{margin-bottom:16px;margin-right:0}}.bookmark-list-page-content{padding:24px}.bookmarks-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.bookmark-card-link{color:inherit;display:block;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.bookmark-card-link:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.bookmark-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden}.bookmark-card-image-wrapper{background-color:#f0f0f0;padding-top:52.5%;position:relative;width:100%}.bookmark-card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.bookmark-card-content{flex-grow:1;padding:16px}.bookmark-card-title{font-size:18px;font-weight:700;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis}.bookmark-detail-page-content{align-items:center;display:flex;flex-direction:column;padding:24px}.bookmark-info-card{align-items:flex-start;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;display:flex;margin-top:32px;padding:16px;text-align:left;width:100%}.bookmark-image{border:1px solid #f0f0f0;border-radius:4px;flex-shrink:0;height:120px;margin-right:16px;object-fit:cover;width:120px}.bookmark-text-content{display:flex;flex-direction:column;flex-grow:1}.bookmark-title{color:#333;font-size:22px;font-weight:700;margin:0 0 8px}.bookmark-description{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:15px;line-height:1.6;margin:0;overflow:hidden;text-overflow:ellipsis}.detail-page-buttons{max-width:400px}@media (max-width:768px){.bookmark-info-card{align-items:center;flex-direction:column;text-align:center}.bookmark-image{margin-bottom:16px;margin-right:0}.detail-page-buttons{flex-direction:column}}.summary-detail-page-content{align-items:center;display:flex;flex-direction:column;padding:24px}.summary-main-title{color:var(--font-color-main);font-size:var(--font-h1);font-weight:700;margin:16px 0 32px;text-align:center;width:100%}.summary-detail-section{margin-bottom:48px;width:100%}.section-title{border-bottom:3px solid var(--point-color-light);color:var(--point-color-main);font-size:24px;font-weight:700;margin-bottom:24px;padding-bottom:12px}.summary-item-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;margin-bottom:24px;padding:24px 32px;width:100%}.item-title{font-size:20px;font-weight:700;margin-bottom:8px}.item-description{border-left:3px solid #eee;color:#666;font-size:14px;margin-bottom:20px;padding-left:12px}.item-content{font-size:var(--font-body);line-height:1.7;white-space:pre-wrap;word-break:break-word}.detail-page-buttons{display:flex;gap:16px;margin-top:32px;max-width:300px;width:100%}.detail-page-btn{flex-grow:1}.summary-list-page-content{padding:24px}.summaries-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.summary-card-link{color:inherit;display:block;text-decoration:none;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.summary-card-link:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.summary-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden}.summary-card-image-wrapper{background-color:#f0f0f0;padding-top:52.5%;position:relative;width:100%}.summary-card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.summary-card-content{display:flex;flex-direction:column;flex-grow:1;padding:16px}.summary-card-title{color:var(--font-color-point);font-size:18px;font-weight:700;margin:0 0 8px}.summary-card-source,.summary-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-card-source{color:#666;font-size:14px;margin:0 0 12px}.summary-card-date{color:#999;font-size:12px;margin-top:auto}.add-summary-page-content{padding:24px}.summary-form{display:flex;flex-direction:column;gap:32px}.summary-section h2{border-bottom:2px solid var(--point-color-light);color:var(--point-color-main);font-size:22px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.sub-section{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-top:16px;padding:16px}.sub-section .description{color:#666;font-size:14px;margin-bottom:12px}.sub-section h3{font-size:18px;font-weight:700;margin-bottom:12px}.sub-section textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:15px;line-height:1.6;min-height:120px;padding:12px;resize:vertical;width:100%}.sub-section textarea:focus{border-color:var(--point-color-main);box-shadow:0 0 0 2px #4b4c9d33;outline:none}.section-select{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:16px;padding:12px;width:100%}.multi-select-container{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:16px}.multi-select-label{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s,border-color .2s}.multi-select-label:hover{background-color:#f0f0f0}.multi-select-label input[type=checkbox]{height:16px;width:16px}.sub-section.removable{position:relative}.sub-section-header{align-items:center;display:flex;justify-content:space-between}.remove-btn{background-color:#e0e0e0;border:none;border-radius:50%;color:#333;font-size:20px;height:28px;line-height:28px;padding:0;text-align:center;width:28px}.remove-btn:hover{background-color:#d0d0d0}.submit-btn{font-size:18px;margin-top:16px;padding:16px;width:100%}.error-message{color:#d9534f}
/*# sourceMappingURL=main.006b3695.css.map*/