.fusen-app-scope{width:100%!important;max-width:1100px!important;margin:30px auto 60px!important;padding:0 15px!important;font-family:'Noto Sans JP',sans-serif!important;text-align:left!important;box-sizing:border-box!important}.fusen-app-scope *,.fusen-app-scope *::before,.fusen-app-scope *::after{box-sizing:border-box!important}.fusen-app-scope .hero-banner{width:100%!important;height:60px!important;background-color:#007bff!important;border-radius:8px 8px 0 0!important}.fusen-app-scope .main-container{width:100%!important;margin:0 auto!important;padding:0!important}.fusen-app-scope .card-panel{background-color:#ffffff!important;border-radius:0 0 12px 12px!important;padding:30px!important;box-shadow:0 4px 15px rgb(0 0 0 / .04)!important;border:1px solid #e2e8f0!important;border-top:none!important}.fusen-app-scope .panel-title{font-size:1.25rem!important;font-weight:700!important;color:#007bff!important;margin-bottom:20px!important;border:none!important;padding:0!important}.fusen-app-scope .input-form{display:flex!important;gap:12px!important;margin-bottom:20px!important}.fusen-app-scope .input-title{flex:1!important;padding:10px 14px!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:0.95rem!important;outline:none!important;transition:border-color 0.2s,box-shadow 0.2s!important;background:#ffffff!important;color:#333333!important}.fusen-app-scope .input-content{flex:2!important;padding:10px 14px!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:0.95rem!important;outline:none!important;transition:border-color 0.2s,box-shadow 0.2s!important;background:#ffffff!important;color:#333333!important}.fusen-app-scope .input-title:focus,.fusen-app-scope .input-content:focus{border-color:#007bff!important;box-shadow:0 0 0 3px rgb(0 123 255 / .1)!important}.fusen-app-scope .btn-add{padding:10px 24px!important;background-color:#007bff!important;color:#ffffff!important;border:none!important;border-radius:20px!important;font-weight:700!important;font-size:0.9rem!important;cursor:pointer!important;transition:background-color 0.2s,transform 0.1s!important;white-space:nowrap!important}.fusen-app-scope .btn-add:hover{background-color:#0056b3!important}.fusen-app-scope .sync-row{margin-top:20px!important;margin-bottom:25px!important;border-top:1px solid #eee!important;padding-top:15px!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important}.fusen-app-scope .btn-sync{padding:9px 18px!important;border:none!important;border-radius:6px!important;font-size:0.85rem!important;font-weight:700!important;color:#ffffff!important;cursor:pointer!important;transition:opacity 0.2s,transform 0.1s!important}.fusen-app-scope .btn-sync:hover{opacity:0.9!important}.fusen-app-scope .btn-sync:active{transform:scale(.98)!important}.fusen-app-scope .btn-export{background-color:#6c757d!important}.fusen-app-scope .btn-import{background-color:#6c757d!important}.fusen-app-scope .btn-nas-save{background-color:#28a745!important}.fusen-app-scope .btn-nas-load{background-color:#17a2b8!important}.fusen-app-scope .memo-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important}.fusen-app-scope .memo-card{background-color:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:150px!important;box-shadow:0 2px 4px rgb(0 0 0 / .02)!important;transition:transform 0.2s,box-shadow 0.2s!important}.fusen-app-scope .memo-card:hover{transform:translateY(-2px)!important;box-shadow:0 4px 10px rgb(0 0 0 / .06)!important}.fusen-app-scope .memo-card-title{font-size:1.05rem!important;font-weight:700!important;color:#007bff!important;margin-bottom:10px!important;word-break:break-all!important}.fusen-app-scope .memo-card-content{font-size:0.9rem!important;color:#555555!important;margin-bottom:20px!important;white-space:pre-wrap!important;word-break:break-all!important;flex-grow:1!important}.fusen-app-scope .btn-delete{align-self:flex-start!important;padding:4px 12px!important;background-color:#dc3545!important;color:#ffffff!important;border:none!important;border-radius:12px!important;font-size:0.8rem!important;font-weight:700!important;cursor:pointer!important;transition:background-color 0.2s!important}.fusen-app-scope .btn-delete:hover{background-color:#bd2130!important}.fusen-app-scope .empty-state{grid-column:1 / -1!important;text-align:center!important;color:#888888!important;padding:30px!important;font-size:0.9rem!important}.fusen-app-scope .custom-modal{display:none;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgb(0 0 0 / .5)!important;z-index:20000!important;justify-content:center!important;align-items:center!important}.fusen-app-scope .custom-modal.active{display:flex!important}.fusen-app-scope .modal-content{background:#ffffff!important;padding:30px!important;border-radius:10px!important;width:90%!important;max-width:500px!important;text-align:center!important;box-shadow:0 10px 30px rgb(0 0 0 / .2)!important}.fusen-app-scope .modal-content h3{margin-bottom:10px!important;color:#333333!important;font-size:1.2rem!important}.fusen-app-scope .modal-content p{font-size:0.9rem!important;color:#666666!important;margin-bottom:15px!important}.fusen-app-scope .modal-textarea{width:100%!important;height:120px!important;padding:10px!important;border:1px solid #ccc!important;border-radius:6px!important;font-size:0.85rem!important;resize:vertical!important;outline:none!important}.fusen-app-scope .modal-actions{margin-top:20px!important;display:flex!important;justify-content:center!important;gap:10px!important}.fusen-app-scope .btn-modal-ok{padding:8px 20px!important;background:#007bff!important;color:#ffffff!important;border:none!important;border-radius:6px!important;font-weight:700!important;cursor:pointer!important}.fusen-app-scope .btn-modal-cancel{padding:8px 20px!important;background:#ccc!important;color:#333333!important;border:none!important;border-radius:6px!important;font-weight:700!important;cursor:pointer!important}@media (max-width:900px){.fusen-app-scope .memo-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:600px){.fusen-app-scope .input-form{flex-direction:column!important}.fusen-app-scope .memo-grid{grid-template-columns:1fr!important}}