.kr-root{box-sizing:border-box;color:#14241b;background:#fff;max-width:480px;min-height:100vh;margin:0 auto;padding:20px 16px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.kr-root--form{padding-bottom:40vh}.kr-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.kr-logo{color:#19be6b;flex:none;width:40px;height:40px}.kr-header-text{flex:auto;min-width:0}.kr-logout{color:#3d4f45;background:0 0;border:1px solid #c7d2cc;border-radius:8px;flex:none;align-self:flex-start;padding:8px 12px;font-size:14px;font-weight:600}.kr-logout:active{background:#f2faf5}.kr-title{margin:0;font-size:24px;font-weight:800;line-height:1.1}.kr-subtitle{color:#5b6b62;margin:3px 0 0;font-size:14px}.kr-label{margin:14px 0 6px;font-size:15px;font-weight:600;display:block}.kr-input{box-sizing:border-box;border:2px solid #c7d2cc;border-radius:10px;width:100%;padding:14px;font-size:17px}.kr-input:focus{border-color:#19be6b;outline:none}.kr-btn{color:#fff;background:#19be6b;border:none;border-radius:12px;width:100%;margin-top:18px;padding:16px;font-size:18px;font-weight:700}.kr-btn:active{background:#149a56}.kr-btn:disabled{opacity:.6}.kr-section-title{color:#5b6b62;text-transform:uppercase;letter-spacing:.05em;margin:4px 0 14px;font-size:14px;font-weight:700}.kr-card{box-sizing:border-box;text-align:left;background:#fff;border:2px solid #e0e8e3;border-left:6px solid #19be6b;border-radius:12px;width:100%;margin-bottom:12px;padding:16px;display:block}.kr-card:active{background:#f2faf5}.kr-card:disabled{opacity:.55}.kr-card-name{margin:0 0 8px;font-size:18px;font-weight:700}.kr-meta{color:#3d4f45;flex-wrap:wrap;gap:6px 16px;font-size:14px;display:flex}.kr-meta span{align-items:center;gap:5px;display:inline-flex}.kr-empty{color:#5b6b62;text-align:center;padding:32px 0;font-size:16px}.kr-status{color:#1c3a29;background:#eef7f1;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:15px}.kr-status--err{color:#a3221c;background:#fdecea}.kr-success{color:#14241b;text-align:center;background:#e7f7ee;border:2px solid #19be6b;border-radius:12px;margin-top:16px;padding:18px;font-size:16px;font-weight:600}.kr-toast{z-index:50;box-sizing:border-box;width:calc(100% - 32px);max-width:448px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.kr-toast .kr-success,.kr-toast .kr-status{margin-top:0;box-shadow:0 6px 24px #0000002e}
