*,:after,:before{box-sizing:border-box}#root,body,html{height:100%;margin:0;overflow:hidden;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-wrapper{background-color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%}.page-content{flex:1 1;overflow-y:auto}.App{height:100%}.link-auth-checking{background-color:#fff;height:100vh}.top-bar{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;height:50px;justify-content:space-between;padding:0 16px;position:relative}.top-bar-title{color:#333;font-size:20px;font-weight:700;left:50%;max-width:calc(100% - 140px);overflow:hidden;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap}.top-bar-left,.top-bar-right{height:48px;width:48px}.top-bar-btn{align-items:center;background-color:initial;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;width:40px}.top-bar-btn:hover{background-color:#f0f0f0}.top-bar-btn img{height:30px;width:30px}.top-bar-icon-round{border-radius:25%}.top-bar-btn svg{height:48px;width:48px}.privacy-policy-content{background-color:#f8f9fa;flex:1 1;overflow-y:auto;padding:24px 20px}.policy-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:30px;padding:16px 20px}.policy-section:first-child{background-color:#e8f4fd}.policy-section:nth-child(2){background-color:#e8f5e9}.policy-section:nth-child(3){background-color:#f7e5ec}.policy-section:nth-child(4){background-color:#fff8e1}.policy-section h3{align-content:center;border-bottom:2px solid #ddd;color:#1a1a1a;font-size:17px;font-weight:600;margin:0 0 30px;padding-bottom:10px;text-align:center}.policy-section h4{color:#333;font-size:15px;font-weight:600;margin:16px 0 8px}.policy-section h4:first-of-type{margin-top:0}.policy-section p{color:#555;font-size:14px;line-height:1.6;margin:0 0 8px}.policy-section p:last-child{margin-bottom:0}.policy-table{border-collapse:collapse;font-size:13px;margin-top:4px;width:100%}.policy-table td,.policy-table th{border:1px solid #ddd;color:#555;padding:8px 10px;text-align:left}.policy-table th{background-color:#0000000d;color:#333;font-weight:600}.policy-table td:last-child{text-align:center}.guide-divider{margin:10px 0 30px}.totp-list-wrapper{background-color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%}.totp-list-container{flex:1 1;overflow-y:auto;overscroll-behavior:none;padding:20px 20px 80px}.fab-add-button{align-items:center;border:none;border-radius:50%;bottom:84px;box-shadow:0 4px 8px #0503034d;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:40px;transition:transform .2s,box-shadow .2s;width:56px;z-index:100}.fab-add-button:hover{box-shadow:0 6px 12px #0006;transform:scale(1.1)}.fab-add-button:active{transform:scale(.95)}.fab-add-button img{height:56px;width:56px}.first-usage{align-items:center;background-color:#f8f8f8;background:#88f;border-radius:12px;color:#333;display:flex;display:none;flex-shrink:0;justify-content:space-between;margin:40px 20px;padding:12px;position:relative}.first-usage.show-noti{display:block}.first-usage-guide{align-items:center;color:blue;display:flex;flex-direction:column;margin:30px 0}.first-usage button{background-color:#fff;border:2px solid #fff;border-radius:8px;color:inherit;font-size:inherit;padding:12px 80px}.otp-row-item{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:8px}.otp-header{margin-bottom:8px}.otp-account{color:#333;font-size:18px;font-weight:700}.otp-progress-bar{background-color:#e0e0e0;border-radius:3px;height:6px;margin-bottom:16px;overflow:hidden}.otp-progress-fill{background-color:#f5a623;border-radius:3px;height:100%;transition:width 1s linear}.otp-content{align-items:center;display:flex;justify-content:space-between}.otp-disp-icon{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;height:50px;width:50px}.otp-disp-icon,.otp-initials{align-items:center;display:flex;justify-content:center}.otp-initials{color:#333;font-size:18px;font-weight:700;height:40px;width:40px}.otp-initials.hide{display:none}.otp-initials img{height:36px;width:36px}.otp-code{color:#333;font-size:36px;font-weight:700;letter-spacing:4px}.otp-edit-btn{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.otp-edit-btn:hover{background-color:#f0f0f0}.edit-icon{color:#333;font-size:18px}.totp-edit-wrapper{background-color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.totp-edit-container{flex:1 1;overflow-y:auto;padding:20px}.edit-rows-wrapper{display:block}.edit-row{align-items:center;display:flex;margin-bottom:20px;min-height:30px}.edit-label{background-color:#6a92d3;border-radius:8px;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;margin-right:10px;padding:14px 8px;text-align:center;width:90px}.edit-value{color:#333;flex:1 1;font-size:16px;text-align:left}.edit-icon-row{align-items:center;display:flex;margin-bottom:20px;margin-top:20px}.edit-icons{display:flex;gap:15px}.edit-icon-box{align-items:center;border:5px solid #ccc;border-radius:12px;color:#333;display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;width:60px}.edit-icon-box.selected{border:5px solid #4a9eff}.edit-icon-box img{height:36px;width:36px}.edit-name-input{background:#0000;border:none;border-bottom:1px solid #333;color:#333;flex:1 1;font-size:16px;min-width:0;outline:none;padding:10px 0}.delete-section{margin-top:60px;text-align:center}.delete-section p{color:#333;font-size:18px;margin-bottom:20px}.delete-button{background-color:#9a3226;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:15px;width:80%}.delete-button:hover{background-color:#e7685c}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:90%;min-width:280px;padding:25px;text-align:center}.popup-message{color:#333;font-size:18px;margin-bottom:25px}.popup-buttons{display:flex;gap:15px;justify-content:center}.popup-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:12px 20px}.popup-btn-cancel{background-color:#ccc;color:#333}.popup-btn-cancel:hover{background-color:#bbb}.popup-btn-confirm{background-color:#9a3226;color:#fff}.popup-btn-confirm:hover{background-color:#e7685c}.select-icon-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.select-icon-popup{background-color:#55a;border-radius:16px;display:flex;flex-direction:column;height:70%;overflow:hidden;width:90%}.select-icon-header{align-items:center;border-bottom:1px solid #fff;color:#fff;display:flex;font-size:18px;font-weight:700;justify-content:space-between;padding:16px 20px}.select-icon-close{background:none;border:none;color:#888;cursor:pointer;font-size:20px;padding:4px 8px}.select-icon-close:hover{color:#fff}.select-icon-content{flex:1 1;overflow-y:auto;padding:20px}.icon-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.icon-item{align-items:center;aspect-ratio:1;background-color:#fff;border:5px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:center;transition:all .2s ease;width:100%}.icon-item:hover{background-color:#6e6ee7;transform:scale(1.05)}.icon-item.selected{background-color:#aae;border-color:#ff0}.icon-item img{height:48px;object-fit:contain;width:48px}.side-menu-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:998}.side-menu-overlay.open{opacity:1;visibility:visible}.side-menu{background-color:#fff;box-shadow:2px 0 8px #00000026;height:100%;left:-220px;position:fixed;top:0;transition:left .3s ease;width:220px;z-index:999}.side-menu.open{left:0}.side-menu-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.side-menu-title{color:#333;font-size:20px;font-weight:700}.side-menu-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.side-menu-close:hover{background-color:#f0f0f0}.side-menu-nav ul{list-style:none;margin:30px 0;padding:0}.side-menu-nav ul+ul{border-top:1px solid #e0e0e0;margin-top:8px;padding-top:8px}.side-menu-nav li{border-bottom:1px solid #f0f0f0}.side-menu-nav a,.side-menu-nav button{align-items:center;background:none;border:none;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font-size:16px;font-weight:700;padding:16px;text-align:left;text-decoration:none;width:100%}.menu-group-debug button:before,.menu-group-download button:before,.menu-group-info button:before,.menu-group-settings button:before{border-radius:2px;content:"";display:inline-block;flex-shrink:0;height:16px;margin-right:10px;width:4px}.menu-group-info button:before{background-color:#4a9eff}.menu-group-download button:before{background-color:#4caf50}.menu-group-settings button:before{background-color:#ff9800}.menu-group-debug button:before{background-color:#9a3226}.side-menu-nav a:hover,.side-menu-nav button:hover{background-color:#f59696}.side-menu-bottom{border-top:1px solid #e0e0e0;bottom:0;box-sizing:border-box;left:0;padding:16px;position:absolute;width:100%}.side-menu-logout{background-color:#f5f5f5;border:none;border-radius:8px;color:#9a3226;cursor:pointer;display:block;font-size:15px;font-weight:600;padding:12px;transition:background-color .2s;width:100%}.side-menu-logout:hover{background-color:#fdecea}.guide-container{margin:0 auto;max-width:600px;padding:15px}.guide-section{margin-bottom:60px}.guide-header{align-items:center;display:flex;margin-bottom:10px;margin-top:20px}.guide-icon{height:60px;margin-left:20px;margin-right:30px;width:60px}.guide-icon img{height:100%;object-fit:contain;width:100%}.guide-header h2{color:#333;font-size:22px;font-weight:700;margin:0}.guide-content{padding-left:15px}.guide-content p{color:#555;font-size:16px;line-height:1.6;margin:0 0 4px;text-align:left}.guide-footer{border-top:10px solid #e0e0e0;height:50px;margin-top:30px}.guide-divider{background-color:#e0e0e0;height:2px;margin:10px 0}.manual-container{margin:0 auto;max-width:600px;padding:15px}.manual-section{margin-bottom:40px}.manual-step-header{align-items:center;display:flex;margin-bottom:15px;margin-top:20px}.manual-step-number{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:36px;justify-content:center;margin-right:15px;width:36px}.manual-step-header h2{color:#333;font-size:18px;font-weight:700;margin:0}.manual-content{padding-left:51px}.manual-content p{color:#555;font-size:15px;line-height:1.6;margin:0 0 8px;text-align:left}.manual-screenshot{border:1px solid #ddd;border-radius:8px;display:block;margin:15px auto;overflow:hidden;width:90%}.manual-screenshot img{display:block;height:auto;width:100%}.manual-screenshot.narrow{width:60%}.manual-screenshot-placeholder{align-items:center;background-color:#f9f9f9;border:2px dashed #ccc;border-radius:8px;color:#999;display:flex;font-size:14px;height:200px;justify-content:center;margin:15px auto;max-width:300px;width:100%}.manual-intro{background-color:#e8f5e9;border-radius:8px;margin-bottom:30px;padding:15px}.manual-intro h2{color:#2e7d32;font-size:20px;margin:0 0 10px}.manual-intro p{color:#555;font-size:15px;line-height:1.5;margin:0}.manual-footer{border-top:10px solid #e0e0e0;height:50px;margin-top:30px}.manual-divider{background-color:#e0e0e0;height:1px;margin:20px 0}.manual-tip{background-color:#fff3e0;border-left:4px solid #ff9800;border-radius:8px;margin:15px 0;padding:12px 15px}.manual-tip p{color:#e65100;font-size:14px;margin:0}.about-container{margin:0 auto;max-width:600px;padding:15px}.about-header{align-items:center;display:flex;margin-bottom:30px;margin-top:20px}.about-icon{height:60px;margin-left:20px;margin-right:20px;width:60px}.about-icon img{border-radius:12px;height:100%;width:100%}.about-app-info{text-align:center}.about-app-info h1{color:#333;font-size:22px;margin:0}.about-app-info .version{color:#666;font-size:14px}.about-section{margin:20px 10px 40px}.about-section h2{background:#ddd;color:#000;font-size:18px;font-weight:700;margin-bottom:8px;padding:12px 8px}.about-section p{color:#555;font-size:16px;line-height:1.6;margin-bottom:8px;text-align:justify}.about-section p.credit-text{text-align:left}.about-intro{color:#333;font-size:14px}.about-section a{color:#007bff;text-decoration:none}.about-section a:hover{text-decoration:underline}.about-divider{background-color:#e0e0e0;height:10px;margin:60px 0}.flavor-selection{align-items:center;display:flex;font-size:20px;justify-content:center;margin:100px 0}.flavor-circles{display:flex;gap:10px;margin-left:10px}.flavor-circle{border-radius:50%;height:40px;width:40px}.flavor-circle.choco{background-color:#8b4513}.flavor-circle.vanilla{background-color:wheat}.flavor-circle.strawberry{background-color:#ffb6c1}.think-section{margin-left:5px;margin-right:5px;margin-top:120px}.think-section.rounded-box{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:10px}.think-item{align-items:flex-end;display:flex;gap:8px;margin-bottom:8px}.think-item.left{justify-content:flex-start}.think-item.right{justify-content:flex-end}.think-item p{border-radius:18px;flex:initial;font-size:15px;line-height:1.4;margin:0;max-width:75%;padding:10px 14px}.think-item.right p{background-color:#f5f2eb;border-bottom-right-radius:4px;color:#333;text-align:left}.think-item.left p{background-color:#f7ecee;border-bottom-left-radius:4px;color:#333}.think-item.left:has(.think-icon.choco) p{background-color:#e0dace}.think-icon{border-radius:50%;flex-shrink:0;height:24px;min-width:24px;width:24px}.think-icon.choco{background-color:#8b4513}.think-icon.vanilla{background-color:wheat}.think-icon.strawberry{background-color:#ffb6c1}.developer-links{display:flex;flex-direction:column}.developer-link{align-items:center;display:flex;padding:10px 20px}.developer-link a{text-align:center;text-decoration:none;width:200px}.developer-link a:hover{text-decoration:underline}.developer-link img{height:40px;width:40px}.about-footer{border-top:10px solid #e0e0e0;height:50px;margin-top:30px}.file-board-container{margin:20px auto 0;width:80%}.file-board-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;padding:14px 0}.file-board-name{color:#333;flex:1 1;font-size:15px;line-height:1.5;word-break:break-word}.file-board-size{color:#888;flex-shrink:0;font-size:13px;text-align:right;width:70px}.file-board-download{background-color:#4a9eff;border-radius:8px;color:#fff;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 0;text-align:center;text-decoration:none;width:80px}.file-board-download:hover{background-color:#2d7fd4}.file-board-empty{color:#888;font-size:15px;margin-top:40px;text-align:center}.settings-content{background-color:#ccc;flex:1 1;overflow-y:auto;padding:20px}.settings-section{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;padding:20px}.settings-section h3{border-bottom:1px solid #eee;color:#333;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.language-list{display:flex;flex-direction:column;gap:8px}.language-item{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#000;cursor:pointer;font-size:16px;padding:14px 16px;text-align:left;transition:all .2s ease}.language-item:hover{background-color:#f5f5f5}.language-item.selected{background-color:#e3f2fd;border-color:#4a9eff;color:#1976d2;font-weight:500}.color-subsection{margin-bottom:20px}.color-subsection:last-child{margin-bottom:0}.color-subsection h4{color:#666;font-size:14px;font-weight:500;margin:0 0 12px}.color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.color-item{aspect-ratio:1;border:3px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s ease}.color-item:hover{transform:scale(1.05)}.color-item.selected{border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff}.custom-color-row{align-items:center;display:flex;gap:12px}.color-picker{border:none;border-radius:8px;cursor:pointer;height:50px;padding:0;width:50px}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:1px solid #e0e0e0;border-radius:8px}.color-preview{border:3px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;height:50px;width:50px}.color-preview.selected{border-color:#4a9eff}.color-value{color:#666;font-family:monospace;font-size:14px}
/*# sourceMappingURL=main.e4a8eb5d.css.map*/